:root{--ink:#171716;--paper:#f3efe6;--acid:#d8f53c;--orange:#fb6640;--blue:#5d79ff;--line:rgba(23,23,22,.22)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,64px);border-bottom:1px solid var(--line)}.brand{color:inherit;font-size:19px;font-weight:800;letter-spacing:-.04em;text-decoration:none}.text-button,.back-button,.skip,.dialog-close{border:0;background:none;color:inherit;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:5px}.view{display:none}.view.is-active{display:grid}.start-view{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);min-height:calc(100vh - 76px)}.hero{display:flex;flex-direction:column;justify-content:center;padding:clamp(54px,8vw,118px) clamp(24px,7vw,110px);border-right:1px solid var(--line)}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 28px;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow span{width:34px;height:3px;background:var(--orange)}h1{max-width:890px;margin:0;font-size:clamp(48px,6.4vw,104px);letter-spacing:-.072em;line-height:.9}h1 em{position:relative;z-index:0;font-family:Georgia,serif;font-weight:400}h1 em:after{content:"";position:absolute;z-index:-1;left:-.03em;right:-.08em;bottom:.03em;height:.34em;background:var(--acid);transform:rotate(-1.5deg)}.intro{max-width:620px;margin:38px 0 28px;font-size:clamp(18px,1.5vw,24px);line-height:1.45}.primary{width:fit-content;min-width:260px;display:flex;justify-content:space-between;gap:34px;padding:21px 24px;border:2px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;font-size:16px;font-weight:800;transition:transform 160ms,box-shadow 160ms}.primary:hover{transform:translate(-4px,-4px);box-shadow:7px 7px 0 var(--orange)}.meta{margin:16px 0 0;font-size:12px;opacity:.62}.party-stack{align-self:center;padding:clamp(35px,5vw,72px)}.party-stack>p{margin:0 0 18px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.party-stack ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}.party-stack li{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--line)}.party-stack b,.party-stack small{font-size:10px;font-weight:700;opacity:.52}.party-stack span{font-size:15px;font-weight:700}.source-note{margin-top:16px;font-size:11px;line-height:1.5;opacity:.55}
.test-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(690px,100%);margin-top:30px;border:2px solid var(--ink)}.test-picker button{position:relative;display:flex;min-height:126px;flex-direction:column;align-items:flex-start;justify-content:center;padding:18px;border:0;border-right:1px solid var(--ink);background:transparent;color:inherit;cursor:pointer;text-align:left}.test-picker button:last-child{border-right:0}.test-picker button:hover,.test-picker button:focus-visible{background:var(--acid)}.test-picker .recommended:before{content:"Rekommenderas";position:absolute;top:-22px;left:-1px;padding:5px 8px;background:var(--ink);color:var(--paper);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.test-picker span{font-size:11px;font-weight:800;text-transform:uppercase}.test-picker b{margin:5px 0 14px;font-size:22px;letter-spacing:-.04em}.test-picker small{font-size:11px;opacity:.62}
.quiz-view{min-height:calc(100vh - 76px);grid-template-rows:auto 1fr}.quiz-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:28px clamp(22px,5vw,72px);border-bottom:1px solid var(--line)}.back-button{justify-self:start}.progress-copy{text-align:center}.progress-copy span,.progress-copy b{display:block}.progress-copy span{font-size:11px;letter-spacing:.12em}.progress-copy b{margin-top:4px;font-size:14px}.progress-track{justify-self:end;width:min(220px,18vw);height:8px;border:1px solid var(--ink)}.progress-track span{display:block;height:100%;background:var(--orange);transition:width 250ms}.question-wrap{width:min(1050px,calc(100% - 44px));margin:auto;padding:60px 0;text-align:center}.question-kicker{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.question-wrap h2{max-width:900px;margin:24px auto 56px;font-size:clamp(38px,5vw,72px);letter-spacing:-.055em;line-height:1.02}.answer-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--ink)}.answer-grid button{min-height:132px;padding:20px 12px;border:0;border-right:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;font:inherit}.answer-grid button:last-child{border-right:0}.answer-grid button:hover,.answer-grid button.is-selected{background:var(--acid)}.answer-grid b{display:block;font-size:13px;line-height:1.3}.answer-grid span{display:inline-grid;place-items:center;width:26px;height:26px;margin-top:17px;border:1px solid var(--ink);border-radius:50%;font-size:11px}.importance{display:block;margin:26px auto 0;padding:12px 18px;border:1px solid var(--ink);background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:13px}.importance[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.importance span{font-size:17px}.skip{display:block;margin:18px auto 0;font-size:12px;opacity:.65}
.quiz-next{display:flex;justify-content:space-between;gap:32px;min-width:190px;margin:18px auto 0;padding:16px 20px;border:2px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;font:inherit;font-weight:800}.quiz-next:disabled{cursor:not-allowed;opacity:.25}.quiz-next:not(:disabled):hover{background:var(--orange);color:var(--ink)}
.result-view{grid-template-columns:minmax(300px,.72fr) minmax(480px,1.28fr);min-height:calc(100vh - 76px)}.result-intro{padding:clamp(48px,7vw,105px);border-right:1px solid var(--line)}.result-intro h2{margin:0;font-size:clamp(54px,7vw,94px);letter-spacing:-.07em;line-height:.9}.result-intro>p:not(.eyebrow){max-width:430px;margin:32px 0;line-height:1.6}.outline-button{padding:15px 18px;border:1px solid var(--ink);background:transparent;color:inherit;cursor:pointer;font-weight:800}.results-column{padding:clamp(34px,5vw,72px)}.result-card{display:grid;grid-template-columns:46px 1fr auto;gap:18px;align-items:center;width:100%;padding:24px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left;cursor:pointer}.result-card:first-child{border-top:2px solid var(--ink)}.rank{font-size:12px;opacity:.45}.result-name{font-size:clamp(19px,2vw,27px);font-weight:800}.result-coverage{display:block;margin-top:5px;font-size:11px;font-weight:400;opacity:.54}.result-score{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:var(--acid);font-size:20px;font-weight:900}.result-card:nth-child(2) .result-score{background:#ffb5a2}.result-card:nth-child(n+3) .result-score{background:transparent;border:1px solid var(--ink)}.democracy-note{margin-top:50px;padding:30px;border:1px solid var(--ink);background:#e6e0d4}.democracy-note h3{margin:0 0 12px;font-size:25px}.democracy-note>p:last-child{margin:0;line-height:1.55}.democracy-note .eyebrow{margin-bottom:18px}
dialog{width:min(680px,calc(100% - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:42px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:14px 14px 0 var(--acid)}dialog::backdrop{background:rgba(12,12,10,.66)}dialog h2{margin:0 0 22px;font-size:clamp(38px,5vw,58px);letter-spacing:-.055em;line-height:.95}dialog p{line-height:1.55}.dialog-close{position:absolute;top:14px;right:18px;font-size:28px;text-decoration:none}.source-list{margin:26px 0;border-top:1px solid var(--ink)}.source-list a{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);color:inherit;font-size:13px;font-weight:700}.fine-print{font-size:11px;opacity:.6}.party-summary{font-size:18px}.party-answers{margin:28px 0 0;padding:0;list-style:none}.party-answers li{padding:14px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.4}.party-answers b{display:block;margin-top:5px}.party-source{display:inline-block;margin-top:25px;color:inherit;font-weight:800}
@media(max-width:860px){.start-view,.result-view{grid-template-columns:1fr}.hero,.result-intro{border-right:0;border-bottom:1px solid var(--line)}.party-stack{width:100%}.answer-grid{grid-template-columns:1fr}.answer-grid button{min-height:auto;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-right:0;border-bottom:1px solid var(--line);text-align:left}.answer-grid button:last-child{border-bottom:0}.answer-grid span{margin:0}.quiz-top{grid-template-columns:1fr auto}.progress-track{grid-column:1/-1;width:100%;margin-top:18px}.question-wrap h2{margin-bottom:36px}.result-intro{padding-bottom:55px}}
@media(max-width:520px){.topbar{height:64px}.start-view,.quiz-view,.result-view{min-height:calc(100vh - 64px)}.hero{padding:70px 24px}.test-picker{grid-template-columns:1fr}.test-picker button{min-height:84px;border-right:0;border-bottom:1px solid var(--ink)}.test-picker button:last-child{border-bottom:0}.test-picker .recommended:before{top:7px;right:8px;left:auto}.test-picker b{margin-bottom:5px}.party-stack{padding:44px 24px}.party-stack li{grid-template-columns:26px 1fr}.party-stack small{display:none}.quiz-top{padding:20px}.question-wrap{padding:42px 0}.question-wrap h2{font-size:38px}.result-intro,.results-column{padding:48px 24px}.result-card{grid-template-columns:30px 1fr auto;gap:10px}.result-score{width:58px;height:58px;font-size:16px}dialog{padding:36px 25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Refined 2026 visual system */
:root{--ink:#14213d;--paper:#f7f5ef;--acid:#d9f756;--orange:#ff6b4a;--blue:#5267e8;--line:rgba(20,33,61,.14)}
body{background:var(--paper)}
.topbar{position:relative;z-index:2;height:72px;background:rgba(247,245,239,.92);backdrop-filter:blur(14px)}
.brand{font-size:20px}.text-button{font-size:14px;text-decoration:none;border-bottom:1px solid currentColor;padding:4px 0}
.start-view{grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);min-height:calc(100vh - 72px)}
.hero{border-right:0;padding:clamp(64px,7vw,110px) clamp(28px,6.4vw,96px)}
.eyebrow{color:#5d6b83}.eyebrow span{height:4px;border-radius:99px}
h1{max-width:820px;font-size:clamp(54px,6.1vw,96px);line-height:.92}
h1 em{color:var(--blue)}h1 em:after{height:.14em;bottom:-.02em;background:var(--acid);border-radius:99px;transform:rotate(-1deg)}
.intro{max-width:680px;margin:34px 0 10px;color:#465169;font-size:clamp(18px,1.35vw,22px)}
.test-picker{gap:12px;width:min(700px,100%);margin-top:34px;border:0}
.test-picker button{min-height:136px;padding:22px;border:1px solid rgba(20,33,61,.18);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(20,33,61,.06);transition:transform 160ms,box-shadow 160ms,border-color 160ms}
.test-picker button:last-child{border-right:1px solid rgba(20,33,61,.18)}
.test-picker button:hover,.test-picker button:focus-visible{z-index:2;background:#fff;border-color:var(--blue);box-shadow:0 16px 34px rgba(20,33,61,.13);transform:translateY(-4px)}
.test-picker .recommended{background:var(--ink);color:#fff;border-color:var(--ink)}
.test-picker .recommended:hover,.test-picker .recommended:focus-visible{background:var(--blue);border-color:var(--blue)}
.test-picker .recommended:before{top:-12px;left:16px;border-radius:99px;background:var(--orange);color:#fff;letter-spacing:.06em}
.test-picker span{color:#748096}.test-picker .recommended span{color:#c9d0df}.test-picker b{font-size:24px}.test-picker small{font-size:12px}
.meta{margin-top:18px;color:#68748a;opacity:1}
.party-stack{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,4.5vw,66px);background:var(--ink);color:#fff}
.party-stack>p{color:var(--acid)}.party-stack ol{display:grid;grid-template-columns:1fr 1fr;column-gap:26px;border-top-color:rgba(255,255,255,.5)}
.party-stack li{grid-template-columns:26px minmax(0,1fr);gap:8px;min-height:35px;padding:9px 0;border-bottom-color:rgba(255,255,255,.12)}
.party-stack li b{color:#aab4c9;opacity:1}.party-stack li small{display:none}.party-stack li span{font-size:13px;line-height:1.2}.source-note{color:#aab4c9;opacity:1}
.quiz-top{background:#fff}.question-wrap{width:min(960px,calc(100% - 44px))}.question-wrap h2{font-size:clamp(40px,4.7vw,68px)}
.answer-grid{gap:10px;border:0}.answer-grid button{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(20,33,61,.04)}.answer-grid button:last-child{border-right:1px solid var(--line)}.answer-grid button:hover,.answer-grid button.is-selected{border-color:var(--ink);background:var(--acid)}
.importance,.outline-button{border-radius:10px}.quiz-next{border-radius:12px}.result-score{background:var(--acid)}
.democracy-note{border:0;border-radius:18px;background:#e8ecf7}.result-card{padding-left:12px;padding-right:12px;border-radius:12px}.result-card:hover{background:#fff}

@media(max-width:980px){.start-view{grid-template-columns:1fr}.party-stack{min-height:auto}.party-stack ol{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hero{padding:64px 22px}.test-picker{gap:10px}.test-picker button,.test-picker button:last-child{min-height:92px;border:1px solid rgba(20,33,61,.18);border-radius:14px}.test-picker .recommended{padding-top:30px}.test-picker .recommended:before{top:8px}.party-stack{padding:42px 22px}.party-stack ol{grid-template-columns:1fr}.answer-grid{gap:8px}.answer-grid button,.answer-grid button:last-child{border:1px solid var(--line);border-radius:11px}}