/* Poster-led games, dark Garage surfaces and readable live text. */
.hhq-workshop-page{margin:0;background:#101210;color:#f4f1e8;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.hhq-workshop-main{padding:24px 20px 70px;min-width:0}
.hhq{--ink:#f4f1e8;--yellow:#f5cf35;--muted:#a8aaa0;max-width:1000px;margin:0 auto;background:#191c18;color:var(--ink);border:1px solid #3b4035;border-radius:20px;overflow:hidden;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 20px 50px #0003}
.hhq-top{display:flex;align-items:center;justify-content:space-between;padding:17px 25px;background:#1b1e19;border:0;color:#a7ad9e;font:750 11px/1.4 system-ui,sans-serif;letter-spacing:1.2px}.hhq-top a{color:#ecece2;text-decoration:none;min-height:30px;display:flex;align-items:center}.hhq-stage{padding:0;min-height:0;background:none}.hhq-poster{background:#25221a;aspect-ratio:1200/630;overflow:hidden}.hhq-poster img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%}.hhq-intro-copy{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:35px;padding:30px}.hhq h1{font:850 clamp(25px,3vw,36px)/1.12 system-ui,sans-serif;letter-spacing:-1px;color:#f4f1e8;margin:9px 0 13px;overflow-wrap:anywhere}.hhq-eyebrow{font:800 9px/1.5 system-ui,sans-serif;letter-spacing:1.8px;color:#dfc968;margin:0}.hhq-lead{font:400 16px/1.5 system-ui,sans-serif;color:#babeb2;margin:0}.hhq-facts{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.hhq-facts span{font:650 10px/1.4 system-ui,sans-serif;border:0;border-radius:4px;background:#2a2e25;color:#bec5b5;padding:5px 7px}.hhq button,.hhq .hhq-button{font:800 15px/1.3 system-ui,sans-serif;min-height:50px;border-radius:9px;padding:14px 20px;gap:16px;background:#f5cf35;color:#191b15;border:1px solid #f5cf35;box-shadow:none}.hhq button:hover:not(:disabled){filter:brightness(1.08)}.hhq button:focus-visible,.hhq a:focus-visible,.hhq label:focus-within{outline:3px solid #f5cf35;outline-offset:4px}.hhq-play>button{width:100%;justify-content:space-between}.hhq-fine{font:400 11px/1.5 system-ui,sans-serif;color:#979e8d;margin:12px 0 0;max-width:none}.hhq-footer{display:flex;align-items:center;gap:10px;border-top:1px solid #33382d;padding:15px 25px;background:#151813}.hhq-footer strong{font:900 18px system-ui,sans-serif;color:#171a13;background:#f4cd34;border-radius:5px;padding:4px 6px}.hhq-footer span{font:700 8px/1.5 system-ui,sans-serif;letter-spacing:1px;color:#9da58f}.hhq-status{padding:0 28px;color:#f5cf35;font:500 13px/1.5 system-ui,sans-serif;min-height:0;margin:0}.hhq-status:not(:empty){padding-block:16px}
.hhq [data-hhq-game],.hhq [data-hhq-result]{padding:32px}.hhq-progress{display:flex;justify-content:space-between;gap:10px;font:800 10px/1.4 system-ui,sans-serif;letter-spacing:1.3px;color:#929d86;margin:0 0 13px}.hhq-track{height:5px;background:#30372a;border-radius:5px;margin-bottom:28px;overflow:hidden}.hhq-track i{background:#f5cf35;border-radius:5px}.hhq legend{font:800 clamp(25px,3.8vw,38px)/1.2 system-ui,sans-serif;letter-spacing:-.7px;color:#f4f1e8;margin:0 0 28px}.hhq-options{display:grid;gap:12px;counter-reset:answer}.hhq-option{counter-increment:answer;position:relative;display:flex;gap:16px;align-items:center;min-height:78px;padding:19px;background:#252b20;border:1px solid #48503c;border-radius:12px;font:550 17px/1.45 system-ui,sans-serif;color:#e4e8db;cursor:pointer;transition:background .15s,border-color .15s}.hhq-option:before{content:counter(answer,upper-alpha);display:grid;place-items:center;width:35px;height:35px;flex:none;border:1px solid #65714f;border-radius:9px;font:800 14px system-ui,sans-serif;color:#bec9a8}.hhq-option input{position:absolute;opacity:0;width:1px!important;height:1px!important}.hhq-option:has(input:checked){background:#383b21;border:2px solid #f5cf35;padding:18px}.hhq-option:has(input:checked):before{background:#f5cf35;color:#242515;border-color:#f5cf35}.hhq-step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.hhq .hhq-secondary{background:#252b20;color:#e3e7d8;border:1px solid #566047;box-shadow:none}.hhq-verdicts{color:#aeb7a0}.hhq-verdicts summary{color:#e5e9dd}.hhq-certificate{background:#f0e8cf;border:6px double #8a794f;border-radius:10px;box-shadow:none}.hhq-certificate h2{font:900 clamp(27px,4vw,42px)/1.1 system-ui,sans-serif;color:#292d20}.hhq-certificate p{color:#596044}.hhq-cert-name{font-family:system-ui,sans-serif}.hhq-certificate .hhq-eyebrow{color:#5d623e}.hhq-seal{border-radius:8px;border:3px solid #847140;color:#6c5832;font:900 24px system-ui,sans-serif}.hhq-signature{font:italic 23px Georgia,serif;color:#41452b}
/* Shelf remains compact and swipeable, without the condensed office typography. */
.hhq-shelf h2{font:850 26px/1.1 system-ui,sans-serif;color:#f5cf35;letter-spacing:-.7px}.hhq-card-art>strong{font:850 22px/1.1 system-ui,sans-serif;overflow-wrap:anywhere}.hhq-card-copy h3{font:750 12px/1.3 system-ui,sans-serif}.hhq-quiz-card{border-color:#484f3a}
@media(max-width:650px){.hhq-workshop-main{padding:12px 8px 60px}.hhq{border-radius:14px}.hhq-top{padding:12px 17px;font-size:10px}.hhq-intro-copy{display:flex;flex-direction:column;gap:22px;padding:24px 20px}.hhq h1{font-size:28px;letter-spacing:-.8px}.hhq-lead{font-size:15px}.hhq-play{padding-top:18px;border-top:1px solid #3b4132}.hhq-facts{justify-content:center}.hhq-play>button{min-height:56px;font-size:17px}.hhq-play .hhq-fine{text-align:center}.hhq [data-hhq-game],.hhq [data-hhq-result]{padding:24px 18px}.hhq legend{font-size:27px;line-height:1.2}.hhq-option{padding:16px 13px;gap:12px;font-size:16px;min-height:76px}.hhq-option:has(input:checked){padding:15px 12px}.hhq-option:before{width:30px;height:30px;border-radius:7px}.hhq-progress{font-size:9px;letter-spacing:.7px}.hhq-step-actions button{min-height:50px;padding:13px 18px}.hhq-footer{padding:14px 19px}.hhq-certificate{padding:22px 15px}.hhq-result-actions{gap:12px}.hhq-status{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.hhq-option{transition:none}}
/* Keep the cover's photographic workshop language throughout the test. */
.hhq.is-playing .hhq-stage{background:#171512 url('workbench.jpg') center/cover no-repeat;position:relative;isolation:isolate}
.hhq.is-playing .hhq-stage:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#12110ee8,#17140fcc 70%,#17140f55)}
.hhq.is-playing .hhq-top,.hhq.is-playing .hhq-footer{background:#181612;border-color:#675335}
.hhq [data-hhq-game]{padding:30px 38px 34px}
.hhq-game-mast{display:flex;align-items:center;gap:13px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #a581424d}
.hhq-game-badge{display:grid;place-items:center;flex:none;width:45px;height:45px;background:#f4ce32;color:#17150f;font:950 21px system-ui,sans-serif;transform:rotate(-5deg);box-shadow:3px 4px 0 #0004}
.hhq-game-title{font:850 18px/1.2 system-ui,sans-serif;color:#e7dfca;max-width:420px;letter-spacing:-.4px}
.hhq-game-tag{margin-left:auto;border:1px solid #b48c49;color:#c8aa6f;font:800 8px/1.4 system-ui,sans-serif;letter-spacing:1px;transform:rotate(3deg);padding:7px 10px}
.hhq.is-playing .hhq-progress{color:#c5ae7d;font-size:10px}
.hhq.is-playing .hhq-track{background:#67533466;height:5px;margin-bottom:30px}
.hhq.is-playing legend{color:#f9efd8;font-size:clamp(28px,3.3vw,40px);line-height:1.13;max-width:800px;text-shadow:0 2px 5px #0008;margin-bottom:27px}
.hhq.is-playing .hhq-options{gap:13px}
.hhq.is-playing .hhq-option{background:linear-gradient(110deg,#332b20f0,#211e18ed);border:1px solid #806a45;border-left:4px solid #a7874b;border-radius:3px 12px 12px 3px;box-shadow:0 5px 9px #0004,inset 0 1px #d0b27620;min-height:84px;padding:17px 22px;color:#eae2cd;font:600 17px/1.45 system-ui,sans-serif;transition:transform .15s,border-color .15s,background .15s}
.hhq.is-playing .hhq-option:before{content:attr(data-letter);width:39px;height:39px;border:2px solid #a88a4f;background:#171611;color:#e2c476;box-shadow:2px 3px 0 #0005;border-radius:3px;transform:rotate(-5deg);font:900 18px system-ui,sans-serif}
.hhq.is-playing .hhq-option:hover{border-color:#cfad61;transform:translateX(3px)}
.hhq.is-playing .hhq-option:has(input:checked){padding:16px 21px;border:2px solid #f3cc3a;border-left-width:5px;background:linear-gradient(100deg,#65521ddd,#382e19ee);box-shadow:0 0 20px #ebbd2820,0 4px 10px #0005}
.hhq.is-playing .hhq-option:has(input:checked):before{background:#f5ce35;color:#211b0f;border-color:#f5ce35;transform:rotate(0deg)}
.hhq.is-playing .hhq-option:has(input:checked):after{content:'FILED';position:absolute;right:13px;top:-9px;padding:2px 6px;background:#e8cb83;color:#352a13;border:2px solid #98723d;transform:rotate(5deg);font:900 9px/1.2 system-ui,sans-serif;letter-spacing:1px}
.hhq-answer-feedback{color:#c1ad83;font:italic 13px/1.5 Georgia,serif;margin:18px 0 0;min-height:20px}
.hhq.is-playing .hhq-step-actions{margin-top:20px}
.hhq.is-playing .hhq-secondary{background:#282219;color:#d2c2a0;border-color:#806a45}
.hhq.is-playing .hhq-step-actions button:not(.hhq-secondary){min-width:150px;box-shadow:0 3px 0 #94741a;background:linear-gradient(#f6d954,#e6b92c);border-color:#edcf53;color:#242015}
.hhq.is-result .hhq-stage{background-position:center}.hhq.is-result .hhq-stage:before{background:#12110ed9}
@media(max-width:650px){.hhq [data-hhq-game]{padding:22px 18px 25px}.hhq-game-mast{gap:10px;margin-bottom:24px;padding-bottom:17px}.hhq-game-badge{width:36px;height:36px;font-size:17px}.hhq-game-title{font-size:15px}.hhq-game-tag{display:none}.hhq.is-playing .hhq-progress{font-size:8px;letter-spacing:.5px}.hhq.is-playing legend{font-size:28px;line-height:1.15}.hhq.is-playing .hhq-option{padding:16px 13px;gap:12px;min-height:84px;font-size:16px}.hhq.is-playing .hhq-option:has(input:checked){padding:15px 12px}.hhq.is-playing .hhq-option:before{width:32px;height:32px;font-size:15px}.hhq.is-playing .hhq-step-actions button:not(.hhq-secondary){min-width:120px}.hhq-answer-feedback{font-size:12px}.hhq.is-playing .hhq-stage{background-position:65% center}}
@media(prefers-reduced-motion:reduce){.hhq.is-playing .hhq-option{transition:none}.hhq.is-playing .hhq-option:hover{transform:none}}
/* Protect test typography from site-wide heading/font overrides. */
.hhq h1,.hhq legend,.hhq .hhq-option,.hhq .hhq-option>span,.hhq button,.hhq .hhq-game-title,.hhq .hhq-lead,.hhq .hhq-certificate h2{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}

.hhq .hhq-game-badge,.hhq-footer>strong{display:none}.hhq .hhq-seal{width:auto;height:auto;padding:10px 16px;font-size:14px;letter-spacing:2px}.hhq-card-art>span{display:none}