.drill-picker{max-width:820px}.drill-picker-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin-bottom:30px;display:grid}.drill-picker-head h1{margin:0}.drill-picker-head .sub{max-width:58ch;margin-bottom:0}.drill-eyebrow{color:var(--muted);font:600 .75rem var(--font-mono);letter-spacing:.08em;margin:0 0 10px}.drill-progress{border-left:1px solid var(--line);min-width:110px;color:var(--muted);gap:5px;padding-left:18px;display:grid}.drill-progress strong{color:var(--ink);font:700 1.2rem var(--font-mono);font-variant-numeric:tabular-nums}.drill-progress span{font-size:.82rem}.drill-filter{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-box);justify-content:space-between;padding:10px 14px}.drill-filter .back{flex:none;padding:3px 0}.drill-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.drill-list-item{min-width:0}.drill-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top arrow""title arrow""meta arrow";align-items:start;gap:8px 14px;min-height:142px;padding:18px 20px}.drill-card:focus-visible,.drill-filter .back:focus-visible,.public-charbar button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.drill-card .badge.tier-easy,.drill-card .badge.tier-hard{color:var(--ink);background:var(--surface-2);border:1px solid var(--line)}.drill-card-top{grid-area:top;justify-content:space-between;align-items:center;gap:10px;display:flex}.drill-card .card-title{grid-area:title;line-height:1.25}.drill-card .card-meta{grid-area:meta;line-height:1.35}.drill-complete{color:var(--muted);font:600 .76rem var(--font-mono);font-variant-numeric:tabular-nums}.drill-card-arrow{color:var(--muted);font:1.15rem var(--font-body);grid-area:arrow;align-self:center;transition:transform .15s,color .15s}.drill-runner-head{justify-content:space-between;align-items:end;margin-bottom:16px}.drill-runner-head h1{margin:0;font-size:1.55rem}.drill-runner-meta{align-items:center;gap:14px;display:flex}.drill-runner-head+.toggle{margin:0 0 14px}.drill-card:hover .drill-card-arrow{color:var(--ink);transform:translate(2px)}.public-test-head{align-items:center;padding:26px 30px}.public-test-head-copy{min-width:0}.public-test-head h2{font-family:var(--font-display);letter-spacing:-.01em}.public-test-head p{max-width:52ch;line-height:1.45}.public-test-score{justify-items:end;gap:8px;min-width:100px;display:grid}.public-test-score strong{color:var(--ink);font:700 1.25rem var(--font-mono);font-variant-numeric:tabular-nums}.public-test-score progress{width:100px;height:6px;accent-color:var(--accent)}.public-test-text{background:color-mix(in srgb, var(--surface) 72%, var(--surface-2));padding:38px 42px}.public-test-text p{max-width:68ch;margin-inline:auto}.public-test-text .intact{color:var(--muted)}.public-test .cgap{border-bottom:1px solid var(--accent);border-radius:var(--r-tick);padding:2px 3px 3px}.public-test .cinput{border-radius:0;min-width:2.5em}.public-test .cinput:focus,.public-test .cinput:focus-visible{box-shadow:none;outline:none}.public-test[data-state=results] .public-test-text{background:var(--surface)}.public-test-actions{align-items:center;padding-inline:30px}.public-test-actions p[role=status]{color:var(--ink);font-family:var(--font-mono);order:-1}.public-charbar{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 30px;font-size:.86rem;display:flex}.public-charbar span{margin-right:3px}.public-charbar button{border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface-2);min-width:32px;min-height:30px;color:var(--ink);font:600 .95rem var(--font-mono);cursor:pointer;padding:2px 8px}.public-charbar button:hover{border-color:var(--accent)}@media (max-width:700px){.drill-picker-head{grid-template-columns:1fr;gap:18px}.drill-progress{border-top:1px solid var(--line);border-left:0;grid-template-columns:auto 1fr;align-items:baseline;min-width:0;padding:12px 0 0}.drill-list{grid-template-columns:1fr}.drill-runner-head{align-items:start;gap:12px}.drill-runner-meta{justify-content:space-between;width:100%}.public-test-head{align-items:start;padding:22px 20px}.public-test-score{min-width:76px}.public-test-score progress{width:76px}.public-test-text{padding:28px 18px;font-size:1.04rem}.public-charbar,.public-test-actions{padding-inline:20px}}
