body.legal-page { background: var(--solu-color-surface-page, #F8F8FA); color: var(--solu-color-text-primary, #242630); }
.legal-content [hidden] { display: none; }
.legal-header, .legal-footer { width: min(1120px, calc(100% - 64px)); margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.legal-header { padding-block: 30px; }
.legal-header .wordmark { display: inline-flex; align-items: center; gap: 10px; }
.back-link { font-size: 13px; color: var(--solu-color-text-muted); }
.back-link span { margin-left: 16px; }
.legal-content { width: min(720px, calc(100% - 64px)); margin: 65px auto 100px; }
.legal-content h1 { font-size: clamp(44px, 6vw, 70px); line-height: 1.1; letter-spacing: -.06em; margin: 20px 0; }
.legal-date { font-size: 12px; color: var(--solu-color-text-muted); }
.legal-intro { font-size: 21px; line-height: 1.65; margin-top: 32px; }
.legal-draft { margin-top: 30px; padding: 18px 22px; border: 1px solid var(--solu-color-border-default, #ddd); border-radius: 10px; background: var(--solu-color-action-light, #f1f1f6); font-size: 13px; line-height: 1.7; }
.legal-draft strong { font-weight: 550; }
.legal-draft p { margin-top: 7px; color: var(--solu-color-text-muted); }
.legal-content section { margin-top: 44px; }
.legal-content h2 { font-size: 26px; letter-spacing: -.035em; font-weight: 500; margin-bottom: 16px; }
.legal-content h3 { font-size: 17px; font-weight: 550; margin: 26px 0 10px; }
.legal-content section p { font-size: 15px; line-height: 1.85; margin-top: 14px; }
.legal-content a { text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal-footer { border-top: 1px solid var(--solu-color-border-default, #ddd); padding-block: 30px; font-size: 12px; }
.legal-footer nav { display: flex; gap: 25px; }
.legal-footer [aria-current] { color: var(--solu-color-text-muted); }
@media (max-width: 620px) { .legal-header, .legal-footer, .legal-content { width: calc(100% - 40px); } .legal-content { margin-block: 42px 64px; } .legal-header .app-icon { width: 32px; height: 32px; } .legal-intro { font-size: 19px; } .legal-content h2 { font-size: 24px; } }