/* ═══════════════════════════════════════════════════════════════
   legal.css — shared by terms.html and privacy.html.
   Link AFTER site.css.

   Matches hyros.com/terms, measured with getComputedStyle on
   2026-09-15: one 820px text column centred on white (left edge 310
   at 1440), 20px gutters on a phone, a light serif title, Inter
   18px/27px body in #333, uppercase section headings at ~24px
   regular weight, and all-caps notice paragraphs. No contents
   rail, no cards: a formal document.
   ═══════════════════════════════════════════════════════════════ */

.doc{
  max-width:860px;               /* 820px of text + 20px gutters */
  margin:0 auto;
  padding:clamp(40px,4.4vw,64px) 20px clamp(56px,6vw,96px);
  color:#333333;
}

.doc-draft{
  margin:0 0 32px;
  padding:10px 14px;
  font-size:14px; line-height:1.5; color:#5A4A00;
  background:#FFF8D6; border:1px dashed #D4A900; border-radius:8px;
}

.doc-title{
  font-family:Fraunces,Newsreader,Georgia,'Times New Roman',serif;
  font-weight:400;
  font-optical-sizing:auto;
  font-variation-settings:'SOFT' 0,'WONK' 0;
  font-size:clamp(44px,3.9vw,56px);
  line-height:1.12; letter-spacing:-.012em;
  color:#000000;
  margin:0 0 30px;
  text-wrap:balance;
}

.doc p,
.doc li{
  font-family:Inter,system-ui,-apple-system,sans-serif;
  font-size:18px; line-height:27px; font-weight:400;
  color:#333333;
}
.doc p{ margin:0 0 27px; }

.doc .doc-meta{ margin:0 0 35px; }
.doc .doc-warn{ font-weight:500; color:#000000; margin:0 0 64px; }

.doc h2{
  font-family:Inter,system-ui,-apple-system,sans-serif;
  font-size:24px; line-height:1.3; font-weight:400;
  letter-spacing:0; color:#000000;
  margin:64px 0 26px;
  scroll-margin-top:24px;
}
.doc .doc-warn + h2{ margin-top:0; }

.doc ol.defs{ margin:0 0 27px; padding-left:1.5em; }
.doc ol.defs li{ margin:0 0 14px; padding-left:.3em; }

/* Lettered sub-items, drafted as (a), (b), (c) */
.doc ol.alpha{
  list-style:none; counter-reset:alpha;
  margin:-13px 0 27px; padding-left:36px;
}
.doc ol.alpha li{ counter-increment:alpha; position:relative; margin:0 0 10px; }
.doc ol.alpha li::before{
  content:"(" counter(alpha, lower-alpha) ")";
  position:absolute; left:-36px;
}

.doc a{
  color:inherit;
  text-decoration:underline; text-underline-offset:3px;
  text-decoration-thickness:1px;
  border-radius:3px;
  transition:color .2s ease;
}
.doc a:hover{ color:var(--field); }
.doc a:focus-visible{ outline:2px solid var(--field); outline-offset:2px; }

.doc code{ font-size:16px; background:#F4F4F7; padding:1px 5px; border-radius:4px; }

.fill{
  background:#FFF1A8; color:#000000;
  padding:0 4px; border-radius:3px;
  -webkit-box-decoration-break:clone; box-decoration-break:clone;
}

/* Footer sits straight under the document; no closing band. */
.legal-foot{ background:var(--white); padding:0 24px clamp(26px,3vw,42px); border-top:1px solid #EEEEF2; }

@media (max-width:620px){
  .doc h2{ margin-top:52px; }   /* Hyros keeps 24px headings on phones too */
  .legal-foot{ padding-left:16px; padding-right:16px; }
}