/* VarVote | The VAR Question — editorial redesign 2026-10
   Pure presentation layer. Vote, country, results and share handlers remain unchanged. */
:root{--vote-forest:#0a231b;--vote-pine:#15392a;--vote-green:#c8ff3d;--vote-paper:#f7f7f0;--vote-ink:#11261c;--vote-subtle:#55675b;--vote-rule:#d5dfd3}
body.global-page{background:var(--vote-paper);color:var(--vote-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.global-page .hero-shell{min-height:0;padding:0 clamp(18px,4vw,72px);background:var(--vote-forest);color:#fafdf8;overflow:hidden}
.global-page .hero-shell::before{content:none}
.global-page .site-nav{width:min(1290px,100%);min-height:76px;border-color:rgba(255,255,255,.19)}
.global-page .site-nav-links{gap:clamp(12px,2vw,28px)}
.global-page .site-nav-links>a{font-size:13px}
.global-page .site-language{margin-left:5px;border:1px solid rgba(255,255,255,.32);border-radius:4px;padding:9px 12px;background:#163629;color:#fff;font-size:12px;font-weight:850}
.global-page .site-nav a:focus-visible,.global-page button:focus-visible,.global-page select:focus-visible{outline:3px solid var(--vote-green);outline-offset:3px}
.global-page .hero#global-vote{display:grid;width:min(1290px,100%);min-height:0;margin:auto;padding:clamp(54px,6.5vw,96px) 0 clamp(65px,7vw,105px);grid-template-columns:minmax(0,1.09fr) minmax(390px,.91fr);gap:clamp(35px,5.1vw,92px);align-items:center}
.global-page .hero::after,.global-page .ballot::before,.global-page .ballot::after{content:none!important;display:none!important}
.global-page .hero-story{position:relative;min-width:0;padding:0 0 5px}
.global-page .eyebrow{margin:0 0 29px;gap:14px;align-items:center;flex-wrap:wrap;color:#b1caba;font-size:11px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}
.global-page .badge{padding:0;border:none;background:none;border-radius:0;color:var(--vote-green);font-size:11px;letter-spacing:.15em}
.global-page .eyebrow-separator{width:22px;height:1px;background:rgba(255,255,255,.4)}
.global-page .global-language-note{margin-left:0;color:#b1caba;font-size:11px;letter-spacing:0;text-transform:none}
.global-page .hero h1{max-width:800px;margin:0;font-weight:830;font-size:clamp(52px,6.15vw,92px);line-height:1.035;letter-spacing:-.067em;text-wrap:balance}
.global-page .hero h1 span{display:block}
.global-page .hero h1 span:first-child{color:#fbfdf9;font:inherit;letter-spacing:inherit;margin:0}
.global-page .hero h1 span:last-child{color:var(--vote-green);font:italic 400 clamp(56px,6.6vw,97px)/1.035 Georgia,"Times New Roman",serif;letter-spacing:-.055em;margin-top:6px}
.global-page .intro{max-width:600px;margin:30px 0 0;color:#c1d2c5;font-size:clamp(17px,1.55vw,21px);line-height:1.61;font-weight:400}
.global-page .hero-context{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:24px 0 0;margin-top:28px;border-top:1px solid rgba(255,255,255,.21)}
.global-page .hero-context p{max-width:350px;margin:0;color:#d1dccf;font-size:13px;line-height:1.55}
.global-page .hero-context a{font-size:13px;line-height:1.4;color:var(--vote-green);font-weight:800;text-underline-offset:5px;text-decoration-thickness:1px}
.global-page .trust{display:flex;align-items:flex-start;gap:7px 22px;flex-wrap:wrap;margin:21px 0 0;color:#54705b}
.global-page .trust span{padding:0;border:0;border-radius:0;background:none;color:#53675b;font-size:12px;font-weight:650}
.global-page .ballot{position:relative;z-index:2;margin:0;padding:clamp(25px,3vw,43px);border-radius:6px;border:1px solid #eff2e8;color:var(--vote-ink);background:#fcfdf9;box-shadow:15px 18px 0 rgba(200,255,61,.07),0 25px 70px rgba(0,0,0,.16);overflow:visible}
.global-page .ballot-top{padding-bottom:18px;border-bottom:1px solid var(--vote-rule);color:#3b6549;font-size:11px;font-weight:900;letter-spacing:.14em}
.global-page .ballot h2{max-width:440px;margin:22px 0 13px;font-size:clamp(27px,2.7vw,40px);font-weight:800;line-height:1.12;letter-spacing:-.045em}
.global-page .ballot .context{margin:0 0 28px;color:#57675b;font-size:14px;line-height:1.62}
.global-page .country-control{margin:0 0 18px}
.global-page .ballot .country-editor label{margin-bottom:9px;color:#344b3e;font-size:12px;font-weight:800}
.global-page .country-select{height:49px;padding:0 15px;border:1px solid #bbc9bc;border-radius:5px;background:#fff;color:#1c3828;box-shadow:none;font-size:14px}
.global-page .country-summary{min-height:34px;gap:9px;font-size:13px;color:#244c32}
.global-page .country-change{color:#205a38;font-weight:800}
.global-page .vote-options{grid-template-columns:1fr;gap:11px;margin:19px 0 0}
.global-page .vote-option{display:flex;align-items:center;width:100%;min-height:80px;gap:16px;padding:15px 17px;border:1px solid #c9d5c9;border-radius:5px;background:#fff;color:#183324;box-shadow:none;transition:border-color .16s,background .16s,transform .16s}
.global-page .vote-option[data-choice="yes"],.global-page .vote-option[data-choice="no"]{background:#fff}
.global-page .vote-option:hover{border-color:#438057;background:#f1f7ec;transform:translateX(2px)}
.global-page .vote-option.selected{border-color:#235b3b;background:#edf6e8;box-shadow:inset 0 0 0 1px #235b3b}
.global-page .vote-option .icon{width:43px;height:43px;border:1px solid #d8e4d5;border-radius:3px;background:#eef4e9;color:#1a5230;font-size:23px;font-weight:650}
.global-page .vote-option[data-choice="no"] .icon{background:#f7f1ed;border-color:#e8d8d0;color:#8c4b32}
.global-page .vote-option[data-choice="yes"].selected .icon{background:#bde89e}
.global-page .vote-option[data-choice="no"].selected .icon{background:#eccabb}
.global-page .vote-option strong{font-size:19px;line-height:1.15;letter-spacing:-.015em}
.global-page .vote-option small{margin-top:5px;color:#667469;font-size:12px;line-height:1.35}
.global-page .vote-confirm{margin:16px 0 0;min-height:0;color:#465b4e;font-size:13px;font-weight:750;line-height:1.45}
.global-page .change-window{border:1px solid #d0e5c8;border-radius:5px;background:#ebf5e4;color:#254931;line-height:1.5}
.global-page .ballot .privacy{padding-top:18px;margin:20px 0 0;border-top:1px solid var(--vote-rule);color:#637268;font-size:12px;line-height:1.55}
.global-page .results{position:relative;overflow:visible;padding:clamp(65px,7vw,108px) clamp(18px,4vw,72px);background:#f8f9f3;color:var(--vote-ink)}
.global-page .results::after{content:none}
.global-page .results-inner{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:28px clamp(40px,6vw,84px);align-items:center}
.global-page .result-head{margin:0;display:block}
.global-page .result-head .kicker,.global-page .method .kicker,.global-page .privacy-section .kicker{font-size:11px;color:#407155;letter-spacing:.14em;font-weight:850}
.global-page .result-head h2{max-width:470px;margin:0;font-size:clamp(40px,4.5vw,68px);line-height:1.04;letter-spacing:-.052em}
.global-page .result-head>p{max-width:460px;margin:23px 0 0;color:#53665a;font-size:16px;line-height:1.65}
.global-page .result-grid{width:100%;max-width:none;margin:0;gap:0}
.global-page .gauge-card{min-height:340px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:28px;border:1px solid #d7e0d3;border-radius:5px;background:#fff;box-shadow:none}
.global-page .gauge{width:min(430px,100%);align-self:center}
.global-page .gauge::after{background:#fff}
.global-page .gauge-center strong{font-size:clamp(44px,5.8vw,76px)}
.global-page .gauge-center small{font-size:11px;letter-spacing:.12em}
.global-page .gauge-center span{display:block;margin-top:6px;font-size:12px;color:#315d42}
.global-page .split-legend{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 0;border-top:1px solid #d4dfd3;padding-top:17px}
.global-page .split-legend>div{min-width:0}
.global-page .split-legend .split-name{display:block;font-size:12px;font-weight:750;color:#527160}
.global-page .split-legend strong{display:block;font-size:clamp(29px,3vw,45px);font-weight:850;letter-spacing:-.05em;line-height:1.3}
.global-page .split-legend .split-keep strong{color:#206648}
.global-page .split-legend .split-remove strong{color:#a25336}
.global-page .global-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.global-page .global-stat{padding:22px;border:1px solid #d7e0d3;border-radius:5px;background:#fff}
.global-page .global-stat small{font-size:11px;letter-spacing:.1em}
.global-page .global-stat strong{font-size:38px}
.global-page .result-building{grid-column:1/-1;margin:0;border:1px solid #d6dfd3;border-radius:4px;background:#fff;color:#45594c}
.global-page .share-panel{grid-column:1/-1;width:100%;margin:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border:0;border-top:1px solid #d0dacc;border-bottom:1px solid #d0dacc;border-radius:0;background:transparent}
.global-page .share-panel h3{font-size:22px;letter-spacing:-.03em}
.global-page .share-confirm{color:#286441}
.global-page .share-button{border:1px solid #28553a;border-radius:4px;padding:12px 18px;background:transparent;color:#1a4630}
.global-page .share-button.primary{background:#c8ff3d;border-color:#c8ff3d;color:#11261c}
.global-page .share-button:hover{background:#e9f2e6}
.global-page .share-button.primary:hover{background:#bff332}
.global-page .desktop-share button{border-radius:4px;background:#f6f8f3}
.global-page .country-panel{grid-column:1/-1;margin:0;padding:clamp(27px,4vw,52px);border-radius:5px;background:#102e22;color:#fff}
.global-page .country-panel h3{font-size:clamp(29px,3.4vw,45px);line-height:1.14;letter-spacing:-.04em}
.global-page .country-panel .kicker{color:#b7eb8d}
.global-page .country-row{grid-template-columns:minmax(100px,1fr) minmax(100px,2fr) 52px 52px}
.global-page .country-row .bar{height:9px;border-radius:2px}
.global-page .method{padding:clamp(62px,7vw,95px) clamp(18px,4vw,72px);background:#e8eee4}
.global-page .method::after{content:none}
.global-page .method-inner{width:min(1180px,100%)}
.global-page .method h2{max-width:930px;margin:0;font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.052em}
.global-page .method-lead{max-width:770px;margin:18px 0 0;font-size:17px;line-height:1.65;color:#4e6656}
.global-page .method-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}
.global-page .method article{padding:21px 0 0;border:0;border-top:2px solid #95b6a1;border-radius:0;background:transparent;box-shadow:none}
.global-page .method article::before{content:none}
.global-page .method article h3{margin:0 0 11px;font-size:21px;letter-spacing:-.025em;line-height:1.24}
.global-page .method article p{max-width:340px;margin:0;color:#4b6152;font-size:14px;line-height:1.66}
.global-page .method-link{display:inline-block;margin-top:33px;color:#265f40;font-weight:800;text-underline-offset:5px;font-size:14px}
.global-page .privacy-section{padding:clamp(44px,5vw,72px) clamp(18px,4vw,72px);background:#fff}
.global-page .privacy-inner{width:min(1180px,100%);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:clamp(35px,5vw,70px);grid-template-areas:"kicker copy" "title copy"}
.global-page .privacy-section h2{font-size:clamp(30px,3.5vw,45px);line-height:1.11}
.global-page .privacy-copy{grid-area:copy}
.global-page .privacy-copy p{margin:0;color:#536458;font-size:15px;line-height:1.67}
.global-page .privacy-copy a{display:inline-block;margin-top:16px;color:#255c3d;font-size:14px;font-weight:800;text-underline-offset:5px}
.global-page .global-reading{padding:clamp(60px,6vw,85px) clamp(18px,4vw,72px) clamp(72px,7vw,100px);background:#f7f8f2;color:var(--vote-ink)}
.global-page .global-reading-inner{width:min(1180px,100%)}
.global-page .global-reading h2{font-size:clamp(35px,4vw,54px);line-height:1.07;letter-spacing:-.05em;margin:10px 0 17px}
.global-page .global-reading-inner>p:not(.global-reading-kicker){max-width:660px;font-size:16px;line-height:1.63;color:#526459}
.global-page .global-reading-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;margin:32px 0 20px}
.global-page .global-reading-links a{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:17px 26px 17px 0;border:0;border-top:1px solid #c9d8c9;border-radius:0;background:transparent;color:#1f5638;font-weight:800;font-size:16px;line-height:1.4}
.global-page .global-reading-links a:hover{background:transparent;color:#092e1d;text-decoration:underline;text-underline-offset:5px}
.global-page .global-reading-all{text-underline-offset:5px}
.global-page footer{display:flex;align-items:flex-start;flex-wrap:wrap;gap:20px 28px;padding:42px clamp(18px,4vw,72px);color:#b2c9b7;background:#082017;font-size:12px;line-height:1.8}
.global-page footer span:nth-child(3){flex:1 1 340px}
.global-page footer a{color:#c8daca;text-decoration:none}
.global-page footer a:hover{text-decoration:underline;text-underline-offset:4px}
.global-page .toast{border-radius:5px;background:#123e29}
@media(max-width:1000px){
 .global-page .hero#global-vote{grid-template-columns:minmax(0,.95fr) minmax(365px,1.05fr);gap:28px}
 .global-page .hero h1{font-size:clamp(49px,6.5vw,73px)}
 .global-page .hero h1 span{font-size:clamp(52px,7vw,78px)}
 .global-page .results-inner{grid-template-columns:1fr;gap:30px}
 .global-page .result-head h2{max-width:720px}
 .global-page .result-grid{max-width:640px}
 .global-page .share-panel,.global-page .country-panel,.global-page .result-building{grid-column:1}
}
@media(max-width:820px){
 .global-page .site-nav{min-height:72px}
 .global-page .hero#global-vote{grid-template-columns:1fr;padding:48px 0 74px;gap:36px}
 .global-page .hero-story{max-width:730px}
 .global-page .hero h1{max-width:650px;font-size:clamp(56px,9vw,78px)}
 .global-page .hero h1 span{font-size:clamp(58px,9.5vw,83px)}
 
 .global-page .ballot{max-width:650px}
 .global-page .method-grid{grid-template-columns:1fr;gap:17px}
 .global-page .method article p{max-width:690px}
 .global-page .privacy-inner{grid-template-columns:1fr;grid-template-areas:"kicker" "title" "copy";row-gap:15px}
}
@media(max-width:560px){
 .global-page .hero-shell{padding:0 17px}
 .global-page .site-nav{min-height:70px}
 .global-page .site-nav.has-mobile-menu{padding:10px 0}
 .global-page .site-nav.has-mobile-menu .site-nav-links{gap:0}
 .global-page .site-language{margin:8px 12px}
 .global-page .hero#global-vote{padding:37px 0 60px;gap:26px}
 .global-page .eyebrow{flex-direction:row;margin-bottom:18px;gap:8px}
 .global-page .eyebrow-separator{width:12px}
 .global-page .hero h1{font-size:clamp(49px,12.5vw,68px);line-height:1.02}
 .global-page .hero h1 span{font-size:clamp(51px,13vw,72px)}
 .global-page .intro{margin-top:20px;font-size:16px;line-height:1.52}
 .global-page .hero-context{gap:9px;margin-top:19px;padding-top:17px}
 .global-page .hero-context p{font-size:12px}
 
 .global-page .ballot{padding:25px 20px 23px;box-shadow:7px 9px 0 rgba(200,255,61,.07)}
 .global-page .ballot h2{font-size:28px}
 .global-page .ballot .context{font-size:13px}
 .global-page .vote-option{min-height:74px;padding:12px}
 .global-page .vote-option strong{font-size:17px}
 .global-page .vote-option small{font-size:11px}
 .global-page .results{padding:58px 17px 72px}
 .global-page .result-head h2{font-size:clamp(37px,10vw,48px)}
 .global-page .gauge-card{min-height:290px;padding:23px 15px}
 .global-page .global-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .global-page .global-stat{padding:17px}
 .global-page .global-stat strong{font-size:31px}
 .global-page .share-panel{align-items:stretch;flex-direction:column}
 .global-page .share-actions{justify-content:flex-start}
 .global-page .country-panel{padding:28px 20px;margin:0;border-radius:4px}
 .global-page .country-row{grid-template-columns:minmax(72px,1fr) minmax(50px,1.25fr) 34px 34px;gap:7px;font-size:11px}
 .global-page .method{padding:58px 17px 68px}
 .global-page .method h2{font-size:clamp(33px,8.6vw,44px)}
 .global-page .method-lead{font-size:15px}
 .global-page .privacy-section{padding:52px 17px}
 .global-page .global-reading{padding:56px 17px 65px}
 .global-page .global-reading h2{font-size:38px}
 .global-page .global-reading-links{grid-template-columns:1fr}
 .global-page .global-reading-links a{min-height:61px}
 .global-page footer{padding:37px 17px;flex-direction:column;gap:13px}
 .global-page footer span:nth-child(3){flex:auto}
}
@media(prefers-reduced-motion:reduce){.global-page .vote-option{transition:none;transform:none!important}}

.global-page .country-row-head{font-size:10px;letter-spacing:.035em;text-transform:uppercase;color:#acc8b3;font-weight:750}
.global-page .country-row-head span{line-height:1.3}
.global-page .country-row-head span:nth-child(3),.global-page .country-row-head span:nth-child(4){overflow-wrap:anywhere}
@media(max-width:560px){
 .global-page .country-row-head span:nth-child(3),.global-page .country-row-head span:nth-child(4){font-size:0}
 .global-page .country-row-head span:nth-child(3)::after{content:"✓";font-size:17px;color:#85cba5}
 .global-page .country-row-head span:nth-child(4)::after{content:"×";font-size:18px;color:#e6a48d}
}


/* Content pass: one direct question, no decorative pitch or redundant panels. */
.global-page .hero#global-vote{padding:clamp(42px,5vw,68px) 0 clamp(56px,5vw,78px);gap:clamp(36px,5vw,88px)}
.global-page .eyebrow{margin:0 0 19px}
.global-page .eyebrow .badge{font-size:11px;letter-spacing:.12em}
.global-page .hero h1{max-width:670px;font-size:clamp(47px,5.5vw,76px);font-weight:750;line-height:1.07;letter-spacing:-.054em}
.global-page .hero h1 span:first-child,.global-page .hero h1 span:last-child{font:inherit;letter-spacing:inherit;line-height:inherit}
.global-page .hero h1 span:first-child{color:#fbfdf9}
.global-page .hero h1 span:last-child{margin-top:2px;color:var(--vote-green)}
.global-page .intro{margin:23px 0 0;max-width:570px;font-size:clamp(17px,1.55vw,20px);line-height:1.6}
.global-page .hero-context{display:block;padding:0;margin:26px 0 0;border:0}
.global-page .hero-context a{font-size:14px;font-weight:750}
.global-page .ballot{padding:clamp(25px,2.9vw,39px);box-shadow:0 20px 65px rgba(0,0,0,.18);border-radius:5px}
.global-page .ballot-top{padding-bottom:15px}
.global-page .ballot h2{font-size:clamp(25px,2.5vw,33px);line-height:1.18;margin:21px 0 26px;font-weight:700;letter-spacing:-.03em}
.global-page .vote-option strong{font-size:18px;font-weight:750}
.global-page .vote-confirm{font-size:12px;color:#5b6d60;margin-top:14px;font-weight:600}
.global-page .method{padding:42px clamp(18px,4vw,72px) 48px;background:#e8eee4}
.global-page .method-inner{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);grid-template-areas:"tag lead" "heading lead" "heading link";column-gap:clamp(30px,6vw,90px);row-gap:9px;align-items:start}
.global-page .method .kicker{grid-area:tag;margin:0}
.global-page .method h2{grid-area:heading;margin:0;font-size:clamp(28px,3vw,39px);font-weight:750;line-height:1.14}
.global-page .method-lead{grid-area:lead;margin:0;max-width:690px;font-size:16px;line-height:1.62}
.global-page .method-link{grid-area:link;justify-self:start;align-self:start;margin:4px 0 0;font-size:13px}
.global-page .global-reading{padding:55px clamp(18px,4vw,72px) 70px}
.global-page .global-reading h2{font-size:clamp(33px,3.6vw,47px);line-height:1.16;font-weight:750}
.global-page .global-reading-links{margin:25px 0 18px}
@media(max-width:820px){
  .global-page .hero#global-vote{padding:42px 0 55px}
  .global-page .hero h1{font-size:clamp(44px,8vw,66px)}
  .global-page .hero h1 span:last-child{font:inherit}
  .global-page .method-inner{grid-template-columns:1fr;grid-template-areas:"tag" "heading" "lead" "link";row-gap:12px}
  .global-page .method h2{font-size:32px}
}
@media(max-width:560px){
  .global-page .hero#global-vote{padding:33px 0 51px;gap:29px}
  .global-page .hero h1{font-size:clamp(43px,10.7vw,59px);line-height:1.075}
  .global-page .hero h1 span:last-child{font:inherit}
  .global-page .ballot{box-shadow:0 12px 34px rgba(0,0,0,.14)}
  .global-page .ballot h2{font-size:27px}
  .global-page .method{padding:36px 17px 40px}
  .global-page .method h2{font-size:30px}
  .global-page .method-lead{font-size:15px}
  .global-page .global-reading{padding:48px 17px 58px}
}