/* ============================================================================
   Drenin V4 · legal pages (privacy, website terms)
   A daylight reading room under the night header: stone paper, a narrow
   measure, a table of contents, and visible "to confirm" callouts for every
   open item. Loads after v4.css (tokens, fonts, header, footer, .day, .draft).
   ========================================================================== */
.legal-top .top-row{gap:1rem}
.legal-links{display:flex;align-items:center;gap:1.4rem;margin-left:auto}
.legal-links a{font:600 .95rem/1 var(--font);color:var(--silver-1);text-decoration:none;padding:.8rem 0}
.legal-links a:hover,.legal-links a[aria-current="page"]{color:var(--silver-0)}
.legal-links a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--amber)}
@media (max-width:700px){.legal-links .opt{display:none}}

.legal-main{padding:clamp(40px,6vw,88px) 0 clamp(64px,8vw,120px)}
.legal-grid{display:grid;gap:2rem}
@media (min-width:1000px){.legal-grid{grid-template-columns:230px minmax(0,68ch);justify-content:center;gap:clamp(40px,6vw,96px);align-items:start}}

.legal-toc{font-size:.95rem}
.legal-toc h2{font:700 .95rem/1.3 var(--font);margin:0 0 .6rem;color:var(--char-0)}
.legal-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
.legal-toc a{display:block;padding:.38rem 0;color:var(--char-1);text-decoration:none;line-height:1.35}
.legal-toc a:hover{color:var(--char-0);text-decoration:underline;text-underline-offset:3px}
@media (min-width:1000px){.legal-toc{position:sticky;top:104px}}
@media (max-width:999px){
  .legal-toc{border:1px solid var(--day-line);border-radius:14px;padding:1rem 1.1rem;background:rgba(250,248,244,.55)}
  .legal-toc ol{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0 1rem}
}

.legal-doc{max-width:68ch;min-width:0}
.legal-doc h1{font:800 clamp(2.5rem,1.5rem + 2.8vw,4.1rem)/1 var(--font);font-stretch:112%;letter-spacing:-.022em;margin:0 0 1rem;color:var(--char-0)}
.legal-doc h1 em{font:italic 500 1em/1 var(--serif);letter-spacing:-.01em;color:var(--amber-deep)}
.legal-meta{margin:0 0 2rem;color:var(--char-2);font-size:.95rem}
.legal-lede{font-size:1.14rem;line-height:1.55;color:var(--char-0);margin:0 0 1.6rem}
.legal-doc h2{font:760 1.38rem/1.2 var(--font);font-stretch:106%;letter-spacing:-.005em;margin:2.8rem 0 .75rem;color:var(--char-0);scroll-margin-top:100px}
.legal-doc h3{font:700 1.06rem/1.3 var(--font);margin:1.6rem 0 .4rem;color:var(--char-0)}
.legal-doc p,.legal-doc li{color:var(--char-1)}
.legal-doc p{margin:0 0 1rem}
.legal-doc ul{margin:0 0 1.1rem;padding-left:1.25rem}
.legal-doc li{margin:.4rem 0;padding-left:.2rem}
.legal-doc li::marker{color:var(--amber-deep)}
.legal-doc a{color:var(--char-0);text-decoration-thickness:1px;text-underline-offset:3px}
.legal-doc a:hover{text-decoration-thickness:2px}
.legal-doc strong{color:var(--char-0)}
.legal-doc code{font:500 .88em/1 ui-monospace,"Cascadia Mono",Consolas,monospace;background:var(--stone-0);border:1px solid var(--day-line);border-radius:5px;padding:.14em .38em}

/* the plain facts, set as a ruled list rather than a row of cards */
.facts{list-style:none;margin:0 0 2.4rem!important;padding:0!important;border-top:1px solid var(--day-line)}
.facts li{display:grid;gap:.15rem .9rem;margin:0!important;padding:.95rem 0!important;border-bottom:1px solid var(--day-line)}
@media (min-width:640px){.facts li{grid-template-columns:13.5rem 1fr}}
.facts b{color:var(--char-0);font-weight:700}

/* the draft status, and every open item before launch */
.status-note{border:1px solid var(--day-line);background:rgba(250,248,244,.72);border-radius:14px;padding:1.05rem 1.2rem;margin:0 0 2.2rem;color:var(--char-1);font-size:.97rem}
.status-note b{color:var(--char-0)}
.tbc{margin:0 0 1.1rem;padding:.8rem 1rem .85rem;border-left:3px solid var(--amber);border-radius:0 10px 10px 0;background:var(--stone-0);color:var(--char-1);font-size:.95rem}
.tbc b{display:block;color:var(--char-0);font-weight:700;margin-bottom:.15rem}

@media print{
  .draft,.legal-top,.legal-toc,.foot{display:none}
  .day{background:#fff}
  .legal-grid{display:block}
}