/* Encounter practice pages (pages/practice/). Uses the brand.css tokens; dark only. */
.practice{max-width:860px}.back-link{display:inline-block;padding:22px 0;color:var(--muted);font-size:13px}.back-link:hover{color:var(--text)}
.practice .lede{color:var(--muted);font-size:17px;margin:14px 0 30px;max-width:680px}
.practice-panel{padding:26px 28px;margin-bottom:24px}.practice-panel h2{font-size:24px;letter-spacing:-.3px}
.practice fieldset{border:0;padding:0;margin:20px 0 0}.practice legend{font:12px var(--mono);color:var(--muted);padding:0;margin-bottom:8px}
.option{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:4px;margin-bottom:8px;cursor:pointer}.option:hover{border-color:var(--accent)}.option:has(input:checked){border-color:var(--accent);background:var(--raised)}
.option input{margin:5px 0 0;accent-color:var(--accent);flex-shrink:0}.option input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.option strong{font-weight:500}.option small{display:block;color:var(--muted);font-size:13px}
.practice button.primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600;margin-top:20px}.practice button.primary:hover{filter:brightness(1.1)}.practice button.primary:disabled{opacity:.5;cursor:default}
.practice button:not(.primary):hover{color:var(--text);border-color:var(--accent)}
.hint{color:var(--muted);font-size:13px;margin:12px 0 0}
.session-bar{display:flex;align-items:center;gap:16px;margin-bottom:12px}.session-bar .data-label{margin:0}.session-bar button{margin-left:auto;padding:7px 12px;font-size:13px}.timer{color:var(--gold)!important}
.question{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin-top:18px}
.glyph{margin:0;width:204px;background:var(--raised);border:1px solid var(--line);border-radius:4px;overflow:hidden}.glyph img{width:100%;height:auto}
.choices{display:grid;gap:8px}
.choice{display:flex;align-items:center;gap:12px;width:100%;text-align:left;color:var(--text);background:var(--raised);padding:12px 14px;min-height:48px}.choice .key{font:11px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:1px 6px}
.choice[aria-disabled=true]{cursor:default}.choice .tag{margin-left:auto;font:11px var(--mono);padding:2px 7px;border-radius:3px;border:1px solid currentColor}
.choice.is-right{border-color:var(--accent);border-width:2px}.choice.is-right .tag{color:var(--accent)}.choice.is-wrong{border-style:dashed;border-color:#e07a6b}.choice.is-wrong .tag{color:#f0a196}
.feedback:not(:empty){margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.feedback p{margin:0 0 10px}
.verdict{font-size:18px}.verdict .mark{display:inline-block;font-weight:700;width:1.2em;margin-right:6px;text-align:center}.verdict.ok .mark{color:var(--accent)}.verdict.miss .mark{color:#f0a196}
.guide-link{color:var(--accent);font-size:14px}.guide-link:hover{text-decoration:underline}
.score{font-size:18px;margin:12px 0 0}.summary-actions{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px}.summary-actions button{margin-top:12px}
.summary-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.summary-list li{display:grid;grid-template-columns:68px 1fr;gap:16px;align-items:start;padding:12px 0;border-top:1px solid var(--line)}.summary-list img{border-radius:3px}.summary-list p{margin:0 0 4px;font-size:14px}.summary-list .verdict{font-size:16px}
.practice-reference{padding:0;margin-bottom:24px}.practice-reference summary{cursor:pointer;padding:18px 28px;font:500 18px var(--display)}.practice-reference summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.practice-reference>.hint{margin:0 28px}
.reference-list{list-style:none;margin:0;padding:18px 28px 26px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.reference-list li{display:flex;flex-direction:column;gap:6px}.reference-list img{width:100px;height:auto;border-radius:3px}.reference-list small{display:block;color:var(--muted);font-size:12px}
.practice-sources{color:var(--muted);font-size:13px;padding:10px 0 40px}.practice-sources h2{font-size:18px;color:var(--text);margin-bottom:6px}.practice-sources a{color:var(--accent)}
@media(max-width:600px){.practice-panel{padding:20px 16px}.question{grid-template-columns:1fr;justify-items:center}.glyph{width:170px}.choices{width:100%}.reference-list{padding:16px;grid-template-columns:repeat(2,1fr)}.practice-reference summary{padding:16px}.practice-reference>.hint{margin:0 16px}.session-bar{flex-wrap:wrap}}