.legal-page { background: #fffdf8; color: #171614; }
.legal-page::before { display: none; }
.legal-nav { align-items: center; border-bottom: 1px solid rgba(23, 22, 20, 0.2); display: flex; justify-content: space-between; min-height: 64px; padding: 8px max(20px, calc((100vw - 760px) / 2)); }
.legal-nav img { height: 42px; width: auto; }
.legal-nav > a:last-child { border-bottom: 1px solid; font-size: 0.76rem; font-weight: 700; }
.legal-document { margin: 0 auto; max-width: 760px; padding: 54px 20px 80px; }
.legal-document header { border-bottom: 1px solid rgba(23, 22, 20, 0.2); padding-bottom: 28px; }
.legal-document h1 { font-size: clamp(2.25rem, 6vw, 3.25rem); letter-spacing: -0.05em; margin: 0 0 14px; }
.legal-summary { color: #6d6962; font-size: 1rem; line-height: 1.6; max-width: 620px; }
.legal-updated { color: #6d6962; font-size: 0.72rem; margin-top: 14px; }
.legal-document section { border-bottom: 1px solid rgba(23, 22, 20, 0.14); padding: 26px 0; }
.legal-document h2 { font-size: 1.15rem; letter-spacing: -0.02em; margin: 0 0 12px; }
.legal-document p, .legal-document li, .legal-document address { font-size: 0.9rem; line-height: 1.7; }
.legal-document p + p { margin-top: 12px; }
.legal-document ul { margin: 10px 0 0; padding-left: 20px; }
.legal-document li { list-style: disc; margin-top: 5px; }
.legal-document a { border-bottom: 1px solid; }
.legal-document address { font-style: normal; }

@media (max-width: 560px) {
  .legal-nav { min-height: 56px; padding: 7px 16px; }
  .legal-nav img { height: 36px; }
  .legal-document { padding: 36px 18px 60px; }
  .legal-document section { padding: 22px 0; }
}
