:root{--ink-950:#07111f;--ink-700:#31435e;--ink-100:#dce5f0;--canvas:#f4f7fb;--paper:#fff;--cobalt-700:#1649c5;--cobalt-600:#1f5be0;--cobalt-50:#eff4ff;--coral-700:#a52b35;--amber-500:#e99b18;--font-display:"Arial Narrow", "Roboto Condensed", "Aptos Display", sans-serif;--font-body:Inter, Aptos, system-ui, -apple-system, "Segoe UI", sans-serif;--radius-md:.75rem;--radius-lg:1.25rem;--shadow-focus:0 0 0 3px #fff, 0 0 0 6px var(--amber-500);color:var(--ink-950);font-family:var(--font-body);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}html{min-width:320px}body{min-height:100vh;margin:0;line-height:1.55}a{color:var(--cobalt-700);text-underline-offset:.2em}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex="-1"]:focus-visible{box-shadow:var(--shadow-focus);outline:0}.skip-link{z-index:10;background:var(--paper);padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header,.site-footer{background:var(--paper);border-bottom:1px solid var(--ink-100)}.site-footer{border-top:1px solid var(--ink-100);border-bottom:0}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:min(76rem,100%);margin:auto;padding:1rem;display:flex}.wordmark{color:var(--ink-950);font-family:var(--font-display);font-size:1.25rem;font-weight:850;text-decoration:none}nav{flex-wrap:wrap;gap:1rem;display:flex}main{width:min(44rem,100% - 2rem);margin:0 auto;padding:4rem 0 6rem}h1,h2{font-family:var(--font-display);line-height:1.15}h1{max-width:15ch;margin:0 0 1rem;font-size:clamp(2.5rem,8vw,4rem)}.eyebrow{color:var(--coral-700);letter-spacing:.08em;font-size:.875rem;font-weight:700}.lede{max-width:62ch;color:var(--ink-700);font-size:1.15rem}.card{border-radius:var(--radius-lg);background:var(--paper);border:1px solid #a7b5c7;margin-top:2rem;padding:1.5rem}.button{border-radius:var(--radius-md);background:var(--cobalt-700);color:#fff;justify-content:center;align-items:center;min-height:44px;margin-top:1rem;padding:.75rem 1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.button:disabled{cursor:not-allowed;background:var(--ink-100);color:var(--ink-700);transform:none}.button.secondary{border:2px solid var(--ink-950);background:var(--paper);color:var(--ink-950)}.button.destructive{border:2px solid var(--coral-700);background:var(--paper);color:var(--coral-700)}.text-button{min-height:44px;color:var(--cobalt-700);font:inherit;text-underline-offset:.2em;background:0 0;border:0;padding:.5rem;text-decoration:underline}.intro-actions,.choice-actions,.question-nav,.dialog-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.notice{border:2px solid var(--cobalt-700);border-radius:var(--radius-md);background:var(--cobalt-50);margin:1rem 0;padding:1rem}.notice.warning{background:#fff8e8;border-color:#8a5900}.notice.error{border-color:var(--coral-700);background:#fff1f2}.notice.success{background:#eafaf6;border-color:#087466}.progress-copy{margin-top:.5rem;font-weight:700}progress{width:100%;height:.75rem;accent-color:var(--cobalt-700)}.question-card{border-radius:var(--radius-lg);background:var(--paper);border:1px solid #a7b5c7;margin-top:1.5rem;padding:1rem}.question-card h1{font-size:clamp(1.75rem,6vw,2.5rem)}.batch-card{width:min(62rem,100vw - 2rem);margin-left:50%;transform:translate(-50%)}.question-batch{border-top:1px solid var(--ink-100)}.question-row{border-bottom:1px solid var(--ink-100);padding:1.35rem 0}.question-row legend{width:100%;margin-bottom:.9rem;font-weight:700}.question-number{color:var(--ink-700)}.horizontal-scale{color:var(--ink-700);grid-template-columns:5rem minmax(20rem,1fr) 3.5rem;align-items:center;gap:.75rem;font-size:.875rem;display:grid}.horizontal-scale>span:last-child{text-align:right}.scale-options{grid-template-columns:repeat(7,minmax(44px,1fr));align-items:center;display:grid}.scale-options label{cursor:pointer;place-items:center;min-width:44px;min-height:44px;display:grid}.scale-options input{width:1.75rem;height:1.75rem;accent-color:var(--cobalt-700);margin:0}.scale-options label:first-child input,.scale-options label:last-child input{width:2.25rem;height:2.25rem}.scale-options span{margin-top:.25rem;font-size:.75rem}.not-applicable{color:var(--ink-700);font-style:italic}.scale-key{color:var(--ink-700);font-size:.875rem}@media (width<=639px){.horizontal-scale{grid-template-columns:1fr;gap:.25rem}.horizontal-scale>span{display:none}.scale-options{grid-template-columns:repeat(7,minmax(40px,1fr))}.scale-options input{width:1.5rem;height:1.5rem}.scale-options label:first-child input,.scale-options label:last-child input{width:1.9rem;height:1.9rem}}.context-reminder{border-left:4px solid var(--amber-500);color:var(--ink-700);padding-left:1rem}fieldset{border:0;margin:1.5rem 0 0;padding:0}.likert-option{border:1px solid var(--ink-700);border-radius:var(--radius-md);background:var(--paper);cursor:pointer;align-items:center;gap:.75rem;min-height:52px;margin-bottom:.5rem;padding:.75rem;display:flex}.likert-option:hover{background:var(--cobalt-50)}.likert-option.selected{border:2px solid var(--cobalt-700);background:var(--cobalt-50)}.likert-option input{width:1.25rem;height:1.25rem;accent-color:var(--cobalt-700)}.likert-option strong{margin-left:auto;font-size:.875rem}.helper{color:var(--ink-700);font-size:.875rem}.question-nav{margin-top:1.5rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}dialog{border-radius:var(--radius-lg);border:0;max-width:min(32rem,100% - 2rem);padding:1.5rem;box-shadow:0 1rem 3rem #07111f44}dialog::backdrop{background:#07111fa8}@media (width<=359px){.question-nav{flex-direction:column-reverse}.question-nav .button{width:100%;margin-top:0}}.button:hover{background:var(--cobalt-600);transform:translateY(-1px)}.facts{border-radius:var(--radius-lg);background:var(--paper);border:1px solid #a7b5c7;grid-template-columns:repeat(2,1fr);margin-top:2rem;display:grid}.facts span{border:1px solid var(--ink-100);padding:1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation:none!important}}@media (forced-colors:active){a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}
