@font-face{font-family:Raleway;font-weight:100 900;font-display:swap;src:url(fonts/raleway-var-latin.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:100 900;font-display:swap;src:url(fonts/roboto-var-latin.woff2) format("woff2")}
:root{--ground:oklch(.985 .002 250);--ink:#333;--ink-soft:#5c5c5c;--hair:#e3e4e6;--action:#fe0000;--action-deep:#c40000;--r:6px}
*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:400 16px/1.55 Roboto,-apple-system,"Segoe UI",Arial,sans-serif}
header{max-width:1120px;margin:0 auto;padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--hair);color:var(--ink-soft);font-size:.9rem}
main{max-width:1120px;margin:0 auto;padding:32px 24px 64px}
h1,h2,h3{font-family:Raleway,Arial,sans-serif;color:#000;line-height:1.15}
h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 12px}h2{font-size:1.6rem;margin:48px 0 8px}h3{font-size:1.05rem;margin:0 0 8px}
.lede{font-size:1.2rem;max-width:60ch;color:var(--ink-soft)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}
.stat{background:#fff;border:1px solid var(--hair);border-radius:var(--r);padding:20px}
.stat b{display:block;font:800 2.2rem/1 Raleway,Arial,sans-serif;color:#000}.stat span{display:block;margin-top:8px;font-weight:600}.stat small{color:var(--ink-soft)}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--hair);border-radius:var(--r);overflow:hidden;margin-top:16px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--hair);vertical-align:top}th{font-size:.85rem;color:var(--ink-soft);background:#fafafa}
td:first-child{width:42%}tr:last-child td{border-bottom:0}
.tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.85rem;font-weight:600;white-space:nowrap}
.hit{background:#e8f5ec;color:#1d6b35}.mid{background:#f1f2f4;color:var(--ink)}.miss{background:#fde8e8;color:var(--action-deep)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}
.card{background:#fff;border:1px solid var(--hair);border-radius:var(--r);padding:20px}.card p{margin:0}
.qs{grid-template-columns:3fr 2fr;align-items:start}@media (max-width:700px){.qs{grid-template-columns:1fr}}
.card ol{margin:0;padding-left:1.3em}.card li{margin:0 0 10px}.card li:last-child{margin:0}
.note{margin-top:48px;color:var(--ink-soft);font-size:.9rem;max-width:75ch}
@media (max-width:700px){.stats{grid-template-columns:1fr}table,thead,tbody,tr,td{display:block}thead{display:none}td{border:0;padding:4px 14px}tr{border-bottom:1px solid var(--hair);padding:10px 0}td:first-child{width:auto;font-weight:600}}