/* TANAN homepage-only stylesheet — .home-* namespace.
   Loaded ONLY on path "/" via EXTRA_HEAD token (see build.py build_pages).
   Depends on tokens/classes from style.css (v2 charcoal & red) but never
   modifies them: every selector here starts with .home-* and the classes
   only exist in homepage markup. Other 18 pages never load this file.
   No webfonts, no JS, mobile first — same rules as style.css. */

/* ---------- hero: copy + real photo (evidence-first LCP) ---------- */
.home-hero-photo{margin:14px 0 0}
.home-hero-photo img{
  width:100%;aspect-ratio:3/4;object-fit:cover;
  border-radius:10px;border:1px solid #34393F;background:#fff
}
.home-hero-photo figcaption{
  font-size:12px;color:#9AA3AD;padding:7px 2px 0;line-height:1.5
}

@media (min-width:760px){
  .home-hero-grid{
    display:grid;grid-template-columns:1fr 264px;gap:22px;
    align-items:stretch
  }
  .home-hero-copy{min-width:0}
  .home-hero-photo{margin:0;align-self:center}
  .home-hero-photo img{
    aspect-ratio:9/16;max-height:460px
  }
}

/* ---------- evidence band: four factual cells ---------- */
.home-evidence{
  background:var(--bg-soft);border:1px solid var(--line);
  border-radius:var(--radius);padding:20px 18px;margin:8px 0
}
.home-evidence h2{margin-top:0}
.home-ev-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:14px}
.home-ev{
  border-top:2px solid var(--brand);padding-top:10px
}
.home-ev h3{
  margin:0 0 5px;font-size:15.5px;color:var(--ink);
  letter-spacing:-.01em
}
.home-ev p{margin:0;font-size:14px;color:var(--body);line-height:1.6}

@media (min-width:600px){
  .home-ev-grid{grid-template-columns:1fr 1fr;gap:18px 22px}
}

/* ---------- print: keep homepage flat and readable ---------- */
@media print{
  .home-hero-photo img{border-color:#ccc;max-height:none}
  .home-evidence{background:#fff;border-color:#ccc}
  .home-ev{border-top-color:#888}
}