:root{color-scheme:dark;--navy:#06213d;--deep:#041a31;--panel:#0a2a47;--line:#8ca2b7;--muted:#bfcedc;--yellow:#f4cb21;--contra:#8971aa;--pro:#b18b36;--abstain:#7d898f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--navy);color:#f8fafc;font:15px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,summary{cursor:pointer}a,button,input,textarea,select,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.skip{position:absolute;left:16px;top:-100px;z-index:99;background:white;color:var(--deep);padding:12px}.skip:focus{top:12px}.preview{padding:7px 4%;background:var(--deep);font-size:9px;letter-spacing:1.5px;color:#d5dfeb;display:flex;justify-content:space-between;gap:15px}.preview span{letter-spacing:.3px}header{max-width:1440px;margin:auto}.masthead{padding:14px 36px 10px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:block;width:610px;max-width:75%;text-decoration:none}.brand-image{display:block;aspect-ratio:655/120;background:url('brand-reference.png') no-repeat;background-size:234.504% auto;background-position:5.108% 0}.edition{font-size:11px;letter-spacing:1.5px;line-height:1.9;color:#d4dfeb;text-align:right}.edition small{font-size:10px;letter-spacing:0;color:#adbdcf}nav{display:flex;justify-content:space-evenly;border-top:1px solid #b5c8da70;border-bottom:1px solid #b5c8da70;padding:0 30px}nav a{position:relative;padding:13px 12px;text-decoration:none;font-size:16px}nav a:after{content:'';position:absolute;bottom:0;height:4px;left:0;right:0;background:transparent}nav a:hover:after,nav a.active:after{background:var(--yellow)}main{max-width:1360px;padding:0 32px;margin:auto}.hero{padding:40px 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.hero-copy{padding:4px 0 25px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#c8d6e2}.hero .eyebrow{color:#d5deea;font-size:9px;margin-bottom:23px}h1{font-size:clamp(36px,4vw,60px);line-height:1.1;letter-spacing:-1.6px;font-weight:750;margin:0 0 23px}h1:after{content:'';display:block;width:82%;height:5px;background:var(--yellow);transform:rotate(-1deg);margin-top:25px}.intro{font-size:17px;line-height:1.6;max-width:530px;color:#e6edf5}.hero-link{font-size:12px;text-decoration:none;display:inline-flex;gap:40px;align-items:center;padding:8px 0;border-bottom:1px solid #abbbc7;margin-top:9px}.hero-link span{font-size:22px;color:var(--yellow)}.hero-photo{margin:0;min-width:0}.photo-frame{position:relative;overflow:hidden;border-radius:3px}.photo-frame img{width:100%;height:auto;display:block;filter:grayscale(.6) saturate(.7)}.photo-frame:after{content:'';position:absolute;inset:0;background:rgba(158,161,164,.22);pointer-events:none}figcaption{color:#b7c7d7;font-size:9px;line-height:1.6;padding:8px 0}figcaption a{color:#d8e2ed}section{padding:38px 0;border-bottom:1px solid #b5c8da40}section.hero{border:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px}.section-head h2{margin:5px 0 0}h2{font-size:30px;font-weight:650;letter-spacing:-.7px;line-height:1.2}h3{font-size:23px;line-height:1.3;margin:20px 0}h4{font-size:17px;margin:7px 0}.badge{font-size:9px;letter-spacing:.6px;border:1px solid #92a9bc80;padding:4px 8px;color:#d9e2ec;white-space:nowrap}.compact{margin:0 0 12px}.compact .eyebrow{margin:0}#vote{padding:6px 0 25px;border:0}.vote-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:var(--panel);border:1px solid #becddd;border-radius:14px;padding:22px 26px}.panel-title{font-size:18px;letter-spacing:.1px;margin:0 0 19px;padding-bottom:14px;border-bottom:1px solid #adbfce;font-weight:700}.card label,form>label{display:block;font-size:11px;font-weight:600;margin:0 0 7px;color:#d4dfeb}select,input[type=search],textarea{color:#f8fafc;background:#102f4a;border:1px solid #8aa0b5;border-radius:5px;padding:10px 12px;width:100%;display:block;font-size:12px}select{padding-right:26px}select option{background:var(--navy);color:white}#question-text{font-size:25px;line-height:1.22;margin:18px 0 8px}#question-context{font-size:11px;color:var(--muted);margin:0 0 17px}fieldset{display:flex;gap:10px;border:0;padding:0;margin:17px 0}legend{font-size:11px;color:#d4dfeb;margin-bottom:9px}.choice{display:flex!important;align-items:center;justify-content:center;gap:6px;border:1px solid #b1a3c9;border-radius:7px;flex:1;margin:0!important;padding:13px 6px;background:#65557e;color:white!important;font-size:13px!important;cursor:pointer}.choice:has([value="1"]){background:#7b622c;border-color:#d0af59}.choice:has([value="2"]){background:#4f5c62;border-color:#9aa8ad}.choice:has(input:checked){outline:2px solid #fff;outline-offset:2px}.choice input{accent-color:white;width:13px;height:13px;margin:0}.choice .dot{display:none}.button{display:inline-block;background:var(--yellow);color:#09243d;font-size:12px;padding:11px 20px;border:0;border-radius:5px;text-decoration:none;font-weight:700}.button:hover{background:#ffe06a}.fine{font-size:11px;color:var(--muted);line-height:1.6}.card>.fine{font-size:10px;margin:15px 0 0}#vote-message{font-size:12px;color:#f9de73;margin:12px 0 0}#vote-message:empty{display:none}.result{display:flex;flex-direction:column}.result-context{font-size:10px;letter-spacing:.6px;color:var(--muted);margin:0 0 10px}.result-context span{display:block;font-size:16px;color:#fff;letter-spacing:0;margin-top:8px;line-height:1.4}#global-result{display:flex;flex-direction:column;margin:24px 0 0}.bars{display:flex;height:13px;gap:2px;border-radius:4px;overflow:hidden;margin:15px 0}.segment:nth-child(1){background:var(--contra)}.segment:nth-child(2){background:var(--pro)}.segment:nth-child(3){background:var(--abstain)}.legend{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.legend strong{display:block;font-size:27px;font-weight:700;letter-spacing:-.8px;white-space:nowrap;line-height:1.25}.legend span{display:block;font-size:11px;margin-top:5px}.dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}.contra{background:var(--contra)}.pro{background:var(--pro)}.abstain{background:var(--abstain)}.basis{font-size:10px;color:var(--muted);margin:16px 0 8px}#global-result .legend{order:0;gap:0;text-align:center}#global-result .legend>div{border-left:1px solid #8ca2b7}#global-result .legend>div:first-child{border:0}#global-result .legend strong{font-size:clamp(32px,3.4vw,49px)}#global-result .legend span{font-size:16px}#global-result .legend .dot{display:none}#global-result .bars{order:1;height:28px;margin:25px 0 8px;border:1px solid #d7dfeb}#global-result .basis{order:2;text-align:center}.text-button{display:block;background:none;color:#dbe5ef;border:0;border-bottom:1px solid #718ba1;font-size:11px;padding:7px 0;width:fit-content;margin-top:9px}.result #reset{margin-top:auto;padding-top:20px}.explore-links{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #91a8bd;border-bottom:1px solid #91a8bd;padding:18px 0;margin:3px 0 25px}.explore-links a{display:flex;justify-content:center;gap:30px;flex:1;text-decoration:none;font-size:16px;border-left:1px solid #91a8bd}.explore-links a:first-child{border:0}.launch{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#102e48;border-radius:4px;margin:0 0 15px}.launch strong{font-size:12px;font-weight:600}.launch p{font-size:11px;color:var(--muted);margin:4px 0 0}.status-dot{width:7px;height:7px;background:var(--yellow);border-radius:50%;flex-shrink:0}.filters{display:flex;gap:20px;margin:20px 0 10px}.filters label{font-size:11px;display:block}.filters label:first-child{flex:1;max-width:440px}.filters input,.filters select{margin-top:7px}.countries{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:22px}.country{padding:20px;background:#0b2b47;border:1px solid #69849c;border-radius:8px}.country h3{font-size:18px;margin:0 0 5px}.country>.fine{font-size:9px;letter-spacing:1px}.country .bars{height:10px}.country .legend{gap:8px}.facts-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:55px}.facts-grid p{font-size:13px;color:var(--muted)}.facts-grid h3{margin-top:0}.timeline{border-left:1px solid #8ca2b7;padding-left:23px;margin-top:28px}.timeline article{margin-bottom:25px}.timeline span{font-size:9px;letter-spacing:1px;color:#dfcc71}.source-card{align-self:start;background:#11324e;border-radius:8px;padding:28px;border:1px solid #637f98}.source-card>span{font-size:36px;color:var(--yellow)}.source-card h3{margin:12px 0}.source-card .fine{font-size:11px;border-top:1px solid #7690a580;padding-top:17px}.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}blockquote{margin:0;padding:20px 0;border-top:3px solid var(--contra)}blockquote:nth-child(2){border-color:var(--pro)}blockquote:nth-child(3){border-color:var(--abstain)}blockquote>span{font-size:9px;letter-spacing:1px;color:#d5dfe9}blockquote p{font:22px/1.5 Georgia,serif}blockquote footer{font-size:10px;color:var(--muted)}details{padding:17px 0;border-top:1px solid #637f98}summary{font-size:13px;font-weight:600}details p{font-size:12px;color:var(--muted)}details form{padding:20px 0;max-width:650px}textarea{margin-bottom:13px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.method h2{margin:12px 0 28px}.site-footer{max-width:1360px;padding:30px 32px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center}.footer-brand{width:315px}.site-footer p,.site-footer>a:not(.brand){font-size:11px;color:var(--muted)}.site-footer>span{display:block;width:100%;font-size:9px;letter-spacing:1.3px;color:var(--muted);border-top:1px solid #637f98;padding-top:17px}noscript{display:block;padding:20px;background:#453817}
@media(max-width:1000px){.masthead{padding:12px 25px}.brand{width:510px}.edition{font-size:8px}.edition small{font-size:8px}.hero{gap:24px;padding-top:30px}h1{font-size:42px}.intro{font-size:15px}.hero .eyebrow{font-size:8px}.card{padding:20px}.choice{font-size:11px!important;padding:12px 3px;gap:4px}.countries{grid-template-columns:repeat(2,1fr)}.legend strong{font-size:25px}.explore-links a{font-size:14px;gap:15px}}
@media(max-width:700px){main{padding:0 19px}.preview{padding:7px 19px;display:block;font-size:8px}.preview span{display:block;margin-top:2px;font-size:8px}.masthead{padding:12px 16px}.brand{width:610px;max-width:100%}.edition{display:none}nav{padding:0 8px;gap:2px;justify-content:space-between}nav a{font-size:12px;padding:11px 8px}.hero{grid-template-columns:1fr;gap:0;padding:27px 0 16px}.hero-copy{padding-bottom:22px}h1{font-size:clamp(35px,7.8vw,49px);letter-spacing:-1px}.hero .eyebrow{font-size:8px;margin:0 0 15px}.intro{font-size:15px;margin-bottom:9px}h1:after{margin-top:20px;width:79%}.hero-link{font-size:11px;padding:2px 0}.hero-photo{width:100%;max-width:540px;margin:0 auto}figcaption{font-size:9px}.vote-grid{grid-template-columns:1fr;gap:17px}.card{padding:22px}.panel-title{font-size:17px}.badge{font-size:8px}.compact .eyebrow{font-size:9px}#question-text{font-size:25px}.choice{padding:14px 5px;font-size:13px!important}.result{min-height:350px}#global-result{margin-top:16px}#global-result .legend strong{font-size:43px}#global-result .legend span{font-size:15px}.explore-links{gap:8px;padding:16px 0;margin-top:0}.explore-links a{display:block;font-size:11px;text-align:center}.explore-links span{margin-left:4px}.launch{padding:13px}.launch p{font-size:10px}.section-head{display:block}.section-head .badge{display:inline-block;margin-top:12px}.section-head.compact{display:flex}.section-head.compact .badge{margin-top:0}section{padding:32px 0}h2{font-size:28px}.filters{display:block}.filters label{margin-top:13px}.filters label:first-child{max-width:none}.countries,.facts-grid,.voice-grid,.method-grid{grid-template-columns:1fr}.countries{gap:13px}.facts-grid{gap:20px}.country .legend strong{font-size:29px}.voice-grid{gap:10px}blockquote p{font-size:22px}.site-footer{padding:25px 19px}.footer-brand{width:300px;max-width:100%}}
@media(max-width:360px){nav a{padding:10px 4px;font-size:11px}main{padding:0 14px}.card{padding:18px}.choice{font-size:11px!important}.choice input{width:11px;height:11px}#global-result .legend strong{font-size:35px}.badge{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
