.demo-page{max-width:64rem;margin:0 auto;padding:8px 0 40px;display:flex;flex-direction:column;gap:20px}.demo-head h1{margin:4px 0 8px;font-size:clamp(1.7rem,3.4vw,2.4rem);letter-spacing:-.02em}.demo-kicker{margin:0;color:var(--blue);font-weight:750;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.demo-pick h2{margin:0;font-size:1.3rem}.demo-pick .meta{margin:0;color:var(--ink-3);font-size:.92rem}.demo-pick.main{grid-column:1/-1;background:linear-gradient(135deg,var(--blue),#6a7bff);color:#fff;border-color:transparent}.demo-pick.main .card-go,.demo-pick.main .meta,.demo-pick.main .sub{color:#fff}.demo-pick.main .card-icon{background:rgba(255,255,255,.18);color:#fff}.demo-foot{margin:0}.demo-card{background:var(--paper);border:1px solid var(--rule);border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(11,27,77,.06)}.demo-card h1{margin:6px 0 12px;font-size:clamp(1.6rem,3vw,2.1rem)}.demo-card h2{margin:0 0 10px;font-size:1.3rem}.demo-facts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 14px}.demo-facts li{padding:5px 12px;border-radius:99px;background:var(--blue-wash);font-weight:600;font-size:.92rem}.demo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.demo-actions .btn{min-height:44px}.demo-run{flex-direction:column}.demo-bar,.demo-run{display:flex;gap:14px}.demo-bar{position:-webkit-sticky;position:sticky;top:0;z-index:5;align-items:center;padding:10px 14px;background:var(--paper);border:1px solid var(--rule);border-radius:14px}.demo-bar-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.demo-progress{flex:1 1;height:8px;border-radius:99px;background:var(--blue-wash);overflow:hidden;min-width:40px}.demo-progress i{display:block;height:100%;background:var(--blue);transition:width .2s}.demo-clock{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}.demo-clock.low{color:#d33}.demo-q{display:grid;grid-gap:16px;gap:16px}.demo-q.with-passage{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.demo-passage{background:var(--paper);border:1px solid var(--rule);border-radius:14px;padding:18px 20px;max-height:70vh;overflow:auto;line-height:1.65}.demo-passage h3{margin:0 0 8px}.demo-passage p{margin:0 0 12px}.demo-ask{background:var(--paper);border:1px solid var(--rule);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:12px}.demo-part{margin:0;color:var(--ink-3);font-weight:650;font-size:.9rem}.demo-prompt{font-size:1.08rem}.demo-prompt p{margin:0 0 8px}.demo-stmts{margin:0;padding-left:1.6em}.demo-stmts li{margin:4px 0}.demo-stmts li::marker{content:"(" counter(list-item) ")  ";font-weight:700}.demo-stmts p{margin:0}.demo-choices{display:flex;flex-direction:column;gap:8px}.demo-choice{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:11px 14px;min-height:48px;border-radius:12px;border:1.5px solid var(--rule);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer}.demo-choice.on,.demo-choice:hover{border-color:var(--blue)}.demo-choice.on{background:var(--blue-wash)}.demo-letter{flex:none;display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;border:1.5px solid var(--ink-3);font-weight:750;font-size:.85rem}.demo-choice.on .demo-letter{background:var(--blue);border-color:var(--blue);color:#fff}.demo-ctext p{margin:3px 0 0}.demo-nav{display:flex;justify-content:space-between;gap:10px;margin-top:4px}.demo-nav .btn{min-height:44px}.demo-dots{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}.demo-dot{width:34px;height:34px;border-radius:9px;border:1px solid var(--rule);background:var(--paper);font-weight:700;color:var(--ink-2);cursor:pointer}.demo-dot.on{background:var(--blue-wash);border-color:var(--blue);color:var(--ink)}.demo-dot.cur{outline:2px solid var(--blue);outline-offset:1px}.demo-dots.small .demo-dot{width:30px;height:30px;font-size:.8rem}.demo-result{display:flex;flex-direction:column;gap:16px}.demo-score{text-align:center}.demo-score .note{margin:0 auto 10px}.demo-big{margin:6px 0 0;font-size:clamp(3rem,9vw,4.5rem);font-weight:850;line-height:1;color:var(--blue);letter-spacing:-.03em}.demo-sub{margin:6px 0 10px;font-weight:700}.demo-score .lede{max-width:38rem;margin:0 auto 10px}.demo-next{border-color:var(--blue);background:color-mix(in srgb,var(--paper) 80%,var(--blue-wash))}.demo-next p{margin:0;color:var(--ink-2)}.demo-rev-h{margin:10px 0 0}.demo-rev{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.demo-rev>li{background:var(--paper);border:1px solid var(--rule);border-left:5px solid #1bb28a;border-radius:12px;padding:14px 16px}.demo-rev>li.d-no{border-left-color:#e0533d}.demo-rev>li.d-blank{border-left-color:var(--ink-3)}.demo-rev>li.d-ok .demo-part b{color:#1bb28a}.demo-rev>li.d-blank .demo-part b,.demo-rev>li.d-no .demo-part b{color:#e0533d}.demo-rev p{margin:0 0 6px}.demo-stim-q{font-weight:600}.demo-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;margin:4px 0}.demo-inline,.demo-inline p{display:inline;margin:0}.demo-explain{margin-top:6px;padding:10px 12px;border-radius:10px;background:var(--blue-wash);color:var(--ink);font-size:.95rem}.demo-explain p{margin:0}@media (max-width:760px){.demo-grid,.demo-q.with-passage{grid-template-columns:1fr}.demo-passage{max-height:42vh}.demo-ask,.demo-card,.demo-passage{padding:16px}.demo-bar{gap:10px;padding:8px 10px}.demo-bar-title{font-size:.9rem}}.demo-page .blank{display:inline-block;min-width:4.5em;border-bottom:2px solid var(--ink-2);margin:0 4px;vertical-align:-2px}