/* Free NAPLAN-style taster (naplan-practice/, 29 Oct 2026). Uses the public-page tokens in refresh.css. */
.tz .in{max-width:820px}
.tz{padding:8px 0 56px}
.tz-pick{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 18px}
.tz-pick-l{font-weight:700;color:var(--ink)}
.tz .seg{display:inline-flex;border:1.5px solid var(--line-strong);border-radius:999px;overflow:hidden}
.tz .seg button{font:inherit;font-weight:700;min-height:44px;padding:0 18px;border:0;background:#fff;color:var(--ink);cursor:pointer}
.tz .seg button + button{border-left:1.5px solid var(--line-strong)}
.tz .seg button[aria-pressed="true"]{background:var(--navy);color:#fff}
.tz .seg button:focus-visible{outline:3px solid var(--link);outline-offset:-3px}
.tz-prog{display:flex;align-items:center;gap:14px;font-weight:600;color:var(--ink-2);margin:0 0 20px}
.tz-bar{flex:1;height:8px;background:var(--panel-2);border-radius:99px;overflow:hidden}
.tz-bar i{display:block;height:100%;width:0;background:var(--progress);transition:width .18s}
.tz-qs{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.tz-q{background:#fff;border:1.5px solid var(--line);border-radius:var(--tile-r);padding:22px 24px}
.tz-meta{font-size:.875rem;font-weight:700;color:var(--ink-2);margin:0 0 8px}
.tz-stem p{font-size:1.0625rem;line-height:1.6;margin:0 0 10px;color:var(--ink)}
.tz-fig{margin:6px 0 14px}
.tz-fig svg{display:block;width:100%;height:auto}
.tz-blank{display:inline-block;width:4.5em;border-bottom:2px solid var(--ink);margin:0 4px;vertical-align:baseline}
.tz-opts{display:grid;gap:10px;margin-top:8px}
.tz-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 14px;font:inherit;font-size:1rem;text-align:left;color:var(--ink);background:#fff;border:1.5px solid var(--line-strong);border-radius:14px;cursor:pointer}
.tz-opt:hover:not(:disabled){background:var(--panel)}
.tz-opt:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.tz-opt:disabled{cursor:default}
.tz-l{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--panel-2);font-weight:800;font-size:.9375rem}
.tz-opt.right{border-color:#0E6B4C;background:#E3F5EC}
.tz-opt.right .tz-l{background:#0E6B4C;color:#fff}
.tz-opt.wrong{border-color:#B45309;background:#FFF3D1}
.tz-opt.dim{opacity:.6}
.tz-fb{margin-top:14px;border-radius:14px;padding:14px 16px}
.tz-fb.good{background:#E3F5EC;color:#0E4D38}
.tz-fb.try{background:#FFF3D1;color:#3B2A05}
.tz-fb p{margin:0 0 6px;line-height:1.55}
.tz-fb p:last-child{margin:0}
.tz-fb-h{display:flex;align-items:flex-start;gap:8px;font-weight:700}
.tz-fb-h svg{flex:none;margin-top:2px}
.tz-end{margin-top:28px;background:var(--navy);color:#fff;border-radius:var(--tile-r);padding:28px}
.tz-end[hidden]{display:none}
#main .tz-end h2{color:#fff;font-size:1.625rem;line-height:1.25;margin:0 0 8px}
.tz-end p{color:#fff;margin:0 0 16px;max-width:60ch}
.tz-score{display:flex;align-items:baseline;gap:10px}
.tz-score b{font-size:2.5rem;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}
.tz-acts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.tz-acts{align-items:center}
.tz-acts .btn{text-decoration:none;margin:0;min-height:44px}
.tz-trial{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:10px 4px}
.tz-fine{font-size:.9375rem;opacity:.95}
.tz-again{font:inherit;font-weight:700;color:#fff;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
@media (max-width:30rem){.tz-q{padding:18px 16px}.tz-end{padding:22px 18px}.tz-acts .btn{flex:1 1 100%;justify-content:center;text-align:center}}
@media (prefers-reduced-motion:reduce){.tz-bar i{transition:none}}