@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
/* BU1ST Technologies Sydney · Fiji referendum · Independent editorial design */
:root{--bg:#f3f6f4;--surface:#ffffff;--ink:#102b39;--muted:#627883;--edge:#dbe6e3;--navy:#063c53;--teal:#006f78;--sea:#0b8f93;--aqua:#dcf2ed;--sand:#e9d0a0;--gold:#b9884a;--serif:Georgia,'Times New Roman',serif;--body:'DM Sans','Manrope',system-ui,-apple-system,sans-serif;--display:'Space Grotesk',var(--body)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:115px}
body{margin:0;background:var(--bg);color:var(--ink);font:500 13px/1.7 var(--body);-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #cf9e58;outline-offset:4px}
[hidden]{display:none!important}
.skip{position:absolute;top:-110px;left:12px;padding:10px 18px;background:#f4e39a;color:#102b39;z-index:200;font-weight:800}
.skip:focus{top:10px}
.wrap{width:min(1240px,calc(100% - 76px));margin-inline:auto}
.rail{min-height:33px;display:flex;align-items:center;justify-content:center;gap:12px;padding:7px 25px;background:#e6f0ed;color:#3f6970;border-bottom:1px solid #d2e2dd;font-size:10px;line-height:1.4}
.rail strong{font-size:9px;letter-spacing:.09em;color:#0c5f65;white-space:nowrap}
.rail-dot{width:6px;height:6px;flex:0 0 6px;border:1.5px solid #157b74;border-radius:50%}
.rail a{color:#00697a;font-weight:800;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.header{background:#fff;border-bottom:1px solid #dbe6e3}
.header-main{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo{display:flex;align-items:center;gap:19px;color:#0b2c3c;min-width:0}
.logo-main{font:800 29px/.9 var(--display);letter-spacing:-.09em;white-space:nowrap}
.logo-main span{color:#f1a75c}
.logo-side{display:flex;flex-direction:column;gap:5px;border-left:1px solid #b9d3d1;padding-left:16px;font:800 11px/1.15 var(--display);letter-spacing:.14em;white-space:nowrap}
.logo-side small{font:650 8px/1.15 var(--body);letter-spacing:.075em;color:#84969e}
.header-right{display:flex;align-items:center;gap:22px}
.header-info{font:750 9px/1.4 var(--body);letter-spacing:.075em;color:#85969a;white-space:nowrap}
.all-sites{padding:10px 13px;border:1px solid #bfd2cf;border-radius:7px;color:#17566a;font:800 11px/1.1 var(--body);white-space:nowrap}
.all-sites:hover{border-color:#006b77;background:#eaf4f1}
.nav{position:sticky;top:0;z-index:45;background:#fff;border-bottom:1px solid #d6e2df;box-shadow:0 5px 12px rgba(5,48,57,.035)}
.nav-scroll{display:flex;align-items:center;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a3bdb9 transparent;white-space:nowrap;gap:7px}
.nav button{position:relative;flex:0 0 auto;background:transparent;border:0;color:#617883;font:750 11px/1.4 var(--body);padding:16px 15px 15px;white-space:nowrap}
.nav button:hover{color:#006776;background:#f3f8f6}
.nav button[aria-selected="true"]{color:#075b68;background:#eef8f5}
.nav button[aria-selected="true"]:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:3px;background:#098a89}
.main{padding-bottom:37px}
.view{min-height:640px}
.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:0;overflow:hidden;border:1px solid #d5e2dc;border-radius:15px;margin:23px 0 15px;background:#fdfefb;box-shadow:0 14px 35px rgba(4,49,64,.05)}
.hero-copy{padding:43px clamp(28px,3.4vw,51px) 38px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;min-width:0}
.section-index{display:inline-flex;align-items:center;gap:9px;color:#347e81;font:850 10px/1.5 var(--body);letter-spacing:.065em}
.tiny-line{width:16px;height:2px;background:#f4b467}
.hero h1{font:600 clamp(36px,4.1vw,61px)/1.06 var(--display);letter-spacing:-.064em;margin:19px 0 20px;color:#0b3041;max-width:650px}
.hero h1 em{font:italic 500 1.02em/1.08 var(--serif);letter-spacing:-.065em;color:#087b7d}
.lead{font:570 clamp(13px,1.27vw,16px)/1.7 var(--body);color:#3c5869;max-width:525px;margin:0 0 12px}
.lead-sub{font:500 12px/1.75 var(--body);color:#70858a;max-width:525px;margin:0}
.hero-ctas{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:24px 0 23px}
.btn{border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:11px 14px;min-height:43px;font:750 11px/1.4 var(--body)}
.btn-primary{background:#064e62;color:white;border:1px solid #064e62}
.btn-primary:hover{background:#0b7282}
.btn-subtle{background:white;color:#166879;border:1px solid #c7ddd6}
.btn-subtle:hover{background:#edf8f3}
.hero-proof{font:650 9px/1.6 var(--body);color:#77918f;letter-spacing:.018em;display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.dot-green{width:6px;height:6px;border-radius:50%;background:#218b84}
.proof-sep{color:#c0cfcb}
.hero-art{position:relative;background:#064f60;min-height:420px;overflow:hidden}
.hero-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 42%,rgba(1,21,42,.31) 100%)}
.island-art{display:block;position:absolute;inset:0;width:100%;height:100%}
.art-caption{position:absolute;left:28px;bottom:30px;display:flex;flex-direction:column;gap:5px;z-index:1;color:#fff;text-shadow:0 2px 8px #00293650}
.art-kicker{color:#e5c99a;font:800 9px/1.4 var(--body);letter-spacing:.16em}
.art-caption strong{font:750 29px/1.05 var(--display);letter-spacing:-.05em}
.art-caption>span:last-child{font:750 8px/1.4 var(--body);letter-spacing:.12em;color:#d4ede5}
.art-credit{position:absolute;right:13px;bottom:12px;z-index:1;font:650 7px/1.2 var(--body);color:#c6e3dc70;letter-spacing:.1em}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:15px}
.stat-card{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #dce8e2;border-radius:11px;padding:19px 20px;min-width:0}
.stat-top{font:850 8.5px/1.4 var(--body);letter-spacing:.09em;color:#748c8f}
.stat-card strong{color:#0c5265;font:750 clamp(27px,3vw,39px)/1.05 var(--display);letter-spacing:-.06em;margin:5px 0}
.stat-card strong.stat-word{font-size:clamp(24px,2.8vw,32px);letter-spacing:-.045em}
.stat-card>span:last-child{font:520 10.5px/1.5 var(--body);color:#73878e}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(255px,.75fr);gap:13px}
.editorial-panel,.overview-aside{min-width:0;background:#fff;border:1px solid #dde8e2;border-radius:13px;padding:27px 29px}
.panel-topline{display:flex;justify-content:space-between;align-items:center;gap:11px}
.panel-topline time{color:#9baaab;font:750 10px/1.3 var(--body)}
.editorial-panel h2{font:680 clamp(25px,2.7vw,34px)/1.15 var(--display);letter-spacing:-.048em;color:#173a4c;margin:13px 0 12px}
.editorial-panel>p{color:#5d7280;font:510 12px/1.85 var(--body);max-width:740px;margin:0 0 13px}
.editorial-panel>p strong{color:#224d60}
.evidence{padding:13px 14px;display:flex;flex-direction:column;gap:5px;background:#ecf8f3;border:1px solid #cde2d9;border-radius:9px}
.evidence-badge{font:850 9px/1.3 var(--body);letter-spacing:.04em;color:#287f76}
.evidence strong{font:750 11px/1.6 var(--body);color:#2c676a}
.text-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:15px}
.text-links a{color:#10667c;font:750 10px/1.4 var(--body);text-decoration:underline;text-underline-offset:3px}
.overview-aside .section-index{margin:0 0 13px}
.overview-aside h3{font:670 22px/1.2 var(--display);letter-spacing:-.04em;margin:0 0 20px;color:#163c4c}
.quick-row{width:100%;display:grid;grid-template-columns:21px minmax(0,1fr) 12px;gap:7px;align-items:center;text-align:left;border:0;border-top:1px solid #e2ebe6;background:transparent;padding:15px 0}
.quick-row>span:first-child{font:750 10px/1.1 var(--body);color:#178987}
.quick-row strong{font:720 11px/1.5 var(--body);color:#375363}
.quick-row>span:last-child{color:#0f6c7a}
.quick-row:hover strong{color:#007c85}
.aside-note{border-radius:8px;background:#f2f7f5;padding:13px 14px;margin-top:14px;color:#6b8185;font:550 10px/1.75 var(--body)}
.aside-note strong{color:#2d6971}
.understand-strip{display:flex;align-items:center;gap:10px;border:1px solid #d3e2de;border-radius:10px;background:#ecf3f0;padding:13px 18px;margin-top:14px;color:#5e767c;font:540 10px/1.55 var(--body)}
.understand-strip strong{color:#346e75}
.understand-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#1d968e}
.understand-strip>span:nth-child(2){flex:1}
.understand-strip a{white-space:nowrap;color:#086c79;font-weight:850;text-decoration:underline;text-underline-offset:3px}
.view-heading{padding:42px 0 23px;border-bottom:1px solid #c9dad4;margin:0 0 22px}
.view-heading h1{font:650 clamp(33px,4vw,50px)/1.1 var(--display);letter-spacing:-.059em;color:#17384a;margin:14px 0}
.view-heading p{color:#5b737c;font:530 13px/1.78 var(--body);max-width:825px;margin:0}
.view-heading strong{color:#225c69}
.focus-banner{background:linear-gradient(120deg,#e7f4f0,#f8fbf7);border:1px solid #c7ded6;border-radius:10px;padding:15px 18px;display:flex;align-items:center;gap:14px;margin-bottom:17px}
.focus-banner>strong{color:#206c75;white-space:nowrap;font:820 11px/1.4 var(--body)}
.focus-banner p{margin:0;flex:1;color:#5c777d;font:540 11px/1.65 var(--body)}
.focus-banner a{color:#116a78;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;font:800 10px/1.4 var(--body)}
.topic-filter{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 15px}
.topic-filter button{background:white;color:#608084;border:1px solid #d3e1dd;padding:8px 12px;border-radius:7px;font:770 10px/1.4 var(--body)}
.topic-filter button[aria-pressed="true"]{background:#0c5f6d;color:white;border-color:#0c5f6d}
.reform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.reform-card{display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid #d7e5df;border-top:3px solid #0c7d80;border-radius:10px;padding:20px 20px 17px;min-width:0;min-height:272px}
.reform-card.important{border-top-color:#cb9a65;background:#fffdfa}
.reform-index{font:800 9px/1.4 var(--body);color:#258085;letter-spacing:.03em}
.reform-card h3{font:730 19px/1.18 var(--display);letter-spacing:-.04em;margin:3px 0 1px;color:#183c4c}
.reform-card p{font:520 11px/1.65 var(--body);color:#657a81;margin:0}
.reform-card p strong{color:#416c72}
.reform-card a{display:block;border-top:1px solid #e5eeea;padding-top:10px;margin-top:auto;color:#0d6c79;font:780 10px/1.35 var(--body)}
.reform-card a:hover{text-decoration:underline}
.change-footer{margin-top:17px;color:#5f747b;font:530 11px/1.75 var(--body);padding:15px 19px;border:1px solid #d3e1dc;border-radius:9px;background:#eff5f2}
.change-footer strong{color:#33666e}
.change-footer a{color:#096c7c;font-weight:800;text-decoration:underline}
.process-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.stage{background:#fff;padding:20px 17px 21px;border:1px solid #dce6e1;border-radius:11px;min-width:0;min-height:225px}
.stage>span{color:#849596;font:820 9px/1.5 var(--body);letter-spacing:.05em}
.stage.complete>span{color:#138678}
.stage.current{background:#eff9f5;border-color:#a6cfc3}
.stage.current>span{color:#0d807a}
.stage h3{margin:15px 0 10px;color:#204657;font:750 18px/1.2 var(--display);letter-spacing:-.038em}
.stage p{font:530 11px/1.65 var(--body);color:#687e87;margin:0}
.timeline-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:29px 0 12px}
.timeline-heading h2{font:740 25px/1.2 var(--display);letter-spacing:-.045em;margin:0}
.timeline-heading>span{color:#879797;font-size:10px}
.timeline{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #dce7e1;border-radius:12px;overflow:hidden}
.timeline li{display:grid;grid-template-columns:160px minmax(0,1fr) 130px;gap:20px;align-items:center;padding:16px 20px;border-bottom:1px solid #e4ece8}
.timeline li:last-child{border-bottom:0}
.timeline time{font:800 10px/1.4 var(--body);color:#247b80}
.timeline li div{display:flex;flex-direction:column;gap:4px}
.timeline strong{font:740 12px/1.45 var(--body);color:#274c59}
.timeline li div>span{font:520 11px/1.55 var(--body);color:#7a8c90}
.when{color:#718788;text-align:right;font:650 10px/1.4 var(--body)}
.split-notes,.debate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}
.split-notes>div{background:#eef7f4;border:1px solid #cfe3dc;border-radius:10px;padding:20px 22px}
.split-notes h3{font:750 18px/1.2 var(--display);letter-spacing:-.04em;margin:0 0 8px}
.split-notes p{font:520 12px/1.75 var(--body);color:#617a7f;margin:0}
.split-notes a{color:#0b6574;text-decoration:underline;font-weight:750}
.voter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.voter-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d9e6e1;padding:21px;border-radius:11px;min-height:270px}
.voter-card>span{font:820 9px/1.5 var(--body);color:#208487}
.voter-card h3{font:710 21px/1.18 var(--display);letter-spacing:-.045em;margin:13px 0 9px;color:#1c4152}
.voter-card p{font:530 11px/1.7 var(--body);color:#657b82;margin:0 0 12px;flex:1}
.voter-card a{padding-top:10px;border-top:1px solid #e5eeea;font:780 10px/1.4 var(--body);color:#0b6e79}
.voter-card a:hover{text-decoration:underline}
.civic-process{display:flex;align-items:center;gap:22px;justify-content:space-between;border:1px solid #bcd8d2;background:#e9f5f1;border-radius:12px;margin-top:16px;padding:22px 25px}
.civic-process h3{font:750 24px/1.2 var(--display);letter-spacing:-.045em;margin:5px 0 8px}
.civic-process p{font:550 12px/1.7 var(--body);color:#54727a;margin:0;max-width:810px}
.civic-process>a{flex:none;border-radius:7px;padding:11px 13px;background:#fff;color:#0d6775;border:1px solid #a9d0cb;font:800 10px/1.35 var(--body)}
.faq{margin:26px 0 0}
.faq h2{font:730 24px/1.2 var(--display);letter-spacing:-.045em}
.faq details{background:#fff;border:1px solid #d9e5e0;border-radius:8px;margin:7px 0;padding:0 16px}
.faq summary{list-style:none;cursor:pointer;padding:14px 3px;font:750 12px/1.55 var(--body);color:#285565}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';float:right;color:#0e8181;font:800 19px/1}
.faq details[open] summary:after{content:'−'}
.faq p{border-top:1px solid #e4eeea;padding:13px 3px 16px;margin:0;color:#617982;font:520 12px/1.75 var(--body)}
.debate-side{display:flex;flex-direction:column;padding:28px 29px;background:#fff;border:1px solid #d8e7df;border-top:4px solid #13848d;border-radius:11px}
.debate-side.caution{border-top-color:#c59a6a}
.perspective-label{font:840 10px/1.45 var(--body);letter-spacing:.065em;color:#267e84}
.debate-side.caution .perspective-label{color:#9b7448}
.debate-side h2{font:730 28px/1.18 var(--display);letter-spacing:-.047em;margin:12px 0 18px}
.argument{border-top:1px solid #e1e9e5;padding:14px 0}
.argument strong{font:800 12px/1.4 var(--body);color:#275e69}
.argument p{font:530 12px/1.75 var(--body);color:#647b80;margin:5px 0 0}
.debate-side>a{font:800 11px/1.4 var(--body);color:#116d7a;text-decoration:underline;text-underline-offset:3px;margin-top:auto;padding-top:15px}
.no-persuasion{margin-top:13px;padding:16px 20px;border:1px solid #d4e3df;background:#edf5f2;border-radius:9px;color:#5c7479;font:520 12px/1.65 var(--body)}
.no-persuasion strong{color:#166d75}
.results-panel{background:#fff;border:1px solid #d7e5df;border-radius:15px;padding:52px 50px;display:grid;grid-template-columns:135px minmax(0,1fr);gap:38px;align-items:center;min-height:300px}
.results-mark{font:500 130px/.7 var(--display);color:#dcece5;text-align:center}
.result-status{color:#18817e;font:850 10px/1.5 var(--body);letter-spacing:.065em;display:inline-flex;align-items:center;gap:9px}
.result-pulse{display:inline-block;width:7px;height:7px;border:1.5px solid #19817b;border-radius:50%}
.results-panel h2{font:710 clamp(25px,3vw,38px)/1.16 var(--display);letter-spacing:-.05em;margin:12px 0}
.results-panel p{font:510 12px/1.8 var(--body);color:#617b80;max-width:720px}
.result-source-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.result-source-buttons a{border:1px solid #b9d6d0;border-radius:7px;padding:10px 13px;font:750 10px/1.3 var(--body);color:#0e6674}
.result-source-buttons a:hover{background:#f0f8f5}
.result-pledge{display:flex;align-items:center;gap:17px;background:#eaf3f0;border:1px solid #d1e1dc;border-radius:10px;margin-top:13px;padding:15px 22px}
.result-pledge span{font:850 10px/1.4 var(--body);letter-spacing:.04em;white-space:nowrap;color:#136a70}
.result-pledge p{color:#648086;font:530 11px/1.6 var(--body);margin:0}
.source-list{background:#fff;border:1px solid #dce7e0;border-radius:13px;overflow:hidden}
.source-list>a{display:grid;grid-template-columns:158px minmax(230px,.9fr) minmax(200px,1.1fr) 17px;gap:16px;align-items:center;padding:20px 23px;border-bottom:1px solid #e2ece7}
.source-list>a:last-child{border-bottom:0}
.source-list>a:hover{background:#f0f8f5}
.source-list>a>span{font:810 9px/1.4 var(--body);letter-spacing:.04em;color:#34858a}
.source-list strong{color:#264a5b;font:780 13px/1.4 var(--body)}
.source-list small{font:540 11px/1.6 var(--body);color:#6d858b}
.source-list b{color:#0c7f84;font-size:15px}
.source-method{margin-top:16px;padding:20px 23px;border:1px solid #d5e3dd;border-radius:10px;background:#eef5f1}
.source-method h3{font:750 21px/1.3 var(--display);letter-spacing:-.035em;margin:0 0 8px}
.source-method p{color:#60777d;font:520 11px/1.75 var(--body);margin:0 0 7px}
.source-method a{color:#0f717b;text-decoration:underline;font-weight:800}
.footer{background:#0b303d;color:#d9ece6;padding:28px 0 31px}
.footer-wrap{display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:18px}
.footer-brand{display:flex;flex-direction:column;gap:6px}
.footer-brand strong{font:800 27px/1 var(--display);letter-spacing:-.08em;color:#f6fdf9}
.footer-brand strong span{color:#eab36b}
.footer-brand>span{font:780 10px/1.35 var(--body);letter-spacing:.06em}
.footer-brand small{font:650 8px/1.4 var(--body);letter-spacing:.09em;color:#8fb9b5}
.footer-centre{font:500 10px/1.7 var(--body);color:#a7c5c1;max-width:520px}
.footer-links{display:flex;gap:8px 14px;flex-wrap:wrap}
.footer-links a,.footer-links button{background:none;border:0;padding:0;color:#e4d1a7;font:750 10px/1.4 var(--body);cursor:pointer}
.footer-links a:hover,.footer-links button:hover{text-decoration:underline}
@media(max-width:1100px){
 .wrap{width:min(100% - 40px,1240px)}
 .hero-copy{padding:33px 30px}
 .hero h1{font-size:clamp(35px,4.6vw,51px)}
 .reform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .process-stages{grid-template-columns:repeat(3,minmax(0,1fr))}
 .voter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .source-list>a{grid-template-columns:130px minmax(180px,1fr) minmax(160px,1fr) 16px;gap:12px}
}
@media(max-width:760px){
 .header-info{display:none}
 .hero{grid-template-columns:1fr}
 .hero-copy{padding:33px 27px 27px}
 .hero h1{font-size:clamp(37px,6.8vw,48px)}
 .hero-art{min-height:258px}
 .art-caption strong{font-size:25px}
 .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .overview-grid{grid-template-columns:1fr}
 .editorial-panel,.overview-aside{padding:21px}
 .focus-banner{align-items:flex-start;flex-direction:column;gap:8px}
 .source-list>a{grid-template-columns:1fr 17px;gap:5px 12px}
 .source-list>a>span,.source-list strong,.source-list small{grid-column:1}
 .source-list>a b{grid-column:2;grid-row:1/4}
 .footer-wrap{grid-template-columns:1fr 1fr}
 .footer-centre{grid-column:1/-1;grid-row:2}
 .footer-links{justify-content:flex-end}
 .civic-process{flex-direction:column;align-items:flex-start}
 .timeline li{grid-template-columns:110px minmax(0,1fr);gap:12px}
 .timeline li .when{grid-column:2;text-align:left}
 .results-panel{grid-template-columns:1fr;gap:12px;padding:30px}
 .results-mark{text-align:left;font-size:82px}
}
@media(max-width:540px){
 .wrap{width:calc(100% - 24px)}
 .rail{justify-content:flex-start;padding:8px 12px;gap:7px;font-size:9px}
 .rail a{display:none}
 .header-main{min-height:62px;gap:7px}
 .logo{gap:10px}
 .logo-main{font-size:24px}
 .logo-side{padding-left:10px;font-size:10px;gap:4px}
 .logo-side small{font-size:7px}
 .all-sites{padding:8px 9px;font-size:9px}
 .nav-scroll{width:100%;padding:0 7px;gap:0}
 .nav button{font-size:10px;padding:13px 12px}
 .main{padding-bottom:22px}
 .hero{margin:12px 0}
 .hero-copy{padding:25px 19px}
 .hero h1{font-size:clamp(34px,9.5vw,44px);margin:14px 0}
 .lead{font-size:12.5px}
 .lead-sub{font-size:11.5px}
 .hero-ctas{gap:6px;margin:18px 0}
 .btn{width:100%;justify-content:space-between}
 .hero-art{min-height:205px}
 .island-art{object-position:center center}
 .art-caption{left:20px;bottom:19px}
 .art-caption strong{font-size:20px}
 .art-caption>span:last-child{font-size:7px}
 .stat-grid{gap:8px;margin-bottom:11px}
 .stat-card{padding:15px 13px;min-height:120px}
 .stat-card strong{font-size:28px}
 .stat-card strong.stat-word{font-size:25px}
 .stat-top{font-size:8px}
 .stat-card>span:last-child{font-size:9.5px}
 .overview-grid{gap:10px}
 .editorial-panel,.overview-aside{padding:18px}
 .editorial-panel h2{font-size:26px}
 .editorial-panel>p{font-size:11.5px}
 .understand-strip{padding:12px;flex-wrap:wrap;font-size:10px}
 .understand-strip a{margin-left:18px}
 .view-heading{padding:24px 4px 17px;margin-bottom:17px}
 .view-heading h1{font-size:clamp(29px,8.4vw,39px);margin:10px 0}
 .view-heading p{font-size:12px}
 .reform-grid,.voter-grid,.process-stages,.split-notes,.debate-grid{grid-template-columns:1fr;gap:10px}
 .reform-card,.voter-card,.stage{min-height:0;padding:17px}
 .reform-card h3{font-size:19px}
 .process-stages{gap:8px}
 .stage h3{margin:7px 0 5px}
 .timeline-heading h2{font-size:22px}
 .timeline-heading>span{font-size:9px}
 .timeline li{grid-template-columns:1fr;gap:4px;padding:13px 14px}
 .timeline li .when{grid-column:1}
 .timeline strong{font-size:12px}
 .debate-side{padding:20px}
 .debate-side h2{font-size:24px}
 .source-list>a{padding:15px}
 .results-panel{padding:22px 17px}
 .results-panel h2{font-size:27px}
 .result-pledge{align-items:flex-start;flex-direction:column;gap:7px;padding:15px}
 .footer{padding:23px 0}
 .footer-wrap{grid-template-columns:1fr;gap:18px}
 .footer-links{justify-content:flex-start}
 .footer-centre{grid-column:1;grid-row:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}