:root{--ink:var(--gs-content-primary);--muted:var(--gs-content-secondary);--ground:var(--gs-surface-page);--paper:var(--gs-surface-raised);--line:var(--gs-border-default);--accent:var(--gs-content-accent);--mint:var(--gs-surface-support);--dark:var(--gs-surface-inverse);--soft:var(--gs-surface-raised);font-family:var(--gs-font-body);color:var(--gs-content-primary);background:var(--gs-surface-page);font-size:100%;line-height:1.55;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--gs-surface-sunken)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:var(--gs-content-information);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gs-border-default);outline-offset:3px}button:disabled{opacity:.45;cursor:default}.skip{position:absolute;left:18px;top:-70px;z-index:20;background:var(--gs-surface-raised);padding:var(--gs-space-2) var(--gs-space-3);border-radius:var(--gs-radius-md)}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:calc(-1 * var(--gs-space-1));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:78px;max-width:1240px;margin:auto;padding:0 var(--gs-space-6);display:flex;align-items:center;gap:var(--gs-space-6)}.brand{display:flex;align-items:center;gap:var(--gs-space-2);color:var(--gs-content-primary);text-decoration:none;font-size:var(--gs-text-base);font-weight:var(--gs-weight-semibold);letter-spacing:-.05em}.brand-mark{width:33px;height:33px;border-radius:var(--gs-radius-md);background:var(--gs-content-accent);color:var(--gs-content-inverse);display:grid;place-items:center;font-size:var(--gs-text-xl);line-height:1;padding:0 var(--gs-space-1) var(--gs-space-1) 0}.site-title{border-left:1px solid var(--gs-border-default);padding-left:var(--gs-space-6);color:var(--gs-content-secondary);font-size:var(--gs-text-sm)}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:var(--gs-space-4)}.site-header nav a,.site-header nav button{border:0;background:none;font-size:var(--gs-text-sm);font-weight:var(--gs-weight-semibold);text-decoration:none;padding:var(--gs-space-2) 0}
.shell{max-width:1180px;margin:var(--gs-space-4) auto var(--gs-space-8);padding:0 var(--gs-space-6);display:grid;grid-template-columns:285px minmax(0,1fr);gap:var(--gs-space-6);align-items:stretch}.journey-rail{background:var(--gs-surface-inverse);color:var(--gs-content-inverse);border-radius:var(--gs-radius-md);padding:var(--gs-space-8) var(--gs-space-6);min-height:700px;box-shadow:none}.journey-rail>p{font-size:var(--gs-text-xs);letter-spacing:.15em;color:var(--gs-content-secondary);font-weight:var(--gs-weight-semibold);margin:0 0 var(--gs-space-6)}.journey-rail ol{list-style:none;margin:0;padding:0}.journey-rail li{position:relative;display:grid;grid-template-columns:34px 1fr;column-gap:var(--gs-space-3);padding:0 0 var(--gs-space-6);color:var(--gs-content-secondary)}.journey-rail li:not(:last-child):before{content:"";position:absolute;left:16px;top:31px;bottom:2px;border-left:1px solid var(--gs-border-default)}.journey-rail li>span{grid-row:1/3;width:34px;height:34px;border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-pill);display:grid;place-items:center;font-size:var(--gs-text-xs);font-weight:var(--gs-weight-semibold)}.journey-rail li b{font-size:var(--gs-text-sm);color:var(--gs-content-inverse)}.journey-rail li small{font-size:var(--gs-text-xs)}.journey-rail li.active>span{background:var(--gs-surface-support);border-color:var(--gs-surface-support);color:var(--gs-content-primary)}.journey-rail li.active b{color:var(--gs-content-inverse)}.journey-rail li.active small{color:var(--gs-content-secondary)}.rail-note{margin-top:var(--gs-space-2);padding:var(--gs-space-4);border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md);background:var(--gs-surface-inverse)}.rail-note strong{font-size:var(--gs-text-xs);color:var(--gs-content-inverse)}.rail-note p{font-size:var(--gs-text-xs);color:var(--gs-content-secondary);line-height:1.5;margin:var(--gs-space-1) 0 0}
.quiz-surface{background:var(--gs-surface-raised);border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md);min-height:700px;box-shadow:none;overflow:hidden}.screen{padding:clamp(var(--gs-space-6),5vw,var(--gs-space-12));min-height:698px;display:flex;flex-direction:column}.start-screen{justify-content:center;max-width:760px}.eyebrow{font-size:var(--gs-text-xs);letter-spacing:.15em;font-weight:var(--gs-weight-semibold);color:var(--gs-content-accent);margin:0 0 var(--gs-space-3)}.screen h1{font-size:var(--gs-text-3xl);line-height:1.02;letter-spacing:-.055em;font-weight:var(--gs-weight-semibold);margin:0 0 var(--gs-space-5);max-width:780px}.screen h2{font-size:var(--gs-text-3xl);line-height:1.1;letter-spacing:-.045em;margin:0 0 var(--gs-space-4)}.lead{font-size:var(--gs-text-base);color:var(--gs-content-secondary);line-height:1.7;max-width:650px;margin:0 0 var(--gs-space-6)}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gs-space-2);margin:var(--gs-space-2) 0 var(--gs-space-6)}.promise-grid div{background:var(--soft);border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md);padding:var(--gs-space-3)}.promise-grid b{display:block;font-size:var(--gs-text-sm);margin-bottom:var(--gs-space-1)}.promise-grid span{display:block;color:var(--gs-content-secondary);font-size:var(--gs-text-xs);line-height:1.4}.boundary{border-left:4px solid var(--gs-content-accent);background:var(--gs-surface-raised);padding:var(--gs-space-3) var(--gs-space-4);border-radius:var(--gs-radius-md);color:var(--gs-content-primary);font-size:var(--gs-text-sm);max-width:670px;margin-bottom:var(--gs-space-6)}.primary,.secondary,.text-button{border-radius:var(--gs-radius-md);min-height:50px;padding:var(--gs-space-3) var(--gs-space-4);font-weight:var(--gs-weight-semibold);font-size:var(--gs-text-sm)}.primary{border:1px solid var(--gs-content-primary);background:var(--gs-content-primary);color:var(--gs-content-inverse)}.primary:hover{background:var(--gs-surface-inverse)}.start-actions{display:flex;align-items:center;gap:var(--gs-space-3)}.start-actions .primary{min-width:190px}.secondary{border:1px solid var(--gs-border-default);background:var(--gs-surface-raised);color:var(--gs-content-information)}.text-button{border:0;background:none;color:var(--gs-content-information);padding-left:var(--gs-space-1);padding-right:var(--gs-space-1)}
.progress-top{display:flex;justify-content:space-between;gap:var(--gs-space-3);color:var(--gs-content-secondary);font-size:var(--gs-text-xs)}.progress{height:5px;background:var(--gs-surface-raised);border-radius:var(--gs-radius-pill);overflow:hidden;margin:var(--gs-space-2) 0 var(--gs-space-8)}.progress span{display:block;height:100%;background:var(--gs-content-accent);border-radius:var(--gs-radius-md)}.question-label{color:var(--gs-content-accent);font-size:var(--gs-text-xs);letter-spacing:.12em;font-weight:var(--gs-weight-semibold);margin:0 0 var(--gs-space-2)}.question-copy{font-size:var(--gs-text-base);color:var(--gs-content-primary);line-height:1.65;margin:0 0 var(--gs-space-5);max-width:670px}.choices{display:grid;gap:var(--gs-space-3);border:0;padding:0;margin:0 0 var(--gs-space-6)}.choice{display:block;cursor:pointer}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{display:flex;align-items:flex-start;gap:var(--gs-space-3);border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md);padding:var(--gs-space-4);background:var(--gs-surface-raised);line-height:1.5}.choice i{font-style:normal;display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:var(--gs-radius-pill);background:var(--gs-surface-raised);color:var(--gs-content-secondary);font-size:var(--gs-text-xs);font-weight:var(--gs-weight-semibold)}.choice:hover span{border-color:var(--gs-border-default)}.choice input:focus-visible+span{outline:3px solid var(--gs-border-default);outline-offset:3px}.choice.selected span{border-color:var(--gs-border-default);background:var(--gs-surface-raised);box-shadow:none}.choice.selected i{background:var(--gs-surface-accent);color:var(--gs-content-primary)}.question-actions,.feedback-actions,.result-actions{display:flex;align-items:center;gap:var(--gs-space-2);flex-wrap:wrap}.question-actions .primary{margin-left:auto;min-width:170px}.feedback{margin:var(--gs-space-1) 0 var(--gs-space-5);padding:var(--gs-space-5);border:1px solid var(--gs-border-default);background:var(--gs-surface-raised);border-radius:var(--gs-radius-md)}.feedback.review{border-color:var(--gs-border-default);background:var(--gs-surface-raised)}.feedback-label{font-size:var(--gs-text-xs);font-weight:var(--gs-weight-semibold);letter-spacing:.1em;color:var(--gs-content-information);margin:0 0 var(--gs-space-2)}.feedback.review .feedback-label{color:var(--gs-content-accent)}.feedback p{color:var(--gs-content-primary);font-size:var(--gs-text-sm);line-height:1.6;margin:0 0 var(--gs-space-3)}.next-action{border-top:1px solid var(--gs-border-default);padding-top:var(--gs-space-3)}.feedback.review .next-action{border-color:var(--gs-border-default)}.next-action b{display:block;font-size:var(--gs-text-xs);margin-bottom:var(--gs-space-1)}.feedback-actions .secondary{min-height:42px;padding:var(--gs-space-2) var(--gs-space-3);font-size:var(--gs-text-xs)}.feedback-actions{margin-top:var(--gs-space-4)}.question-actions.bottom{margin-top:auto;padding-top:var(--gs-space-4);border-top:1px solid var(--gs-border-default)}
.safety-screen{border-top:5px solid var(--gs-content-accent)}.safety-card{background:var(--gs-surface-raised);border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md);padding:var(--gs-space-5);margin:var(--gs-space-2) 0 var(--gs-space-6)}.safety-card p{color:var(--gs-content-secondary);line-height:1.65}.safety-card p:last-child{margin-bottom:0}.fine-print{font-size:var(--gs-text-xs);color:var(--gs-content-secondary);line-height:1.55}.result-intro{max-width:720px;color:var(--gs-content-secondary);font-size:var(--gs-text-sm);line-height:1.65}.review-list{display:grid;gap:var(--gs-space-3);margin:var(--gs-space-6) 0}.review-group{border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md);padding:var(--gs-space-4)}.review-group h3{font-size:var(--gs-text-sm);margin:0 0 var(--gs-space-1)}.review-group>p{font-size:var(--gs-text-xs);color:var(--gs-content-secondary);margin:0 0 var(--gs-space-3)}.review-item{display:flex;align-items:center;justify-content:space-between;gap:var(--gs-space-3);padding-top:var(--gs-space-3);margin-top:var(--gs-space-3);border-top:1px solid var(--gs-border-default)}.review-item>span{font-size:var(--gs-text-sm);flex:1}.review-item div{display:flex;gap:var(--gs-space-2);flex-wrap:wrap;justify-content:flex-end}.review-item button,.review-item a{border:1px solid var(--gs-border-default);background:var(--gs-surface-raised);border-radius:var(--gs-radius-md);padding:var(--gs-space-2) var(--gs-space-2);color:var(--gs-content-information);font-size:var(--gs-text-xs);font-weight:var(--gs-weight-semibold);text-decoration:none}.review-item button.saved{background:var(--gs-surface-raised);color:var(--gs-content-information)}.review-summary{display:flex;gap:var(--gs-space-3);flex-wrap:wrap;margin:var(--gs-space-5) 0}.summary-pill{border-radius:var(--gs-radius-pill);background:var(--gs-surface-raised);padding:var(--gs-space-2) var(--gs-space-3);font-size:var(--gs-text-xs);color:var(--gs-content-primary)}.result-actions{margin-top:var(--gs-space-5)}.result-actions .primary{min-width:200px}.saved-panel{background:var(--gs-surface-inverse);color:var(--gs-content-inverse);border-radius:var(--gs-radius-md);padding:var(--gs-space-5);margin-top:var(--gs-space-5)}.saved-panel h3{font-size:var(--gs-text-sm);margin:0 0 var(--gs-space-2)}.saved-panel ol{margin:0;padding-left:var(--gs-space-5)}.saved-panel li{margin:var(--gs-space-2) 0;font-size:var(--gs-text-sm);color:var(--gs-content-secondary)}.saved-panel .secondary{margin-top:var(--gs-space-3);border-color:var(--gs-border-default);background:var(--gs-surface-inverse);color:var(--gs-content-inverse)}
footer{max-width:1180px;margin:0 auto var(--gs-space-8);padding:0 var(--gs-space-6);display:flex;justify-content:space-between;align-items:center;gap:var(--gs-space-5);color:var(--gs-content-secondary);font-size:var(--gs-text-xs)}footer p{margin:0}footer button{border:0;background:none;color:var(--gs-content-accent);text-decoration:underline;text-underline-offset:3px;font-size:var(--gs-text-xs)}
dialog{border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md);padding:0;width:min(590px,calc(100% - 28px));max-height:88vh;color:var(--gs-content-primary);box-shadow:none}dialog::backdrop{background:var(--gs-surface-inverse)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:var(--gs-space-5) var(--gs-space-6);border-bottom:1px solid var(--gs-border-default);position:sticky;top:0;background:var(--gs-surface-raised)}.dialog-head h2{font-size:var(--gs-text-xl);margin:0}.close-dialog{width:36px;height:36px;border:0;border-radius:var(--gs-radius-pill);background:var(--gs-surface-raised);font-size:var(--gs-text-xl)}.dialog-body{padding:var(--gs-space-6) var(--gs-space-6) var(--gs-space-6)}.dialog-body p{color:var(--gs-content-secondary);line-height:1.65}.dialog-body h3{margin:var(--gs-space-5) 0 var(--gs-space-2)}.dialog-body a{display:block;margin-top:var(--gs-space-3)}
@media(max-width: 40rem){.site-header{height:68px;padding:0 var(--gs-space-4);gap:var(--gs-space-3)}.brand{font-size:var(--gs-text-base)}.brand-mark{width:30px;height:30px;border-radius:var(--gs-radius-md)}.site-title{display:none}.site-header nav a{display:none}.shell{display:block;margin:var(--gs-space-1) auto var(--gs-space-6);padding:0 var(--gs-space-3)}.journey-rail{min-height:0;border-radius:var(--gs-radius-md);padding:var(--gs-space-4) var(--gs-space-4) var(--gs-space-3)}.journey-rail>p,.rail-note,.journey-rail li small{display:none}.journey-rail ol{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gs-space-1)}.journey-rail li{display:flex;flex-direction:column;align-items:center;gap:var(--gs-space-1);text-align:center;padding:0;color:var(--gs-content-secondary)}.journey-rail li:not(:last-child):before{left:60%;right:-40%;top:14px;bottom:auto;border-left:0;border-top:1px solid var(--gs-border-default)}.journey-rail li>span{width:29px;height:29px;z-index:1;background:var(--gs-surface-inverse)}.journey-rail li b{font-size:var(--gs-text-xs);line-height:1.2}.quiz-surface{border-radius:var(--gs-radius-md);min-height:620px}.screen{padding:var(--gs-space-8) var(--gs-space-5);min-height:618px}.screen h1{font-size:var(--gs-text-3xl)}.screen h2{font-size:var(--gs-text-xl)}.lead{font-size:var(--gs-text-sm)}.promise-grid{grid-template-columns:1fr}.promise-grid div{padding:var(--gs-space-3) var(--gs-space-3)}.start-actions{align-items:stretch;flex-direction:column}.start-actions .primary{width:100%}.choice span{padding:var(--gs-space-3);font-size:var(--gs-text-sm)}.question-actions{align-items:stretch}.question-actions .primary{margin-left:0;flex:1}.question-actions.bottom{justify-content:space-between}.review-item{display:block}.review-item div{justify-content:flex-start;margin-top:var(--gs-space-2)}.result-actions{align-items:stretch;flex-direction:column}.result-actions .primary{width:100%}footer{padding:0 var(--gs-space-4);display:block}footer button{margin-top:var(--gs-space-2)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.site-header,.journey-rail,footer,.question-actions,.result-actions,.review-item div{display:none!important}.shell{display:block;margin:0;padding:0}.quiz-surface{border:0;box-shadow:none}.screen{padding:0}.review-group{break-inside:avoid}}

/* Labels preserve the meaning of every answer state without relying on colour. */
.choice .choice-body{transition:background-color var(--gs-duration-fast) var(--gs-ease-out),border-color var(--gs-duration-fast) var(--gs-ease-out)}
.choice .choice-copy{display:block;min-width:0;font-weight:var(--gs-weight-regular)}
.choice .choice-status{display:block;margin-top:var(--gs-space-2);font-size:var(--gs-text-sm);font-weight:var(--gs-weight-semibold);color:var(--gs-content-information)}
.choice.selected .choice-body{background:var(--gs-surface-information);border-color:var(--gs-content-information)}
.choice.selected i{background:var(--gs-content-information);color:var(--gs-content-inverse)}
.choice input:focus-visible+.choice-body{outline:var(--gs-focus-ring);outline-offset:var(--gs-space-1)}
.choices:disabled .choice{cursor:default}
.choice.choice-correct .choice-body{background:var(--gs-surface-support);border-color:var(--gs-content-support)}
.choice.choice-correct i{background:var(--gs-content-support);color:var(--gs-content-inverse)}
.choice.choice-correct .choice-status{color:var(--gs-content-support)}
.choice.choice-review .choice-body{background:var(--gs-surface-care);border-color:var(--gs-content-care)}
.choice.choice-review i{background:var(--gs-content-care);color:var(--gs-content-inverse)}
.choice.choice-review .choice-status{color:var(--gs-content-care)}
.feedback.feedback-correct{background:var(--gs-surface-support);border-color:var(--gs-content-support)}
.feedback.review{background:var(--gs-surface-care);border-color:var(--gs-border-default)}
.feedback .feedback-label{font-size:var(--gs-text-base);font-weight:var(--gs-weight-semibold);letter-spacing:normal;color:var(--gs-content-support)}
.feedback.review .feedback-label{color:var(--gs-content-care)}
.feedback .feedback-answer{padding-bottom:var(--gs-space-3);border-bottom:1px solid var(--gs-border-default)}
.feedback-answer strong{display:block;margin-bottom:var(--gs-space-1);color:var(--gs-content-support)}
@media (hover:hover){
 .choices:not(:disabled) .choice:hover .choice-body{background:var(--gs-surface-sunken);border-color:var(--gs-content-secondary)}
 .choices:not(:disabled) .choice.selected:hover .choice-body{background:var(--gs-surface-information);border-color:var(--gs-content-information)}
}