.legal-page { background: #f6f2eb; color: #202020; }
.legal-page .legal-main { padding: 8rem 0 5rem; }
.legal-page .legal-wrap { width: min(960px, calc(100% - 2rem)); margin: 0 auto; background: #fff; padding: clamp(1.25rem, 4vw, 4rem); box-shadow: 0 16px 50px rgba(0,0,0,.08); }
.legal-page .legal-kicker { text-transform: uppercase; letter-spacing: .12em; font-weight: 700; margin-bottom: 1rem; }
.legal-page h1 { font-size: clamp(2.25rem, 6vw, 4.5rem); line-height: 1.05; margin-bottom: 1.5rem; color: #111; }
.legal-page h2 { font-size: clamp(1.35rem, 3vw, 2rem); line-height: 1.25; margin: 2.5rem 0 .8rem; color: #111; }
.legal-page p, .legal-page li { font-size: 1rem; line-height: 1.8; color: #303030; }
.legal-page a { color: #3d4f36; text-decoration: underline; text-underline-offset: .2em; }
.legal-page .legal-updated { border-left: 4px solid #3d4f36; padding: .75rem 1rem; background: #eef1eb; margin: 1.5rem 0 2.5rem; }
.legal-page .legal-footer { padding: 2.5rem 1rem; background: #151515; color: #fff; text-align: center; }
.legal-page .legal-footer p, .legal-page .legal-footer a { color: #fff; }
.legal-page .legal-footer nav { margin-top: .75rem; }
.legal-page .legal-footer a { margin: 0 .45rem; }
@media (max-width: 767.98px) { .legal-page .legal-main { padding-top: 6.5rem; } .legal-page .legal-wrap { width: min(100% - 1rem, 960px); padding: 1.25rem; } }