.legal-page { background: var(--cream); }
.legal-main { padding: 36px 7% 70px; }
.legal-navigation { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-block-end: 28px; }
.legal-navigation a { color: var(--brand-text); font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; gap: 10px; }
.legal-navigation>span { font-size: 11px; letter-spacing: .02em; color: #647174; }
.legal-layout { display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 42px; align-items: start; }
.legal-contents { position: sticky; top: 25px; border-block-start: 2px solid var(--brand); padding-block-start: 18px; }
.legal-contents summary { font-size: 15px; font-weight: 700; cursor: pointer; }
.legal-contents nav { display: grid; margin-block: 18px; max-height: 65vh; overflow-y: auto; }
.legal-contents nav a { padding: 9px 0; font-size: 12px; line-height: 1.45; color: #566569; border-block-end: 1px solid #e7dfd3; }
.legal-contents nav a:hover { color: var(--brand-text); }
.legal-document { background: #fffaf3; border-radius: 24px; padding: 40px; box-shadow: 0 8px 36px #10232c06; font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
.legal-document h1 { font-size: clamp(32px,3.2vw,46px); letter-spacing: -.045em; line-height: 1.1; margin-block-end: 20px; color: var(--ink); }
.legal-document>p:first-of-type { color: var(--brand-text); font-size: 12px; margin-block-end: 28px; }
.legal-document section,.legal-document .section { margin-block: 30px; padding-block-start: 25px; border-block-start: 1px solid #e8dfd2; }
.legal-document h2 { font-size: 21px; line-height: 1.35; letter-spacing: -.025em; margin-block-end: 16px; scroll-margin-block-start: 30px; }
.legal-document h3 { font-size: 16px; margin-block: 24px 12px; line-height: 1.45; }
.legal-document p+p { margin-block-start: 15px; }
.legal-document ul { padding-inline-start: 22px; margin-block: 12px 18px; }
.legal-document li { margin-block: 8px; }
.legal-document a { color: var(--brand-text); text-decoration: underline; text-underline-offset: 3px; }
.legal-document .highlight { margin-block: 28px 0; }
.legal-document .contact-info { padding: 22px; border: 1px solid #d9e7e4; border-radius: 18px; margin-block-start: 18px; }
.legal-document .contact-info h3 { margin-block-start: 0; }
.legal-document footer { margin-block-start: 32px; padding-block-start: 24px; border-block-start: 1px solid #e8dfd2; font-size: 12px; color: #647174; }
@media(max-width:1000px) { .legal-layout { grid-template-columns: 210px minmax(0,1fr); gap: 25px; }.legal-document { padding: 30px; } }
@media(max-width:760px) {
  .legal-main { padding: 24px 5% 42px; }
  .legal-layout { display: flex; flex-direction: column; gap: 22px; }
  .legal-contents { position: static; width: 100%; border: 1px solid var(--line); border-radius: 15px; padding: 16px; }
  .legal-contents nav { max-height: 260px; }
  .legal-document { width: 100%; padding: 24px 20px; border-radius: 18px; font-size: 13px; }
  .legal-document h1 { font-size: 33px; }
  .legal-document h2 { font-size: 20px; }
  .legal-navigation { margin-block-end: 24px; }
}