/* Terms of Use and Privacy Policy (scripts/make-legal-pages.mjs): a calm reading column on the site's dark ground. */
.legal{background:#0c0d10}
.legal-hero{padding-top:150px;padding-bottom:40px;border-bottom:1px solid #ffffff12}
.legal-hero .back-link{font-size:11px;color:#aeb7a3;display:inline-block;margin-bottom:46px}
.legal-hero h1{font-family:var(--display);font-size:clamp(48px,7vw,96px);line-height:1;margin:18px 0 0;letter-spacing:-1px}
.legal-updated{margin-top:18px;font-size:12px;letter-spacing:1.2px;color:#9a9488}
.legal-layout{display:grid;grid-template-columns:220px minmax(0,720px);gap:7%;padding-top:56px;padding-bottom:110px}
.legal-toc{position:sticky;top:110px;align-self:start;font-size:13px}
.legal-toc p{font-size:10px;letter-spacing:1.8px;color:var(--metal);text-transform:uppercase;margin-bottom:14px}
.legal-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:toc}
.legal-toc li{counter-increment:toc}
.legal-toc a{color:#b9b4a8;display:flex;gap:10px;line-height:1.4;transition:color .2s}
.legal-toc a:before{content:counter(toc,decimal-leading-zero);color:#6f6a60;font-variant-numeric:tabular-nums}
.legal-toc a:hover{color:var(--paper)}
.legal-body{font-size:16px;line-height:1.85;color:#c9c4b8}
.legal-body .legal-lead{font-size:19px;line-height:1.7;color:#ece6d8;margin-bottom:30px}
.legal-body h2{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.2;color:var(--paper);margin:52px 0 14px;scroll-margin-top:110px;letter-spacing:-.3px}
.legal-body h3{font-size:15px;font-weight:600;letter-spacing:.3px;color:#e6dfcf;margin:26px 0 6px}
.legal-body p{margin:0 0 16px}
.legal-body ul{margin:0 0 18px;padding-left:20px;display:grid;gap:8px}
.legal-body li::marker{color:var(--metal)}
.legal-body a{color:var(--metal);text-decoration:underline;text-underline-offset:3px}
.legal-body strong{color:#ece6d8;font-weight:600}
/* Owner review: details still to be confirmed before publishing */
@media(max-width:860px){
  .legal-hero{padding-top:118px;padding-bottom:28px}
  .legal-hero .back-link{margin-bottom:30px}
  .legal-layout{grid-template-columns:1fr;gap:34px;padding-top:34px;padding-bottom:80px}
  .legal-toc{position:static;border:1px solid #ffffff14;border-radius:18px;padding:18px 20px;background:#ffffff05}
  .legal-body{font-size:15.5px}
  .legal-body .legal-lead{font-size:17px}
  .legal-body h2{font-size:25px;margin-top:40px}
}