body { min-height: 100vh; }
.legal-main { width: min(100% - 42px, 820px); margin: 0 auto; padding: 58px 0 80px; }
.legal-main h1 { max-width: 760px; margin: 12px 0 18px; font-size: clamp(30px, 5vw, 46px); line-height: 1.35; }
.legal-main h2 { margin: 34px 0 10px; padding-top: 19px; border-top: 1px solid var(--line); font-size: 18px; letter-spacing: -.03em; }
.legal-main h3 { margin: 21px 0 7px; font-size: 13px; }
.legal-main p, .legal-main li, .legal-main dd { color: var(--ink-2); font-size: 13px; line-height: 1.95; }
.legal-main > p { max-width: 720px; }
.legal-main ul, .legal-main ol { display: grid; gap: 7px; padding-left: 1.35em; }
.legal-main a { color: var(--green); text-underline-offset: 3px; }
.legal-main .eyebrow { margin-bottom: 0; }
.legal-main .lead { max-width: 700px; color: var(--muted); font-size: 15px; line-height: 1.9; }
.legal-main .notice-box { margin: 20px 0; padding: 15px 17px; border: 1px solid #eadbc2; border-radius: 9px; color: var(--ink-2); background: var(--amber-soft); }
.legal-main .notice-box p, .legal-main .notice-box li { margin: 4px 0; color: inherit; font-size: 11px; }
.legal-main .back-link { display: inline-flex; margin-top: 28px; font-size: 11px; font-weight: 700; text-decoration: none; }
.legal-main .legal-table { width: 100%; border-collapse: collapse; margin: 16px 0; }
.legal-main .legal-table th, .legal-main .legal-table td { padding: 11px; border: 1px solid var(--line-strong); text-align: left; vertical-align: top; font-size: 11px; line-height: 1.8; }
.legal-main .legal-table th { width: 28%; color: var(--ink-2); background: var(--paper-soft); }
.primary-link { min-height: 42px; display: inline-flex; align-items: center; margin-top: 14px; padding: 0 15px; border-radius: 8px; color: white !important; background: var(--green); font-size: 11px; font-weight: 720; text-decoration: none; }
@media (max-width: 620px) { .legal-main { width: calc(100% - 32px); padding: 34px 0 57px; } .legal-main h1 { font-size: 32px; } .legal-main p, .legal-main li, .legal-main dd { font-size: 12px; } .legal-main .legal-table th, .legal-main .legal-table td { padding: 8px; font-size: 9px; } }
