@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@300;400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--bg:#d9d9d9;--ink:#201e1f;--paper:#f4f4f2;--accent:#effe00;--muted:#5d5b5c;--line:#b9b9b6;font-family:'Albert Sans',Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:16px}*{box-sizing:border-box}body{margin:0}button,a,input{ -webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #766000;outline-offset:5px}header{max-width:1400px;margin:24px auto 0;padding:8px 10px 8px 30px;border-radius:60px;background:#efefed;display:flex;align-items:center;gap:24px;min-height:68px}.brand{text-decoration:none;font-size:32px;letter-spacing:-2px;font-weight:700;font-style:italic;white-space:nowrap}.brand span{font-size:13px;font-style:normal;letter-spacing:1.6px;margin-left:18px;font-weight:500}.private-label{margin-left:auto;font-size:12px;letter-spacing:1.2px}.pill,.primary,.secondary{border:0;border-radius:30px;padding:15px 24px;background:var(--accent);font-size:14px;font-weight:600}.secondary{background:transparent;border:1px solid var(--line)}.pill:hover,.primary:hover{background:#dce900}.secondary:hover{background:#e6e6e3}main{max-width:1280px;margin:50px auto 64px;padding:0 32px}.topline{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.eyebrow{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;font-weight:600}.subtitle{color:var(--muted);line-height:1.6;margin:12px 0 0;max-width:650px}h1,h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;margin:8px 0;line-height:1.05;letter-spacing:-1.4px}h1{font-size:64px}h2{font-size:45px}.save{font-size:13px;color:var(--muted);white-space:nowrap;padding-bottom:4px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:24px}.question-panel{background:var(--paper);border-radius:28px;padding:34px}.question-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.question-number{font-size:14px;font-weight:600}.question-number strong{font-size:21px}.progress-track{height:5px;background:#dddeda;border-radius:5px;overflow:hidden;margin:16px 0 32px}.progress-track span{height:100%;display:block;background:var(--ink);transition:width .2s}.question-instruction{font-size:15px;color:var(--muted);margin:0 0 20px}.choices{display:grid;gap:14px}.choice{width:100%;text-align:left;display:flex;align-items:center;gap:22px;border:1px solid #c4c4c0;border-radius:18px;background:transparent;padding:25px 24px;min-height:125px;line-height:1.4;font-size:22px;transition:background .15s,border-color .15s}.choice:hover{background:#e9e9e4;border-color:var(--ink)}.choice.selected{background:var(--accent);border-color:var(--ink)}.choice-index{display:grid;place-items:center;border:1px solid #a5a5a1;border-radius:50%;flex:0 0 34px;height:34px;font-size:14px}.selected .choice-index{background:var(--ink);color:var(--accent);border-color:var(--ink)}.question-nav{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:28px}.link-button{background:none;border:0;padding:12px 6px;font-size:14px;text-decoration:underline;text-underline-offset:4px}.side{display:flex;flex-direction:column;gap:20px}.side-card{border-top:1px solid #aaa;padding-top:20px}.big-count{font-family:'Instrument Serif',Georgia,serif;font-size:72px;line-height:1}.big-count span{font:16px 'Albert Sans',sans-serif;color:var(--muted);letter-spacing:0}.mini-map{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-top:20px}.mini-map i{height:6px;background:#b5b5b2;border-radius:2px}.mini-map i.done{background:var(--ink)}.mini-map i.current{background:#899000;outline:1px solid var(--ink)}.side p{font-size:14px;line-height:1.5;color:var(--muted)}.side .secondary{width:100%;margin-top:10px}.note{font-size:13px;color:var(--muted);line-height:1.5}footer{max-width:1400px;margin:0 auto;padding:22px 32px;border-top:1px solid #b4b4b1;display:flex;gap:24px;justify-content:space-between;font-size:12px;color:var(--muted)}details{margin-top:24px;font-size:14px;color:var(--muted)}summary{cursor:pointer}details p{line-height:1.65}dialog{background:var(--paper);color:var(--ink);border:0;border-radius:24px;padding:32px;max-width:660px;width:calc(100% - 32px);max-height:85vh}dialog::backdrop{background:#201e1f99;backdrop-filter:blur(4px)}dialog h2{font-size:42px}dialog p,dialog li{line-height:1.65}dialog .close{float:right;border:0;background:transparent;font-size:24px;padding:4px 10px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 24px;border-radius:30px;background:var(--ink);color:white;z-index:5;font-size:14px;max-width:90vw;display:none}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;margin:24px 0}.review-item{border:1px solid #b5b5b2;border-radius:10px;padding:14px 0;background:transparent}.review-item.done{background:#201e1f;color:white}.review-item.skipped{background:#effe00}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.legend span::before{content:'';display:inline-block;width:10px;height:10px;margin-right:7px;border:1px solid #999;background:#ddd}.legend .done::before{background:#201e1f}.legend .skipped::before{background:#effe00}.source-note{max-width:800px}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.result-card{background:var(--paper);border-radius:26px;padding:32px}.tabs{display:flex;gap:4px;background:#c7c7c3;padding:5px;border-radius:30px}.tabs button{background:none;border:0;padding:10px 20px;border-radius:24px;font-size:14px}.tabs button.active{background:var(--ink);color:white}.score-row{display:grid;grid-template-columns:28px 1fr 32px;gap:12px;align-items:center;margin:19px 0;font-size:15px}.score-bar{grid-column:2/4;background:#dededa;height:4px;border-radius:4px;margin-top:-8px}.score-bar span{display:block;height:4px;background:var(--ink)}.score-row.top .score-bar span{background:#959e00}.score-row strong{text-align:right;font-size:22px}.chart{width:100%;height:auto;max-width:470px;display:block;margin:10px auto}.summary-card{margin-top:24px;background:var(--ink);color:#f4f4f2;border-radius:26px;padding:32px}.summary-card h2{font-size:38px}.summary-card p{max-width:900px;line-height:1.7}.summary-card .eyebrow{color:var(--accent)}.export-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.print-only{display:none}.error-note{background:#ffe4b7;border-radius:12px;padding:14px;line-height:1.5}.source-columns{width:100%;border-collapse:collapse;font-size:14px}.source-columns th,.source-columns td{text-align:left;padding:8px;border-bottom:1px solid #ccc}
header{width:calc(100% - 48px)}@media(min-width:1500px){header{margin-top:30px}main{margin-top:60px}}@media(max-width:1000px){header{margin:16px 20px 0;width:calc(100% - 40px)}.private-label{display:none}header .pill{margin-left:auto}.workspace{grid-template-columns:1fr 220px}.choice{font-size:20px;padding:22px 18px}.question-panel{padding:26px}h1{font-size:56px}main{padding:0 24px}}@media(max-width:720px){header{margin:12px 12px 0;width:calc(100% - 24px);padding-left:20px;min-height:60px}.brand{font-size:27px}.brand span{font-size:10px;margin-left:8px;letter-spacing:.8px}header .pill{padding:13px 14px;font-size:12px}main{margin:30px auto 40px;padding:0 16px}.topline{display:block;margin-bottom:24px}.save{margin-top:16px}.workspace,.results-grid{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr;gap:18px}.side-card{padding-top:16px}.side-card:last-child{grid-column:1/-1}.side .big-count{font-size:52px}.question-panel{padding:22px 18px;border-radius:22px}.choice{font-size:19px;min-height:125px;gap:14px;padding:20px 16px}.choice-index{flex-basis:30px;height:30px}.question-nav{gap:5px;flex-wrap:wrap}.question-nav .secondary,.question-nav .primary{padding:14px 18px}.question-instruction{font-size:14px}h1{font-size:49px}.subtitle{font-size:15px}.result-card,.summary-card{padding:24px 20px}.tabs{width:fit-content;margin-top:20px}footer{display:block;padding:18px;font-size:12px}footer span{display:block;margin:6px 0}.source-note{font-size:12px}}@media(max-width:380px){.brand span{display:none}header{gap:8px}.topline h1{font-size:44px}.question-nav{justify-content:center}.question-nav .link-button{order:3;flex-basis:100%}.tabs button{padding:10px 14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{body{background:white}header,footer,.export-actions,.tabs,.no-print,#toast,dialog{display:none!important}main{margin:0;padding:0;max-width:none}h1{font-size:40px}.results-grid{grid-template-columns:1fr 1fr}.result-card{border:1px solid #bbb;padding:16px}.summary-card{background:white;color:black;border:1px solid #bbb;padding:20px;break-inside:avoid}.summary-card .eyebrow{color:black}.print-only{display:block;break-before:page}.chart{max-width:350px}.score-row{margin:13px 0}.source-note{color:black}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* TYNC: filled controls, outlined information, Cuprion details. */
:root{--cuprion:#fe572a;--paper:#fdfdfd}
header{gap:20px;padding-left:26px}.brand{display:flex;align-items:center;gap:18px;font-style:normal;letter-spacing:0}.brand img{display:block;width:76px;height:45px;object-fit:contain}.brand span{margin:0;font-size:12px;letter-spacing:1.6px}.header-controls{display:flex;align-items:center;gap:20px;margin-left:auto}#language-switch{display:flex;gap:5px}.pill,.primary,.secondary,.link-button,summary{font-size:13px;font-weight:500;letter-spacing:.025em;text-transform:uppercase;border:0;border-radius:999px;line-height:1.2;text-decoration:none;padding:15px 22px;background:var(--ink);color:var(--paper)}.primary{background:var(--accent);color:var(--ink)}.secondary{background:var(--ink);color:var(--paper)}.link-button{background:#e4e4e1;color:var(--ink)}.secondary:hover,.pill:hover{background:#3e3b3d}.link-button:hover{background:#c8c8c5}.primary:hover{background:#d2e005}.info-pill{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font-size:12px;font-weight:500;letter-spacing:.035em;text-transform:uppercase;line-height:1.3}.info-pill.cuprion{border-color:var(--cuprion)}.question-panel{background:#f1f1ef}.progress-track span{background:var(--cuprion)}.mini-map i.current{background:var(--cuprion);outline:none}.choice{background:var(--paper);border:0}.choice:hover{background:#e8e8e3}.choice.selected{background:var(--accent)}.choice-index{border:0;background:#ebebe7}.selected .choice-index{background:var(--ink);color:var(--accent)}summary{display:inline-block;list-style:none;background:#e4e4e1;color:var(--ink);padding:13px 19px;font-size:12px}summary::-webkit-details-marker{display:none}summary::marker{content:''}summary:hover{background:#c8c8c5}details[open] summary{background:var(--ink);color:var(--paper)}.side .secondary{padding:15px 17px}.side-card:last-child .link-button{margin-top:6px}.question-nav{gap:12px}.question-nav .link-button{margin:0}dialog .close{float:right;background:var(--ink);color:var(--paper);font-size:12px;padding:12px 17px;margin:0 0 16px 18px}dialog h2{clear:both}.review-item{border:0;background:#deded8}.review-item.skipped{background:var(--cuprion);color:var(--ink)}.legend .skipped::before{background:var(--cuprion);border:0}.review-grid{margin-top:20px}#filter{margin-top:24px}.error-note{background:#f3e4dc;border-left:3px solid var(--cuprion)}.summary-card .eyebrow{color:var(--accent)}.score-row.top .score-bar span{background:var(--cuprion)}.save{white-space:normal;max-width:240px}.source-note{max-width:100%}.topline{gap:20px}.topline .secondary{flex-shrink:0}.subtitle{font-weight:400}
@media(max-width:1050px){.brand span{display:none}.header-controls{gap:10px}}
@media(max-width:720px){header{display:grid;grid-template-columns:1fr auto;padding:12px 16px;border-radius:25px;gap:12px}.brand img{width:65px;height:38px}.brand span{display:inline;font-size:10px;letter-spacing:1px}.header-controls{display:contents}#help{grid-column:2;grid-row:1;justify-self:end;margin-left:0}#language-switch{grid-column:1/-1;grid-row:2;display:flex;width:100%;gap:5px}header .pill{font-size:12px;padding:13px 15px}main{margin-top:28px}.question-nav{display:grid;grid-template-columns:1fr 1fr;gap:9px}.question-nav #prev{grid-column:1;grid-row:1}.question-nav #next{grid-column:2;grid-row:1}.question-nav #skip{grid-column:1/-1;grid-row:2;justify-self:center;padding:13px 20px}.question-nav .primary,.question-nav .secondary{padding:15px 12px}.topline .secondary{margin-top:20px}.side{grid-template-columns:1fr}.side-card:last-child{grid-column:auto}.side .big-count{font-size:60px}.side .mini-map{max-width:310px}.side .secondary{width:auto}.save{max-width:none;font-size:12px}.question-number{font-size:13px}.question-number strong{font-size:18px}.info-pill{font-size:11px;padding:8px 11px}.question-panel{padding:22px 18px}.export-actions>button{flex:1 1 180px}h1{font-size:48px}.question-top{gap:10px}}
@media(max-width:380px){.brand span{display:none}.topline h1{font-size:42px}.question-top{align-items:flex-start}.info-pill{font-size:10px}.choice{font-size:18px}}
@media print{summary{display:none}.source-note{font-size:11px}.source-note p,.source-note table{display:block}.source-note .source-columns{display:table}.header-controls{display:none}}

/* Progress tiles keep their compact marks inside larger click targets. */
.mini-map{row-gap:0}.mini-map button{display:flex;align-items:center;justify-content:center;height:24px;min-width:0;padding:0;border:0;background:transparent;border-radius:4px}.mini-map button::before{content:"";display:block;width:100%;height:6px;border-radius:2px;background:#b5b5b2}.mini-map button.done::before{background:var(--ink)}.mini-map button.current::before,.mini-map button:hover::before{background:var(--cuprion)}
/* Frosted language dropdown: native disclosure, six keyboard-accessible choices. */
header{position:relative;z-index:10}.language-picker{position:relative;margin:0;color:var(--ink)}.language-picker summary,.language-picker[open] summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:46px;padding:14px 20px;min-width:190px;color:var(--ink);background:linear-gradient(130deg,#ffffffb8,#ffffff40);border:0;box-shadow:0 3px 14px #201e1f09;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.language-picker summary:hover{background:#ffffffb8}.language-caption{font-size:10px;letter-spacing:.08em;color:var(--muted)}.language-menu{position:absolute;top:calc(100% + 10px);right:0;width:230px;max-width:calc(100vw - 48px);padding:8px;border-radius:22px;background:linear-gradient(135deg,#ffffffbd,#eeeeeeb8);box-shadow:0 12px 36px #201e1f24;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);display:grid;gap:4px}.language-option{border:0;border-radius:999px;text-align:left;padding:14px 18px;min-height:44px;font-size:13px;font-weight:500;letter-spacing:.025em;text-transform:uppercase;background:transparent}.language-option:hover{background:#ffffffb3}.language-option.active{background:var(--accent)}.language-option.active::after{content:'';display:inline-block;float:right;width:6px;height:6px;margin-top:5px;border-radius:50%;background:var(--cuprion)}
@media(max-width:720px){#language-switch{justify-content:flex-end}.language-picker{width:100%}.language-picker summary{width:100%;min-width:0}.language-menu{width:100%;max-width:none}header{gap:10px}.header-controls{gap:10px}}
@media(prefers-reduced-transparency:reduce){.language-picker summary,.language-picker[open] summary,.language-menu{background:#f5f5f3;backdrop-filter:none;-webkit-backdrop-filter:none}}
/* Stable header geometry and a fade-out, translate, fade-in sequence. */
#help{width:190px;flex:0 0 190px;white-space:nowrap;padding-inline:12px}#language-switch{width:240px;flex:0 0 240px}.language-picker{width:100%}.language-picker summary{width:100%;min-width:0}
#app,#help,#language-switch,footer{opacity:1;transition:opacity 280ms cubic-bezier(.22,1,.36,1)}.language-changing #app,.language-changing #help,.language-changing #language-switch,.language-changing footer{opacity:0;pointer-events:none;transition-duration:180ms;transition-timing-function:cubic-bezier(.4,0,1,1)}
@media(max-width:720px){#help{width:180px;flex-basis:180px}#language-switch{width:100%;flex:none}}
@media(prefers-reduced-motion:reduce){#app,#help,#language-switch,footer{transition:none}}