/* Policies and purchase acknowledgement */
.legal-page { max-width: 920px; margin: 36px auto; padding: 32px clamp(20px, 4vw, 48px); background: var(--surface); color: var(--ink); border: 1px solid var(--border); border-radius: 12px; }
.legal-page h1 { font-size: clamp(28px, 4vw, 42px); line-height: 1.15; margin: 26px 0 18px; }
.legal-page h2 { font-size: 21px; line-height: 1.4; margin: 30px 0 12px; scroll-margin-top: 100px; }
.legal-page p,.legal-page li { font-size: 15px; line-height: 1.85; margin-bottom: 14px; overflow-wrap: anywhere; }
.legal-page a,.purchase-acknowledgements a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.legal-links { display: flex; gap: 10px 20px; flex-wrap: wrap; font-size: 13px; padding-bottom: 18px; border-bottom: 1px solid var(--border); }
.legal-links [aria-current="page"] { font-weight: 750; text-decoration: none; }
.purchase-acknowledgements { margin-top: 20px; padding: 16px; border: 1px solid var(--border); border-radius: 10px; background: var(--soft); display: grid; gap: 16px; }
.purchase-acknowledgements .check-field { margin: 0; gap: 12px; align-items: flex-start; }
.purchase-acknowledgements .check-field input { flex: 0 0 auto; margin-top: 4px; }
.purchase-acknowledgements .check-field span { font-size: 13px; line-height: 1.7; }
.site-footer nav { display: flex; gap: 12px 18px; flex-wrap: wrap; }
#age-screen select { width: 100%; min-height: 46px; background: var(--surface); color: var(--ink); border: 1px solid var(--border); padding: 10px; border-radius: 8px; }
@media (max-width: 760px) { .legal-page { margin: 15px; padding: 22px; } .legal-page p { font-size: 14px; } }