.knowledge-setup{height:100%;overflow:auto;max-width:880px;margin:0 auto;padding:32px clamp(20px,5vw,64px)}
.knowledge-setup>.eyebrow{font-size:11px;letter-spacing:.1em;color:var(--muted)}
.knowledge-setup h1{font-size:38px;font-weight:400;line-height:1.4;margin:12px 0 18px}
.knowledge-intro{font-size:13px;line-height:1.9}.knowledge-setup fieldset{border:0;padding:0;margin:28px 0 0;min-width:0}
.knowledge-setup legend{padding:0;margin-bottom:12px;color:var(--muted);font-size:12px}
.knowledge-mode-options,.knowledge-length-options{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.knowledge-mode-options{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-length-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.knowledge-setup label{position:relative;cursor:pointer;min-width:0}.knowledge-setup input{position:absolute;opacity:0;width:1px;height:1px}
.knowledge-setup label>span{display:flex;align-items:center;justify-content:center;gap:5px;min-height:54px;background:var(--paper);font-size:15px}
.knowledge-setup input:checked+span{background:var(--ink);color:#fff}.knowledge-setup input:focus-visible+span{outline:2px solid #888;outline-offset:-4px}
.knowledge-length-options label>span{font-size:26px}.knowledge-length-options small{font-size:11px}
.knowledge-personal-best{font-size:11px;color:var(--muted);margin:16px 0 24px}
.knowledge-start{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:64px;border-top:1px solid var(--ink);font-size:34px}
.knowledge-start .icon{width:24px;height:24px}.knowledge-award-guide{margin-top:18px;font-size:10px;color:var(--muted);line-height:1.8}
.knowledge-play{height:100%;min-height:0;display:grid;grid-template-rows:32px 2px minmax(0,1fr);gap:10px;padding:20px clamp(16px,3vw,40px)}
.knowledge-status{display:flex;align-items:center;justify-content:space-between;font-size:12px}.knowledge-status>span:first-child{color:var(--muted)}
#knowledgeTimer{display:flex;align-items:baseline;gap:7px;font-size:28px;font-variant-numeric:tabular-nums}#knowledgeTimer small{font-size:10px;letter-spacing:.08em;color:var(--muted)}
.knowledge-timer-track{height:2px;background:var(--line);overflow:hidden}.knowledge-timer-track>span{display:block;width:100%;height:100%;background:var(--ink);transform-origin:left}
.knowledge-question{min-height:0;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);align-items:center;gap:32px}
.knowledge-photo{height:100%;min-height:0;display:grid;place-items:center;overflow:hidden}.knowledge-photo img{width:100%;height:100%;object-fit:contain}
.knowledge-loading,.knowledge-load-error{font-size:12px;line-height:1.8;color:var(--muted);text-align:center}.knowledge-load-error button{min-height:44px;text-decoration:underline}
.knowledge-answer-panel{min-width:0;max-height:100%;overflow-y:auto}.knowledge-answer-panel h1{font-size:18px;font-weight:400;line-height:1.5;margin-bottom:18px}
.knowledge-choices{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.knowledge-choice{display:grid;grid-template-columns:16px minmax(0,1fr) 14px;gap:10px;align-items:center;min-height:54px;padding:10px 12px;background:#fff;text-align:left;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.knowledge-letter{font-size:11px;color:var(--muted)}.knowledge-choice:disabled{opacity:1;cursor:default}.knowledge-play:not(.is-feedback) .knowledge-choice:disabled{opacity:.4}
.knowledge-choice:not(:disabled):active{background:#eee}.knowledge-choice.is-correct{background:var(--ink);color:#fff}.is-correct .knowledge-letter{color:#ccc}.knowledge-choice.is-wrong{box-shadow:inset 3px 0 #a1534b}.knowledge-answer-mark{font-size:14px}
.knowledge-feedback:empty{display:none}.knowledge-verdict{margin:14px 0 8px;font-size:14px}.knowledge-work-facts{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.knowledge-work-facts span{font-size:11px;color:var(--muted)}
.knowledge-next{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;margin-top:14px;border-top:1px solid var(--line);font-size:13px}
.knowledge-result{height:100%;overflow-y:auto;padding:32px clamp(20px,4vw,56px)}.knowledge-result>.eyebrow{font-size:11px;color:var(--muted)}
.knowledge-result h1{margin:26px 0 12px;font-weight:400;line-height:1}.knowledge-result h1 strong{font-size:clamp(70px,12vw,130px);font-weight:400}.knowledge-result h1>span{font-size:26px;color:var(--muted)}.knowledge-result-line{font-size:13px;line-height:1.8}
.knowledge-perfect{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0;padding:20px 0;color:#8a6245}.knowledge-perfect.tier-silver{color:#6c7780}.knowledge-perfect.tier-gold{color:#9d7b25}.knowledge-perfect>.icon{width:26px;height:26px}.knowledge-perfect>p{font-size:30px}.knowledge-perfect>span{font-size:12px}
.knowledge-result-actions{display:grid;max-width:680px;margin:24px 0 40px}.knowledge-result-actions>*{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border-bottom:1px solid var(--line);font-size:13px;text-align:left}.knowledge-result-actions>button:last-child{font-size:12px;color:var(--muted)}
.knowledge-result h2{font-size:18px;font-weight:400;margin-bottom:22px}.knowledge-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.knowledge-review article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:start;min-width:0}.knowledge-review img{width:100%;aspect-ratio:3/2;object-fit:cover}.knowledge-review article>div{min-width:0}.knowledge-review-state{font-size:10px;color:var(--muted);margin-bottom:8px}.knowledge-review h3{font-size:13px;font-weight:400;line-height:1.6;margin-bottom:6px}.knowledge-review h3+p{font-size:11px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}
@media(max-width:700px){
 .knowledge-setup{padding:24px 20px}.knowledge-setup h1{font-size:30px}.knowledge-mode-options label>span{font-size:13px}.knowledge-intro{font-size:12px}
 .knowledge-play{padding:16px;gap:8px}.knowledge-question{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 330px;gap:12px;align-items:stretch}
 .knowledge-answer-panel{height:330px}.knowledge-answer-panel h1{font-size:15px;margin-bottom:12px}.knowledge-choice{min-height:48px;font-size:12px;padding:8px 10px;gap:8px}
 .is-feedback .knowledge-choice:not(.is-correct):not(.is-wrong){display:none}.knowledge-verdict{margin-top:10px}.knowledge-next{margin-top:10px}
 .knowledge-result{padding:24px 20px}.knowledge-review{grid-template-columns:minmax(0,1fr)}.knowledge-perfect{gap:10px}.knowledge-perfect>p{font-size:24px}.knowledge-perfect>span{width:100%;padding-left:36px}
}
@media(max-height:650px) and (max-width:700px){
 .knowledge-setup{padding:16px}.knowledge-setup h1{font-size:26px;margin:8px 0 12px}.knowledge-setup>.eyebrow{font-size:10px}.knowledge-intro{font-size:11px;line-height:1.7}.knowledge-setup fieldset{margin-top:16px}.knowledge-setup legend{margin-bottom:8px;font-size:11px}.knowledge-setup label>span{min-height:42px}.knowledge-personal-best{margin:10px 0 12px;font-size:10px}.knowledge-start{min-height:48px;font-size:28px}.knowledge-award-guide{font-size:9px;margin-top:10px}
 .knowledge-question{grid-template-rows:minmax(0,1fr) 270px;gap:8px}.knowledge-answer-panel{height:270px}.knowledge-answer-panel h1{font-size:13px;margin-bottom:8px}.knowledge-choice{min-height:40px;font-size:11px;padding:7px 8px}.knowledge-verdict{font-size:12px;margin:8px 0 5px}.knowledge-work-facts{font-size:11px;line-height:1.5}.knowledge-work-facts span{font-size:10px}.knowledge-next{min-height:40px;margin-top:8px;font-size:12px}
}