/* Privacy policy and Terms of use.
   The same night palette and type as the site, set for reading: one
   comfortable column, body text at full contrast rather than the
   dim greys the site uses for its small labels. */
:root{
  color-scheme:dark;
  --void:#05070d;--ink:#fff;--muted:#a3adc2;--dim:#7f8aa3;--line:rgba(255,255,255,.13);--amber:#ffc000;
  --disp:"Bebas Neue",Impact,"Arial Narrow",sans-serif;
  --mono:"Martian Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --body:"Montserrat",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--void);color:#e6e9f0;font:400 16px/1.72 var(--body);-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-underline-offset:3px}
a:hover{color:var(--amber)}

.lg-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;
  max-width:760px;margin:0 auto;padding:clamp(22px,4vw,40px) 20px 0}
.lg-logo{font-family:var(--disp);font-size:19px;letter-spacing:.012em;text-decoration:none;color:var(--ink)}
.lg-logo i{font-style:normal;color:var(--dim)}
.lg-back{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);text-decoration:none}

.lg-draft{max-width:720px;margin:26px auto 0;padding:12px 16px;border:1px dashed rgba(255,192,0,.5);border-radius:8px;
  font-size:13.5px;color:#ffd866;background:rgba(255,192,0,.06)}
@media (max-width:760px){.lg-draft{margin:22px 20px 0}}
mark{background:rgba(255,192,0,.18);color:#ffe08a;padding:0 .2em;border-radius:3px}

.lg{max-width:760px;margin:0 auto;padding:clamp(28px,5vw,56px) 20px 40px}
.lg-k{margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}
.lg h1{margin:12px 0 8px;font:400 clamp(44px,8vw,72px)/.95 var(--disp);letter-spacing:.012em;text-transform:uppercase;color:var(--ink)}
.lg-meta{margin:0 0 28px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--dim)}
.lg-lede{font-size:17.5px;color:var(--ink);margin:0 0 30px}
.lg h2{margin:44px 0 12px;font:400 clamp(24px,3.4vw,30px)/1.05 var(--disp);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);
  scroll-margin-top:20px}
.lg p{margin:0 0 14px}
.lg ul{margin:0 0 16px;padding-left:1.2em}
.lg li{margin:0 0 8px}
.lg li::marker{color:var(--amber)}
.lg strong{color:var(--ink);font-weight:600}
.lg code{font-family:var(--mono);font-size:.86em;color:var(--ink);background:rgba(255,255,255,.07);padding:.1em .35em;border-radius:4px}

.lg-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 22px;margin:0 0 10px;padding:18px 20px;
  border:1px solid var(--line);border-radius:10px}
.lg-toc a{font-size:14px;color:var(--muted);text-decoration:none}
.lg-toc a:hover{color:var(--amber)}
@media (max-width:560px){.lg-toc{grid-template-columns:1fr}}

.lg-card{padding:16px 18px;border:1px solid var(--line);border-radius:10px;line-height:1.7}

.lg-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:760px;margin:0 auto;
  padding:22px 20px 40px;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.lg-foot nav{display:flex;gap:20px}
.lg-foot a{color:var(--muted);text-decoration:none}
.lg-foot a[aria-current]{color:var(--ink)}
