/*
  CHECKER — dark band with a sticky intro column and a list of numbered questions.
  Scoped under .hc-checker. Reveal state is `.in` (added by checker.js / _shared revealOnScroll).
*/
.hc-checker{
  background:var(--ink);color:var(--cream);
  padding:clamp(4rem,9vw,8rem) clamp(5vw,7vw,9rem);
}
.hc-checker-grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(2rem,6vw,6rem);
  align-items:start;
}
.hc-checker-left{position:sticky;top:6rem}
.hc-checker-left .hc-kicker{color:var(--accent);font-size:.8rem;letter-spacing:.35em;text-transform:uppercase}
.hc-checker-left h2{font-family:var(--serif);font-weight:800;font-size:var(--h2);line-height:1;margin:.8rem 0 1.5rem}
.hc-checker-left p{color:var(--muted);max-width:30rem}
.hc-pills{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}
.hc-pill{border:1px solid var(--line-l);padding:.5rem 1.1rem;border-radius:999px;font-size:.85rem;color:var(--cream);cursor:default}
.hc-pill b{color:var(--accent);font-weight:600}
.hc-q{border-top:1px solid var(--line-l);padding:2.4rem 0;display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:baseline}
.hc-q:last-child{border-bottom:1px solid var(--line-l)}
.hc-q .hc-q-n{font-family:var(--serif);font-weight:800;font-size:clamp(3rem,2rem+3vw,5.5rem);line-height:1;color:var(--accent)}
.hc-q .hc-q-t{font-family:var(--serif);font-weight:500;font-size:clamp(1.4rem,1.1rem+1vw,2.1rem);line-height:1.3}
.hc-q .hc-q-sub{margin-top:.8rem;color:var(--muted);font-size:.95rem;max-width:36rem}
.hc-q{opacity:0;transform:translateY(28px);transition:opacity .8s ease, transform .8s ease}
.hc-q.in{opacity:1;transform:none}
@media(max-width:900px){
  .hc-checker-grid{grid-template-columns:1fr}.hc-checker-left{position:static !important}
}
@media(max-width:600px){
  .hc-checker{padding-left:1.4rem;padding-right:1.4rem}
  .hc-checker-grid{gap:2.5rem}
  .hc-q{grid-template-columns:1fr;gap:.3rem;padding:1.7rem 0}
  .hc-q .hc-q-n{font-size:2.4rem}
  .hc-pills{gap:.4rem}
}