@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#202b29;background:#f5f7f6;font-synthesis:none;--green:#18483b;--muted:#687672;--line:#dce3df;--lime:#d8ee98}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #768e30;outline-offset:4px}header{height:92px;padding:0 6%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff}.brand{font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.logo{display:grid;place-items:center;width:35px;height:35px;background:var(--green);color:var(--lime);border-radius:11px;font-size:23px}.edition{font-size:13px;color:var(--muted);letter-spacing:1px}.text-button{border:0;background:transparent;color:var(--muted);font-size:14px;padding:12px}.shell{max-width:1180px;margin:55px auto;padding:0 30px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;color:var(--muted)}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:42px;letter-spacing:-1.7px;margin:12px 0 16px;line-height:1.2}p{line-height:1.6}.muted{color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.intro p{margin:0;max-width:570px}.step-label{font-size:14px;white-space:nowrap}.step-label strong{font-size:23px;color:var(--green)}.quiz-layout{display:grid;grid-template-columns:220px 1fr;gap:36px}.sidebar{padding-top:20px}.sidebar h3{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0 0 19px}.topics{display:flex;flex-direction:column;gap:4px}.topic{display:flex;align-items:center;gap:11px;background:none;border:0;text-align:left;padding:8px 10px;border-radius:8px;font-size:14px;color:#738079}.topic .n{font-size:12px;width:23px;height:23px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.topic.active{background:#e3ebe5;color:var(--green);font-weight:700}.topic.active .n{background:var(--green);color:white;border-color:var(--green)}.topic.done .n{border-color:#aabcae;color:#275f46;background:#ecf1ec}.card{background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 40px #24382b06;overflow:hidden}.progress{height:4px;background:#ebefec}.progress div{height:100%;background:#8aa962;transition:width .4s}.question{padding:38px 40px 30px;animation:appear .35s ease}.question-top{display:flex;justify-content:space-between;align-items:center}.tag{border:1px solid #d9e3d6;color:#526d49;border-radius:30px;padding:7px 12px;font-size:12px}.question h2{font-size:31px;line-height:1.38;letter-spacing:-.8px;min-height:128px;margin:26px 0 24px}.argument-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);padding-top:24px}.argument h3{font-family:inherit;display:flex;gap:9px;align-items:center;font-size:14px;margin:0}.argument p{font-size:15px;line-height:1.65;color:#65726c;margin:12px 0 25px}.sign{display:grid;place-items:center;width:23px;height:23px;background:#eaf0e6;color:#577447;border-radius:50%;font-size:17px}.con .sign{background:#f3ede7;color:#976c48}.answers{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.answer{border:1px solid var(--line);border-radius:11px;background:white;padding:17px 8px;font-weight:600;transition:transform .18s,background .18s,border-color .18s}.answer:hover{transform:translateY(-2px);border-color:#829b8b;background:#f3f7ef}.answer.selected{background:var(--green);color:white;border-color:var(--green)}.answer span{margin-right:9px;font-size:19px}.navrow{margin-top:24px;display:flex;justify-content:space-between;align-items:center}.primary{border:0;border-radius:10px;padding:14px 22px;background:var(--green);color:white;font-weight:600}.primary:hover{background:#286451}.hint{font-size:12px;color:#839088}.bottom-note{font-size:13px;color:var(--muted);text-align:center;margin-top:20px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 6%;font-size:12px;color:var(--muted);gap:20px}.results-grid{display:grid;grid-template-columns:310px 1fr;gap:25px}.rankings{padding:24px}.rankings h2{font-size:20px;margin:0 0 8px}.rankings>p{font-size:13px;margin-top:0}.rank-item{padding:16px 0;border-bottom:1px solid #edf0ed}.rank-line{display:flex;align-items:center;gap:10px}.rank-line strong{font-size:15px}.rank-line .percent{margin-left:auto;font-family:Manrope;font-weight:800}.swatch{width:10px;height:10px;border-radius:50%;background:var(--party)}.bar{height:5px;background:#eff2ef;border-radius:5px;margin:11px 0 5px;overflow:hidden}.bar span{display:block;height:100%;background:var(--party);border-radius:5px;animation:grow .8s ease}.coverage{font-size:11px;color:var(--muted)}.graph-card{padding:26px}.graph-top{display:flex;justify-content:space-between;gap:15px}.graph-top h2{font-size:21px;margin:0 0 7px}.graph-top p{font-size:14px;margin:0}.graph-legend{font-size:11px;color:var(--muted);white-space:nowrap}.graph-wrap{position:relative;min-width:0}.network{display:block;width:100%;height:auto;overflow:visible}.edge{fill:none;stroke:#d3ddd6;stroke-width:1;opacity:.28;transition:stroke .2s,opacity .2s,stroke-width .2s}.edge.lit{stroke-width:2.4;opacity:.9}.node text{font-family:'DM Sans',sans-serif;font-size:13px;fill:#67766d;transition:fill .2s}.node{cursor:pointer;outline:none}.node circle{fill:#fff;stroke:#b9c8bd;stroke-width:1.5}.node.active circle,.node:focus-visible circle{fill:#204f3e;stroke:#204f3e}.node.active text,.node:focus-visible text{fill:#173f30;font-weight:700}.party-node text{font-size:15px;font-weight:700}.graph-detail{border-top:1px solid var(--line);min-height:111px;padding-top:17px;font-size:14px;line-height:1.6}.graph-detail strong{color:var(--green)}.graph-detail p{margin:5px 0;color:var(--muted)}.method{margin-top:24px;padding:21px 25px;background:#edf1ec;border-radius:15px;font-size:14px;color:#596b60}.method summary{cursor:pointer;color:#314d3c;font-weight:600}.method p{max-width:920px}.method a{color:#315a41;margin-right:15px;line-height:2}.result-actions{display:flex;gap:12px;margin-top:22px}.all-skipped{padding:35px}.all-skipped h2{margin-top:0}.loading-note{color:var(--muted);font-size:13px}.statement-review{margin:25px 0}.review-row{display:flex;gap:16px;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.review-row button{background:transparent;border:0;color:var(--green);font-weight:600}.result-head h1{margin-bottom:12px}.result-head{margin-bottom:30px}.kicker{display:flex;gap:12px;align-items:center}.pill{font-size:12px;color:#426341;background:#e5eddf;padding:7px 11px;border-radius:20px}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes grow{from{width:0}}@media(max-width:900px){.shell{margin-top:32px}.quiz-layout{grid-template-columns:1fr}.sidebar{padding:0}.sidebar h3{display:none}.topics{flex-direction:row;gap:5px;flex-wrap:wrap}.topic{padding:3px}.topic .topic-name{display:none}.topic .n{width:27px;height:27px}.results-grid{grid-template-columns:1fr}.rankings{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.rankings h2,.rankings>p{grid-column:1/-1}.question h2{min-height:0}.graph-card{padding:24px}.edition{display:none}}@media(max-width:540px){header{height:72px;padding:0 20px}.brand{font-size:18px}.shell{padding:0 18px;margin-top:27px}h1{font-size:31px}.intro{align-items:start;gap:15px}.intro p{font-size:14px}.step-label{padding-top:20px}.question{padding:24px 20px}.question h2{font-size:25px;margin:24px 0}.argument-grid{gap:16px}.argument p{font-size:14px}.answer{padding:14px 3px;font-size:13px}.answer span{margin-right:3px}.tag{font-size:11px}.hint{display:none}.graph-card{padding:19px 10px}.graph-top,.graph-detail{padding-left:8px;padding-right:8px}.graph-top{display:block}.graph-legend{margin-top:8px}.network .node text{font-size:15px}.network .party-node text{font-size:17px}footer{font-size:11px;padding:20px;flex-wrap:wrap}.rankings{padding:20px;gap:0 18px}.rank-line strong{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
