:root { --legal-dark: #151513; --legal-paper: #f2efe8; --legal-accent: #b51f45; --legal-muted: #706d66; }
body.legal-page { background: var(--legal-paper); color: var(--legal-dark); }
.legal-header { display: flex; justify-content: space-between; align-items: center; padding: 24px clamp(20px, 5vw, 76px); border-bottom: 1px solid rgba(21, 21, 19, .15); }
.legal-header .brand { color: var(--legal-dark); }
.legal-back { font: 500 10px var(--mono); text-transform: uppercase; letter-spacing: .1em; border-bottom: 1px solid currentColor; padding-bottom: 6px; }
.legal-main { max-width: 860px; margin: 0 auto; padding: clamp(65px, 10vw, 130px) clamp(20px, 5vw, 55px); }
.legal-kicker { margin: 0 0 20px; color: var(--legal-accent); font: 500 10px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.legal-main h1 { font: 400 clamp(46px, 7vw, 76px)/.95 var(--serif); letter-spacing: -.05em; margin: 0 0 28px; }
.legal-lead { max-width: 680px; color: var(--legal-muted); font: 400 22px/1.55 var(--serif); }
.legal-notice { margin: 42px 0 60px; padding: 18px 20px; border-left: 3px solid var(--legal-accent); background: #e6e1d6; font-size: 13px; line-height: 1.6; }
.legal-content { border-top: 1px solid rgba(21, 21, 19, .18); }
.legal-content section { padding: 32px 0; border-bottom: 1px solid rgba(21, 21, 19, .14); }
.legal-content h2 { font: 400 31px/1.05 var(--serif); margin: 0 0 15px; }
.legal-content p, .legal-content li { color: #4f4c46; font-size: 14px; line-height: 1.75; }
.legal-content p { margin: 0 0 14px; }
.legal-content ul { margin: 14px 0; padding-left: 20px; }
.legal-content strong { color: var(--legal-dark); }
.legal-footer { padding: 32px clamp(20px, 5vw, 76px); background: var(--legal-dark); color: #b8b3aa; font: 10px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.legal-footer a { color: var(--legal-paper); }
@media (max-width: 600px) { .legal-header { align-items: flex-start; gap: 18px; flex-direction: column; } .legal-main { padding-top: 70px; } }