.quiz-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:55px;padding-block:55px 80px;align-items:start}.sidebar{position:sticky;top:25px;background:var(--yellow);border:2px solid var(--ink);padding:24px;box-shadow:6px 6px 0 var(--ink)}.sidebar h2{font-size:27px;letter-spacing:-1px}.sidebar .eyebrow{font-size:10px}.step-text{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:bold;margin-top:30px}.progress{height:12px;background:white;border:1px solid var(--ink);margin-top:9px}.progress>div{height:100%;background:var(--ink)}.phase{font-size:11px;margin:15px 0 0}.main-panel{min-width:0}.main-panel h1{font-size:clamp(34px,4vw,58px);letter-spacing:-2px;margin:18px 0 30px}.number,.result-tag{display:inline-block;font-size:11px;letter-spacing:1px;font-weight:bold}.result-tag{background:var(--pink);padding:8px 14px;border:2px solid var(--ink)}.story{font:19px/1.8 Georgia,serif;max-width:690px}.story p{margin-bottom:20px}.note{font-size:13px;color:var(--muted);margin-top:22px;max-width:660px}.action-row{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:20px 0}.quiz-page .button{margin-top:0;background:var(--yellow);color:var(--ink)}.quiz-page .button:hover{background:var(--pink)}.quiz-page .secondary{background:white}.text-button{display:inline-block;border:0;background:none;padding:12px 0;text-decoration:underline;color:var(--ink);font:14px Arial;cursor:pointer}.answers{display:grid;gap:22px}.quiz-page .answer{display:flex;align-items:flex-start;gap:20px;border:2px solid var(--ink);padding:24px;text-align:left;color:var(--ink);background:white;box-shadow:4px 4px 0 var(--ink);font:17px/1.7 Georgia,serif;cursor:pointer;width:100%}.quiz-page .answer:hover{background:#f3ffc0}.quiz-page .answer p:last-child{margin-bottom:0}.quiz-page .answer .letter{flex:0 0 38px;width:38px;height:38px;font:bold 19px Arial;border:2px solid var(--ink);border-radius:0;background:var(--yellow);display:grid;place-items:center}.answer-intro{font-size:14px;color:var(--muted);margin-bottom:28px}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.score-grid>div{padding:16px;border:2px solid var(--ink);background:var(--yellow);font-size:12px}.score-grid>div:nth-child(2){background:var(--pink)}.score-grid>div:nth-child(3){background:var(--purple);color:white}.score-grid strong{display:block;font-size:32px}.share-box{border:2px solid var(--ink);padding:25px;background:#eeE8ff;margin:30px 0}.share-box h2{font-size:28px;letter-spacing:-1px}.share-box p{font-size:14px}.share-box .status{display:block;border:0;padding:0;font-size:13px}.manual-copy{width:100%;font:15px/1.6 Arial;padding:12px}.resume-box{padding:18px;border:2px solid var(--ink);background:#eee8ff;margin-block:24px}.resume-box p{margin:0}.quiz-page .footer p{margin:0}#screen-title:focus{outline:none}
@media(max-width:850px){.quiz-shell{grid-template-columns:1fr;gap:35px;padding-top:28px}.sidebar{position:static;padding:18px}.sidebar h2{font-size:23px;margin:0}.sidebar h2 br{display:none}.sidebar .eyebrow{margin-bottom:8px}.step-text{margin-top:12px}.phase{margin-top:7px}.main-panel h1{font-size:40px}.story{font-size:18px}.quiz-page .answer{padding:18px;gap:13px;font-size:16px}.quiz-page .answer .letter{flex-basis:30px;width:30px;height:30px}.share-box{padding:19px}.quiz-shell{padding-bottom:45px}}

.quiz-identity{display:flex;flex-direction:column;gap:20px}.quiz-cover{display:block;width:145px;max-width:100%;height:auto;align-self:center;box-shadow:4px 5px 0 #171717;border:1px solid #171717}.quiz-identity h2 small{display:block;font:600 16px/1.4 Arial;margin-top:10px}.reflection-panel{border:2px solid var(--ink);padding:18px;margin:18px 0;background:white}.reflection-panel summary{cursor:pointer;font-weight:bold;min-height:30px}.reflection-panel h2{font-size:28px;letter-spacing:-1px;margin-top:24px}.reflection-panel .story{margin-top:20px}
@media(max-width:850px){.quiz-identity{flex-direction:row;gap:18px;align-items:center}.quiz-cover{width:65px;flex-shrink:0}.quiz-identity h2{font-size:22px}.quiz-identity h2 small{font-size:14px;margin-top:5px}}

.result-reflection{border-block:1px solid #171717;padding:18px 0;margin-bottom:18px}.result-reflection summary{cursor:pointer;font-weight:bold}.result-reflection[open] summary{margin-bottom:18px}