main#app{max-width:1160px;margin:0 auto;padding:36px 20px 80px}#app .hero{margin-bottom:26px;padding:0}#app .hero h1{max-width:18ch;margin-bottom:12px;font-size:clamp(2rem,4.6vw,3.4rem)}#app .hero p{max-width:64ch;color:var(--ink-2);margin:0;font-size:1rem}.facts{border-top:2px solid var(--ink);border-bottom:1px solid var(--line-2);grid-template-columns:repeat(6,1fr);margin:20px 0 30px;display:grid}.fact{border-right:1px solid var(--line);padding:14px 14px 16px}.fact:last-child{border-right:0}.fact b{font-family:var(--display);letter-spacing:-.03em;margin-bottom:5px;font-size:1.6rem;font-weight:800;line-height:1;display:block}.fact span{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:.62rem;display:block}@media (max-width:900px){.facts{grid-template-columns:repeat(3,1fr)}.fact:nth-child(3n){border-right:0}.fact{border-bottom:1px solid var(--line)}}.section-title{border-top:2px solid var(--ink);flex-wrap:wrap;align-items:baseline;gap:14px;margin:44px 0 14px;padding-top:12px;display:flex}.section-title .eyebrow{margin:0;font-size:.74rem}.section-title .eyebrow b{font-family:var(--display);letter-spacing:-.01em;text-transform:none;color:var(--ink);font-size:1.3rem;font-weight:800}.exam-card{background:var(--surface);flex-direction:column;gap:10px;min-height:230px;padding:20px 20px 22px;display:flex}.exam-card h3{margin:0;font-size:1.2rem}.exam-card.locked{background:var(--paper-2)}.exam-card .scen{flex-wrap:wrap;gap:6px;display:flex}.exam-card .best{font-family:var(--mono);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin-top:auto;font-size:.64rem}.exam-card .muted.small{color:var(--ink-2)}.exam-card label.small{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:.62rem}.exam-card label .sel{font-family:var(--sans);text-transform:none;letter-spacing:0;margin-top:4px;font-size:.88rem}.lockbadge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--stamp);font-size:.62rem}.mixnum{font-family:var(--mono);font-size:.7rem;font-weight:500}.mixnum.diff-easy{color:var(--ok)}.mixnum.diff-medium{color:var(--warn)}.mixnum.diff-hard{color:var(--bad)}.weights{gap:10px;display:grid}.wrow{grid-template-columns:250px 1fr 48px;align-items:center;gap:12px;font-size:.9rem;display:grid}.wrow b{font-family:var(--mono);text-align:right;font-size:.74rem}@media (max-width:640px){.wrow{grid-template-columns:1fr 48px}.wrow .bar{order:3;grid-column:1/-1}}#app .bar{background:var(--paper-3);height:8px;overflow:hidden}#app .bar>i{background:var(--ink);height:100%;display:block}#app .bar.ok>i{background:var(--ok)}#app .bar.bad>i{background:var(--bad)}#app .bar.warn>i{background:var(--warn)}.readiness{align-items:flex-start;gap:16px;display:flex}.readiness .band{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:2px solid;border-radius:4px;padding:7px 11px 6px;font-size:.9rem;font-weight:800;transform:rotate(-2deg)}.band.ready{color:var(--ok)}.band.border,.band.inflated{color:var(--warn)}.band.notyet{color:var(--bad)}.exam-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;display:grid}@media (max-width:900px){.exam-layout{grid-template-columns:1fr}.navpanel{order:2;position:static!important}}.qhead{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.qnum{font-family:var(--display);letter-spacing:-.01em;font-size:1.3rem;font-weight:800}.scenario-box{border:1px solid var(--line-2);border-left:4px solid var(--ink);background:var(--paper-2);border-radius:0 4px 4px 0;margin-bottom:18px;padding:10px 14px}.scenario-box summary{cursor:pointer;font-family:var(--display);font-size:.98rem;font-weight:700}.scenario-box p{color:var(--ink-2);margin:8px 0 0;font-size:.92rem}#app .stem{margin-bottom:18px;font-size:1.06rem;line-height:1.6}#app .stem p{margin-bottom:.7em}.options{gap:8px;display:grid}.option{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;width:100%;color:inherit;border-radius:4px;align-items:flex-start;gap:14px;padding:12px 14px;font-size:.97rem;line-height:1.5;transition:border-color .12s,background .12s,transform .12s;display:flex}.option:hover{border-color:var(--ink)}.option:active{transform:scale(.995)}.option .letter{width:28px;height:28px;font-family:var(--mono);border:2px solid var(--ink);background:0 0;border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:.74rem;font-weight:500;transition:background .15s,color .15s;display:grid}.option.selected{border-color:var(--ink);background:var(--paper-2)}.option.selected .letter{background:var(--ink);color:var(--paper)}.option.correct{border-color:var(--ok);background:var(--ok-soft)}.option.correct .letter{background:var(--ok);color:#fff;border-color:var(--ok)}.option.wrong{border-color:var(--bad);background:var(--bad-soft)}.option.wrong .letter{background:var(--bad);color:#fff;border-color:var(--bad)}.option.locked{cursor:default}.option .text{flex:1;min-width:0}.option .tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;flex:none;margin-top:6px;font-size:.62rem;font-weight:500}.selecthint{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--stamp);margin-bottom:12px;font-size:.66rem;font-weight:500}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.explain{border:1px solid var(--line);border-left:4px solid var(--ink);background:var(--paper-2);border-radius:0 4px 4px 0;margin-top:20px;padding:16px 18px;font-size:.95rem}.explain h3{margin-bottom:.4em;font-size:1.1rem}.explain ul{color:var(--ink-2);margin:.4em 0 0;padding-left:1.2em}.explain li{margin-bottom:.4em}.navpanel{background:var(--surface);position:sticky;top:76px}.navpanel b{font-family:var(--display);font-size:1.05rem}.navgrid{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:12px;display:grid}.navgrid button{aspect-ratio:1;border:1.5px solid var(--line-2);color:var(--ink);font-family:var(--mono);background:0 0;border-radius:50%;padding:0;font-size:.7rem;font-weight:500;transition:background .12s,transform .12s;position:relative}.navgrid button:hover{transform:scale(1.08)}.navgrid button.answered{background:var(--ink);color:var(--paper);border-color:var(--ink)}.navgrid button.current{outline:2px solid var(--stamp);outline-offset:2px}.navgrid button.flagged:after{content:"";background:var(--stamp);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.navgrid button.ok{background:var(--ok);border-color:var(--ok);color:#fff}.navgrid button.bad{background:var(--bad);border-color:var(--bad);color:#fff}.legend{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);flex-wrap:wrap;gap:10px;margin-top:12px;font-size:.62rem;display:flex}.legend i{border:1.5px solid var(--line-2);vertical-align:-1px;border-radius:50%;width:11px;height:11px;margin-right:4px;display:inline-block}.timer{font-family:var(--mono);border:1.5px solid var(--ink);border-radius:4px;padding:6px 10px;font-size:.92rem;font-weight:500}.timer.low{color:var(--warn);border-color:var(--warn)}.timer.crit{color:var(--bad);border-color:var(--bad)}.progress{background:var(--paper-3);height:4px;margin:0 0 18px;overflow:hidden}.progress>i{background:var(--stamp);height:100%;transition:width .3s;display:block}.score-hero{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.scorering{border-radius:50%;flex:none;place-items:center;width:150px;height:150px;display:grid}.scorering div{background:var(--surface);text-align:center;border-radius:50%;place-items:center;width:118px;height:118px;line-height:1.1;display:grid}.scorering b{font-family:var(--display);letter-spacing:-.04em;font-size:2.2rem;font-weight:800;display:block}.scorering span{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem}.filters{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.filters button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.review-item{margin-bottom:14px}.review-item .stem{font-size:1rem}.keybox{border:1px solid var(--line-2);background:var(--paper-2);border-radius:4px;margin:0 0 16px;padding:14px 16px}.keybox code.key{letter-spacing:.08em;background:var(--surface);border:1.5px solid var(--ink);-webkit-user-select:all;user-select:all;border-radius:4px;padding:8px 12px;font-size:1.1rem;display:inline-block}
