/* trooids.com — channel pages (Top-50 batch 1, draft 2026-10-28). Reuses tokens.css/base.css/hero.css; only layout lives here. */
.ch-top{padding-bottom:var(--sp-8)} .ch-top h1{font-size:var(--fs-2xl);max-width:22ch;text-wrap:balance}
.ch-crumb{font-size:var(--fs-sm);margin:0} .ch-crumb a{color:var(--muted)} .ch-crumb a:hover{color:var(--text)}
.ch-body{padding-top:var(--sp-8)} .ch-body .wrap{gap:var(--sp-8)}
.ch-sec{display:grid;gap:var(--sp-3);min-width:0} .ch-sec h2{font-size:var(--fs-xl);margin-bottom:var(--sp-2)} .ch-sec > p,.ch-sec > ul{max-width:40em}
.ch-list{margin:0;padding-left:1.15rem;display:grid;gap:.45rem} .ch-list li{color:var(--text)}
.ch-legend{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;color:var(--muted);font-size:var(--fs-sm)}
.ch-proof{display:grid;gap:var(--sp-4);grid-template-columns:minmax(0,1fr)} @media (min-width:900px){.ch-proof{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ch-proof .col{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-5);min-width:0}
.ch-proof .col.live{border-color:rgba(94,225,214,.4)} .ch-proof .col.fixture{border-color:rgba(167,176,192,.35)} .ch-proof .col.arch{border-color:rgba(212,175,55,.4)}
.ch-proof h3{font-size:var(--fs-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-3)}
.ch-proof ul{margin:0;padding-left:1.1rem;display:grid;gap:.5rem;color:var(--text)} .ch-proof li{overflow-wrap:anywhere}
.ch-pager ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5);justify-content:space-between}
.ch-pager a{display:inline-flex;align-items:center;min-height:44px}
.ch-index{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.ch-card{display:grid;gap:var(--sp-2);align-content:start} .ch-card h3{font-size:var(--fs-lg);margin:0} .ch-card h3 a{color:var(--text);text-decoration:none}
.ch-card h3 a:hover,.ch-card h3 a:focus-visible{color:var(--gold);text-decoration:underline}
.ch-card .ch-rank{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--gold);line-height:1;margin:0}
.ch-card p{margin:0} .ch-card .ch-status{font-size:var(--fs-sm);color:var(--muted)}
.ch-sec .mono,.ch-proof .mono{overflow-wrap:anywhere}