.legal-page { min-height: 100vh; background: var(--newsprint); }.legal-header { width: min(1120px, calc(100% - 48px)); min-height: 115px; margin: 0 auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; border-bottom: 4px double var(--ink); }.legal-header > a:first-child { text-decoration: none; }.legal-header strong { font: 700 27px var(--font-serif); }.legal-header span { margin-left: 7px; color: var(--forest); font: 400 16px var(--font-serif); font-style: italic; }.legal-header p { margin: 0; color: var(--ink-tertiary); font: 700 8px var(--font-sans); letter-spacing: .12em; text-transform: uppercase; }.legal-header > a:last-child { justify-self: end; color: var(--forest); font: 700 10px var(--font-sans); text-underline-offset: 5px; }
.legal-shell { width: min(960px, calc(100% - 48px)); margin: 0 auto; padding: 85px 0 110px; display: grid; grid-template-columns: 170px minmax(0,720px); gap: 70px; }.legal-shell aside { align-self: start; padding-top: 13px; border-top: 1px solid var(--rule-strong); color: var(--ink-tertiary); font-size: 12px; }.legal-shell aside span { color: var(--edition-red); font: 700 8px var(--font-sans); letter-spacing: .12em; text-transform: uppercase; }.legal-shell aside p { margin: 17px 0 0; }.legal-shell aside strong { color: var(--ink); }.legal-shell article { min-width: 0; }.legal-shell h1 { margin: 0 0 24px; font-size: clamp(48px,7vw,76px); }.legal-deck { margin-bottom: 55px; color: var(--ink-secondary); font: 400 18px/1.65 var(--font-serif); }.legal-shell h2 { margin: 43px 0 13px; padding-top: 16px; border-top: 1px solid var(--rule-standard); font: 700 20px var(--font-serif); }.legal-shell article > p:not(.section-label):not(.legal-deck) { color: var(--ink-tertiary); font-size: 15px; line-height: 1.8; }.legal-shell article a { color: var(--forest); text-underline-offset: 4px; }.legal-note { margin-top: 50px; padding: 20px; border: 1px solid var(--forest); }.legal-note strong { color: var(--forest); font: 700 9px var(--font-sans); letter-spacing: .12em; text-transform: uppercase; }.legal-note p { margin: 7px 0 0; color: var(--ink-tertiary); font-size: 13px; }
.legal-footer { width: min(1120px, calc(100% - 48px)); margin: 0 auto; padding: 22px 0; display: flex; justify-content: space-between; gap: 25px; border-top: 3px double var(--ink); color: var(--ink-tertiary); font-size: 10px; }.legal-footer p { margin: 0; }.legal-footer nav { display: flex; gap: 20px; }.legal-footer a { text-decoration: none; }.legal-footer a:hover, .legal-footer a[aria-current="page"] { color: var(--forest); }
@media (max-width: 700px) { .legal-header { width: calc(100% - 36px); min-height: 92px; grid-template-columns: 1fr auto; }.legal-header p { display: none; }.legal-header > a:last-child { font-size: 0; }.legal-header > a:last-child::after { content: '← Back'; font-size: 10px; }.legal-shell { width: calc(100% - 36px); padding: 65px 0 80px; grid-template-columns: 1fr; }.legal-shell aside { display: none; }.legal-shell h1 { font-size: 43px; }.legal-deck { font-size: 16px; }.legal-footer { width: calc(100% - 36px); align-items: flex-start; flex-direction: column; } }
