/* Gatecraft product page, site version 0.6. The one per-product file a product page may add (see DESIGN-v0.6.md).
   Everything shared lives in /assets/site.css; this file only tunes the Gatecraft page. */
[data-product="gatecraft"] .phero{background:var(--gc-band);padding-bottom:0}
[data-product="gatecraft"] .phero .keypts{margin-bottom:0;border-bottom:0}
[data-product="gatecraft"] .phero+.sect{padding-top:64px}
/* Evidence bar: 775 of 898 gate counts within 1% (86.3%), 123 outside (13.7%) */
[data-product="gatecraft"] .evbar .track .ok{width:86.3%}
[data-product="gatecraft"] .evbar .track .miss{width:13.7%}
/* Panel b: the CD4 against CD8 plot is square, so keep it at a readable size without filling the screen */
.gc-plot{max-width:620px}
@media (min-width:1000px){.step.flip .gc-plot{margin-right:auto}}
.gc-plot .plate img{width:100%}
/* The app's own population tree and statistics, as live text inside a quote */
.quote .gc-tree{margin-top:2px;font-size:14px}
.quote .gc-tree th[scope="row"]{font-weight:500;color:var(--ink)}
.quote .gc-tree thead th{font-size:12.5px;color:var(--muted);font-weight:600}
.quote .gc-tree .num{color:var(--ink)}
.quote .gc-tree td,.quote .gc-tree th[scope="row"]{padding-top:6px;padding-bottom:6px}