.trainer{display:grid;gap:16px;min-height:320px}.trainer [data-view]{display:grid;gap:16px}.trainer h2,.trainer h3{margin:0}.trainer :focus{outline-offset:3px}.tr-head{display:flex;justify-content:space-between;gap:12px}.tr-late{color:var(--c-text);font-weight:700}.tr-bar,.tr-meter{display:block;height:4px;background:var(--c-border);border-radius:999px;overflow:hidden}.tr-meter{height:6px}.tr-bar span,.tr-meter span{display:block;height:100%;background:var(--c-green);transform:scaleX(var(--p, 0));transform-origin:left;transition:transform .3s ease}.tr-q{font-size:1.3125rem;line-height:1.3}.tr-img{display:block;width:auto;max-width:100%;height:132px;object-fit:contain}.tr-img--small{height:80px}.tr-opts{display:grid;gap:8px;margin:0;padding:0;list-style:none}.tr-opt{display:flex;gap:12px;align-items:center;width:100%;min-height:52px;padding:12px 16px;text-align:left;font:inherit;color:var(--c-text);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius);cursor:pointer}.tr-letter{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:999px;border:1px solid var(--c-control);font-size:.875rem;font-weight:600;color:var(--c-text-dim)}.tr-opt:hover:not(:disabled){border-color:var(--c-text-dim)}.tr-opt:disabled{cursor:default}.tr-opt[data-state=chosen]{border-color:var(--c-link);box-shadow:inset 0 0 0 1px var(--c-link)}.tr-opt[data-state=chosen] .tr-letter,.tr-opt[data-state=right] .tr-letter{background:var(--c-green);border-color:var(--c-green);color:var(--c-on-green)}.tr-opt[data-state=right]{border-color:var(--c-link);box-shadow:inset 0 0 0 1px var(--c-link);background:var(--c-green-tint)}.tr-opt[data-state=wrong]{color:var(--c-text-dim);text-decoration:line-through}.tr-why{display:none;padding:12px 16px;border-left:4px solid var(--c-green);background:var(--c-surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.tr-why[data-shown]{display:grid;gap:8px}.tr-why p,.tr-review p{margin:0}.tr-quote{margin:0;padding:0 0 0 12px;border-left:2px solid var(--c-border);color:var(--c-text-dim)}.tr-quote footer{font-size:.8125rem;margin-top:4px}.tr-nav{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.tr-nav--mock .button{flex:1 1 0;min-width:0}.tr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px}.tr-grid button{height:40px;font:inherit;font-size:.875rem;color:var(--c-text);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);cursor:pointer}.tr-grid button.is-done{background:var(--c-green-tint);border-color:var(--c-link)}.tr-grid button.is-flag{box-shadow:inset 0 -3px 0 var(--c-hazard)}.tr-grid button[aria-current]{outline:2px solid var(--c-text);outline-offset:1px}.tr-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px}.tr-stats div{display:grid}.tr-stats strong,.tr-score{font-family:var(--font-rounded);font-variant-numeric:tabular-nums;font-weight:750}.tr-stats strong{font-size:1.75rem;line-height:1.1}.tr-score{font-size:3rem;line-height:1;margin:0}.tr-actions{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:560px){.tr-actions .button{flex:1 1 100%}}.tr-topic{flex:1}.tr-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none;text-align:center}.tr-rules strong{display:block;font-family:var(--font-rounded);font-size:2rem;line-height:1.1}.tr-verdict{margin:0;padding:12px 16px;border-radius:var(--radius-sm);background:var(--c-surface)}.tr-verdict.is-pass{background:var(--c-green-tint)}.tr-table{width:100%;border-collapse:collapse}.tr-table th,.tr-table td{padding:8px 4px;text-align:left;border-bottom:1px solid var(--c-border)}.tr-table td:last-child,.tr-table th:last-child{text-align:right;white-space:nowrap}.tr-review{display:grid;gap:20px;padding-left:1.2em}.tr-review li{display:grid;gap:8px}.trainer .linkbutton{padding:0;border:0;background:none;color:var(--c-link);font:inherit;text-decoration:underline;cursor:pointer}@media(prefers-reduced-motion:reduce){.tr-bar span,.tr-meter span{transition:none}}