/* Privacy notice and 404 page (Milestone 8). Tokens and shell come from tokens.css / shell.css. Nothing here is loaded by other pages. */
.lg-hero{background:var(--ink);color:var(--warm);padding-block:var(--s7) var(--s8)}
.lg-eyebrow{display:flex;align-items:center;gap:var(--s3);color:var(--lime);margin:0 0 var(--s4)}
.lg-tick{width:8px;height:8px;background:var(--lime);display:inline-block}
.lg-hero h1{font-family:var(--font-display);font-weight:800;font-stretch:125%;font-size:var(--t-h1);line-height:1.04;letter-spacing:0;margin:0;overflow-wrap:anywhere;text-wrap:balance}
.lg-lead{font-size:var(--t-lead);color:var(--grey);max-width:44ch;margin:var(--s5) 0 0;line-height:1.5}
.lg-actions{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s6)}
.lg-actions .btn{width:100%;min-height:56px}
.lg-link{color:var(--warm);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:4px;overflow-wrap:anywhere}
.lg-link:hover{color:var(--lime)}
.lg-doc{background:var(--warm);color:var(--ink);padding-block:var(--s7) var(--s9)}
.lg-doc :focus-visible{outline-color:var(--ink)}
.lg-doc .lg-link{color:var(--ink)}
.lg-doc .lg-link:hover{color:var(--ink);text-decoration-color:var(--ink)}
.lg-body{max-width:68ch}
.lg-sec{border-top:1px solid var(--ink);padding-block:var(--s5) var(--s6)}
.lg-sec h2{font-family:var(--font-display);font-weight:800;font-stretch:125%;font-size:22px;line-height:1.15;letter-spacing:0;margin:0 0 var(--s4)}
.lg-sec p,.lg-sec li{font-size:17px;line-height:1.6;margin:0 0 var(--s3)}
.lg-sec ul{margin:0 0 var(--s3);padding-left:1.2em;list-style:disc}
.lg-pending{border:1.5px dashed var(--ink);background:var(--lime);padding:var(--s3) var(--s4);font-size:16px;line-height:1.5;margin:0 0 var(--s3)}
.lg-pending b{font-family:var(--font-mono);font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:var(--t-label);margin-right:var(--s2)}
@media (min-width:700px){.lg-hero{padding-block:var(--s8) var(--s9)}.lg-actions{flex-direction:row;flex-wrap:wrap}.lg-actions .btn{width:auto}.lg-sec h2{font-size:26px}}
@media (min-width:900px){.lg-hero h1{letter-spacing:-.02em}.lg-doc{padding-block:var(--s8) var(--s10)}.lg-sec{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--s6)}.lg-sec h2{margin:0}}