.legal-hero { padding: 42px 0 56px; }
.legal-page .hero h1 { font-size: clamp(34px,5vw,48px); }
.legal-hero .back-link { margin-bottom: 24px; }
.legal-content { max-width: 1000px !important; padding-top: 40px; padding-bottom: 55px; }
.draft-notice { border: 1px solid #e6c98e; background: #fff8e9; color: #684810; border-radius: 10px; padding: 20px 24px; }
.draft-notice p { margin: 6px 0 0; font-size: 14px; }
.legal-section { padding: 34px 0; border-bottom: 1px solid var(--line); }
.legal-section:last-child { border: 0; }
.legal-section h2 { margin: 0 0 20px; font-size: 26px; }
.legal-section p { color: var(--muted); }
.legal-section dl { margin: 0; }
.legal-row { display: grid; grid-template-columns: 1fr 1.5fr; gap: 24px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.legal-row:last-child { border: 0; }
.legal-row dt { font-weight: 600; font-size: 14px; }
.legal-row dd { margin: 0; font-size: 15px; overflow-wrap: anywhere; }
.legal-row a { color: #285c9f; }
.legal-placeholder { color: #775219; }
@media(max-width:640px) { .legal-row { grid-template-columns: 1fr; gap: 6px; } .legal-hero { padding: 28px 0 40px; } .draft-notice { padding: 18px; } }