body.legal-page { min-height: 100vh; }
.legal-header { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2rem clamp(1.5rem, 5vw, 4.5rem); border-bottom: 1px solid var(--line); }
.legal-header .brand__logo { width: 8rem; }
.legal-header__back { color: var(--moss); font-size: .64rem; font-weight: 650; letter-spacing: .13em; text-transform: uppercase; }
.legal-header__back:hover { color: var(--ink); }
.legal-content { width: min(90vw, 820px); margin: 0 auto; padding: clamp(4rem, 10vw, 8rem) 0; }
.legal-content .section-index { margin-bottom: 2rem; }
.legal-content h1 { margin: 0 0 3rem; font-size: clamp(3rem, 7vw, 5.4rem); }
.legal-content h2 { margin: 3.2rem 0 1rem; font-size: 1.05rem; font-weight: 550; letter-spacing: -.02em; }
.legal-content p, .legal-content li { max-width: 72ch; color: var(--moss); font-size: .95rem; }
.legal-content p { margin: .7rem 0; }
.legal-content ul { padding-left: 1.15rem; }
.legal-content a:not(.brand) { color: var(--ink); text-decoration: underline; text-decoration-color: var(--rose); text-underline-offset: .2em; }
.legal-content .legal-note { margin-top: 3.5rem; padding-top: 1.4rem; border-top: 1px solid var(--line); color: var(--moss); font-size: .78rem; }