/* Application shell: persistent navigation, compact summaries, focused workspaces. */
:root{--paper:#f4f7fa;--ink:#20312d;--muted:#64756e;--line:#dfe7e3;--forest:#17644f;--lime:#e0f0e7;--coral:#da7056}
[hidden]{display:none!important}
html{scroll-padding-top:96px}
body{padding-left:228px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px}
.wrap{max-width:1440px;padding-inline:32px}
.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:white;border-right:1px solid var(--line);padding:34px 22px 22px;z-index:30;display:flex;flex-direction:column}
.brand{gap:10px;text-decoration:none}
.brand-words{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:800;font-size:19px;line-height:1.14;letter-spacing:0;gap:1px;width:102px;color:#233d34}
.brand-words>span{display:flex;justify-content:space-between;width:100%}
.brand-words i{font-style:normal;display:block}
.brand-icon{background:#17644f;border:1px solid #0e5944;border-radius:11px;width:40px;height:44px;padding:10px 8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;box-shadow:0 2px 4px #12382d13;flex-shrink:0}
.brand-icon i,.brand-icon b{height:4px;width:100%;background:#f5fff9;border-radius:2px;display:block;opacity:1;flex-shrink:0}
.brand-icon i:nth-child(2){width:68%;opacity:.62;background:#f5fff9}
.brand-icon b{height:5px;background:#b9e5cd;width:100%;margin-top:1px}
.sidebar-label{font-size:10px;font-weight:650;letter-spacing:1.25px;color:#8a9891;margin:44px 10px 12px}
.sidebar nav{display:flex;flex-direction:column;gap:5px}
.sidebar nav a{display:flex;gap:13px;align-items:center;padding:11px 12px;border-radius:8px;text-decoration:none;color:#64756e;font-size:13px;font-weight:500;min-height:44px}
.sidebar nav a>span:first-child{font-size:22px;line-height:1;width:22px;text-align:center;color:#80918a}
.sidebar nav a:hover{background:#f3f7f4;color:var(--forest)}
.sidebar nav a[aria-current=page]{background:#e8f3ed;color:#17644f;font-weight:650}
.sidebar nav a[aria-current=page]>span:first-child{color:#17644f}
.sidebar-note{margin-top:auto;padding:20px 14px 16px;background:#f5f8f6;border:1px solid #e6ede7;border-radius:11px}
.trust-icon{display:grid;place-items:center;border:1px solid #b4cfc0;background:#e5f1e9;border-radius:8px;width:28px;height:28px;color:#17644f;margin-bottom:12px}
.sidebar-note strong{font-size:13px;font-weight:650}.sidebar-note p{font-size:11px;line-height:1.8;color:#76847c}.sidebar-note a{font-size:11px;text-decoration:none;color:#17644f}
.sidebar-bottom{display:flex;align-items:center;gap:7px;color:#809087;font-size:9px;margin:22px 4px 0}.sidebar-bottom .status-dot{background:#468b6e;width:5px;height:5px}
.dashboard-topbar{height:76px;background:#fffffff5;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;gap:20px}
.breadcrumb{display:flex;gap:14px;align-items:center;font-size:12px;color:#819088}.breadcrumb strong{font-weight:600;color:#293f34}.topbar-right{display:flex;gap:22px;align-items:center}.data-status{font-size:10px;color:#6b7c72}.languages{border-radius:7px;padding:3px;border-color:#e2e9e5}.languages button{border-radius:5px;padding:6px 9px}.languages button[aria-pressed=true]{background:#e9f3ed;color:#17644f;font-weight:650}
.dashboard-main{min-height:calc(100vh - 180px);padding-block:30px 36px}
.welcome{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:0;padding-bottom:25px}
.welcome .eyebrow{font-size:10px;color:#17644f;letter-spacing:1.1px;margin:0 0 9px}
.welcome h1{font-size:29px;line-height:1.25;font-weight:650;letter-spacing:-1px;margin:0}
.welcome p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:650px;line-height:1.75;margin:10px 0 0}
.welcome .button{white-space:nowrap;gap:20px;font-size:12px;min-height:42px;padding:10px 16px;box-shadow:0 3px 7px #17644f14}
.overview{padding-block:0 26px}
.overview .section-head{margin-bottom:13px;align-items:center;gap:15px}.overview .section-head .eyebrow{display:none}.overview h2{font-size:16px;font-weight:600;letter-spacing:-.25px}.overview .section-head>.muted{font-size:10px;margin:0}.overview .section-head>.muted br{display:none}
.stats-grid{border:0;border-radius:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;overflow:visible}
.stat,.stat:last-child{padding:18px 20px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 2px 3px #132f1e02;position:relative}
.stat:before{content:"";display:block;width:5px;height:5px;background:#54a386;border-radius:50%;position:absolute;top:25px;right:18px}
.stat>span{font-size:11px;padding-right:10px;display:block}.stat strong{font-size:33px;font-weight:650;margin-top:12px;letter-spacing:-1.2px;line-height:1.25}.stat strong small{font-size:13px;font-weight:400;letter-spacing:0}.stat p,.stat a{font-size:10px;margin-top:11px;color:#77867d}
.section-head{margin-bottom:14px;align-items:center}.section-head h2{font-size:23px;font-weight:650;letter-spacing:-.7px}.section-head .eyebrow{font-size:9px;letter-spacing:1.1px;color:#768b7d;margin-bottom:7px}.edition{font-size:9px;padding:6px 10px;background:white}.muted{font-size:12px}
.explore{padding-block:4px 24px}.explore>.muted{margin-block:0 16px}.explorer-toolbar{margin-top:16px;gap:12px}.explorer-toolbar>label{font-size:10px}.explorer-toolbar input,.explorer-toolbar select{border-radius:7px;min-height:43px;font-size:12px}.explorer-toolbar .search-box span{top:4px}
.explorer-grid{grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.tile-panel{border-radius:11px;padding:20px;box-shadow:0 2px 3px #132f1e02}.panel-top{font-size:10px;padding-bottom:13px}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.province-tile{min-height:76px;padding:9px;border-radius:7px}.province-tile>span{font-size:10px}.province-tile strong{font-size:17px}.province-tile small{font-size:9px}.province-tile.selected{border-color:#17644f;outline-color:#17644f;box-shadow:0 0 0 3px #cce6d8}.island-group{margin-top:17px}.island-group h3{font-size:10px}.tile-note{font-size:10px;margin-top:16px}.panel-source{font-size:10px}.legend{font-size:9px}
body[data-view=ringkasan] #tiles{max-height:465px;overflow:auto;padding:2px 6px 2px 3px;scrollbar-width:thin;scrollbar-color:#b9cdc0 transparent}
.profile{position:sticky;top:95px;background:white;border:1px solid var(--line);border-radius:11px;color:var(--ink);padding:21px;box-shadow:0 2px 3px #132f1e02}
.profile .eyebrow{color:#829189;font-size:9px;margin-bottom:14px}.profile-code{background:#eef5f0;color:#35725a;border:0;border-radius:5px;padding:4px 8px}.profile h3{font-size:25px;font-weight:650;letter-spacing:-.7px}.profile-region{color:#7c8d82;font-size:11px;margin:7px 0 18px}.profile-main{background:#f0f7f3;padding:14px 15px;border-radius:8px}.profile-main>span{color:#567364;font-size:10px}.profile-main strong{font-size:34px;font-weight:650;color:#17644f;margin-block:4px}.profile-main strong small{font-size:13px;font-weight:400}.profile-main p{color:#678173;font-size:10px}
.profile dl{margin-top:14px}.profile dl>div{border-color:var(--line);padding:11px 0}.profile dt{color:#6f8077;font-size:10px}.profile dd{color:#244e3d;font-size:12px;font-weight:600}.profile-help{color:#7b8b80;font-size:10px}.profile .chart-scale{color:#7b8b80}.profile .chart-columns{border-color:var(--line)}.profile h4{font-size:11px;font-weight:600}.profile-source{font-size:10px;color:#6f8175}.profile .primary{background:#17644f;color:white;font-size:11px;min-height:40px}.copy-link{color:#537b64;font-size:10px}.profile #copy-status:empty{display:none}.profile .chart{height:120px}
.all-data{background:white;padding:15px 18px;border:1px solid var(--line);border-radius:9px}.all-data summary{font-size:11px}.all-data table{font-size:11px}
.national-story{background:white;border:1px solid var(--line);border-radius:11px;margin:4px 32px 0;padding:24px;max-width:none;gap:45px;grid-template-columns:.9fr 1.1fr}.national-story h2{font-size:22px}.national-story .eyebrow{font-size:9px;margin-bottom:10px}.story-text{font-size:12px}.story-number{font-size:35px;margin-top:16px}.story-number span{font-size:13px}.national-chart .chart{height:190px}.national-story .muted{font-size:10px}
.compare-section{background:transparent;border:0;padding-block:0}.compare-selects{background:white;border:1px solid var(--line);border-radius:11px;padding:20px;margin-top:22px}.compare-selects select{font-size:15px;border-radius:7px;padding:12px}.comparison-bars{padding:24px}.compare-section .table-scroll{background:white;border:1px solid var(--line);border-radius:11px;padding:6px 15px}.compare-section table{margin-top:0}.bar-label{font-size:13px}.bar-track{height:10px;background:#e4ebe6}
.world{padding-block:0 25px}.country{box-shadow:0 2px 3px #132f1e02}.country.featured{background:#eef6f1;border-color:#bfd9c9}.country>strong{font-size:46px}.country-bar i{border-radius:5px}.pemilu{margin-bottom:0;background:#fff9ed;border-color:#eee1c7;padding:24px;border-radius:11px}
.survey-section{margin:0 32px;padding:32px;background:white;color:var(--ink);border:1px solid var(--line);border-radius:12px}.survey-grid{padding:0;gap:50px}.survey-section h2{font-size:31px;letter-spacing:-1px}.survey-section .eyebrow{color:#17644f;font-size:10px}.survey-desc{font-size:14px;color:#64766b}.survey-privacy{font-size:11px;color:#7a897f}.survey-decoration{color:#17644f06}.topics span{border-color:#dce7df;color:#567262;font-size:11px}.topics input:checked+span{border-color:#17644f;background:#e8f4ed;color:#17644f}.survey-section textarea{background:#f9fbfa;border-color:#dce7df;color:var(--ink)}.survey-section textarea::placeholder{color:#94a397}.consent{color:#687d6f;font-size:11px}.survey-submit{background:#17644f;color:white}.survey-submit:disabled{opacity:.65}#survey-status{color:#17644f}
.sources{padding-block:0}.source-list{background:white;border:1px solid var(--line);border-radius:11px;padding:0 22px}.source-list article{padding-block:20px}.source-list article:first-child,.source-list article:nth-child(2){border-top:0}.source-list strong{font-size:12px}.source-list p{font-size:11px}.source-index{color:#17644f}.sources details{background:white;padding:18px 22px;border:1px solid var(--line);border-radius:9px;margin-top:10px}.sources details p{font-size:12px}
footer{padding-block:22px;background:transparent;border-top:1px solid var(--line);margin-inline:32px;padding-inline:0;max-width:none}footer .brand-words{font-size:12px;width:67px}footer .brand-icon{width:27px;height:31px;padding:6px;gap:3px;transform:none;margin:0;border-radius:7px}footer .brand-icon i{height:3px}footer .brand-icon b{height:4px;margin-top:0}footer p{font-size:10px;max-width:420px}footer>span{font-size:9px}
@media(min-width:1650px){.national-story{max-width:1376px;margin-inline:auto}}
@media(max-width:1200px){.sidebar{width:204px;padding-inline:17px}body{padding-left:204px}.wrap{padding-inline:24px}.dashboard-topbar{padding-inline:24px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.explorer-grid{grid-template-columns:minmax(0,1fr) 270px;gap:14px}.stat{padding:17px 15px}.stat strong{font-size:28px}.stat>span{font-size:10px}.welcome h1{font-size:26px}.welcome .button{display:none}.national-story{margin-inline:24px;padding:22px}.survey-section{margin-inline:24px}.survey-grid{padding:0}.topbar-right{gap:13px}.data-status{font-size:9px}footer{margin-inline:24px}}
@media(max-width:980px){body{padding-left:0}.sidebar{position:relative;width:100%;padding:18px 24px 10px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.brand{align-self:flex-start}.sidebar nav{flex-direction:row;overflow-x:auto;gap:5px;margin-top:17px}.sidebar nav a{white-space:nowrap;padding:8px 12px;font-size:12px;min-height:38px}.sidebar nav a>span:first-child{font-size:19px}.sidebar-label,.sidebar-note,.sidebar-bottom{display:none}.brand-words{font-size:17px;width:91px}.brand-icon{width:35px;height:39px;padding:8px 7px;gap:4px}.dashboard-topbar{height:60px}.dashboard-main{padding-top:24px}.explorer-grid{grid-template-columns:minmax(0,1fr) 280px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome h1{font-size:27px}.welcome .button{display:inline-flex}.profile{top:78px}.data-status{font-size:10px}}
@media(max-width:700px){.wrap{padding-inline:18px}.sidebar{padding:16px 18px 8px}.sidebar nav{margin-top:13px}.sidebar nav a{font-size:11px;padding:8px 10px;gap:6px}.dashboard-topbar{padding-inline:18px;height:56px}.data-status{display:none}.breadcrumb{font-size:11px;gap:9px}.languages button{font-size:11px;padding:6px 8px}.dashboard-main{padding-block:22px}.welcome{padding-bottom:21px}.welcome h1{font-size:25px;letter-spacing:-.7px}.welcome p:not(.eyebrow){font-size:12px;margin-top:8px}.welcome .button{display:none}.overview .section-head{flex-direction:row}.overview .section-head>.muted{display:none}.stats-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.stat,.stat:last-child{padding:16px;border:1px solid var(--line)}.stat strong{font-size:29px}.stat>span{font-size:11px}.stat:before{top:23px;right:14px}.section-head{flex-direction:row;gap:12px}.section-head h2{font-size:20px}.section-head .eyebrow{font-size:8px}.edition{font-size:8px;max-width:140px}.explorer-toolbar{grid-template-columns:1fr 1fr;gap:10px}.explorer-grid{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.tile-panel{padding:16px}.province-tile>span{font-size:10px}.profile{position:static;padding:20px}.profile h3{font-size:25px}.profile dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.profile-main strong{font-size:36px}.profile .profile-help{font-size:10px}body[data-view=ringkasan] #tiles{max-height:340px}.national-story{margin:0 18px;padding:20px;grid-template-columns:1fr;gap:20px}.national-chart .chart{height:180px}.national-story h2{font-size:21px}.story-number{font-size:33px}.compare-selects{padding:16px}.comparison-bars{padding:20px 0}.compare-section .section-head{align-items:start}.compare-section .section-head .button{font-size:10px;padding:9px;min-height:38px;gap:4px}.country-top h3{font-size:22px}.country .tiny{font-size:8px}.survey-section{margin:0 18px;padding:23px 20px}.survey-grid{padding:0;gap:20px}.survey-section h2{font-size:28px}.survey-desc{font-size:13px}.topics span{font-size:11px}.source-list{padding:0 17px}.source-list article:nth-child(2){border-top:1px solid var(--line)}.sources .section-head>.muted{font-size:10px}.sources details{padding:17px}.sources details p{font-size:12px}.pemilu{padding:20px;grid-template-columns:32px 1fr;gap:14px}.pemilu h3{font-size:19px}.ballot{width:30px;height:32px;font-size:21px}footer{margin-inline:18px;gap:8px}footer p{margin:0}.profile .chart-columns{max-width:none}}
@media(max-width:380px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.profile dl{grid-template-columns:1fr}.brand-words{font-size:17px}.welcome h1{font-size:23px}}
/* Teal foundation, with violet, blue and apricot accents for distinct metrics. */
:root{--paper:#f5f6fb;--ink:#203443;--muted:#627184;--line:#e1e5ef;--forest:#165e66;--lime:#def3f0;--coral:#e18b37}
.brand{position:relative;align-items:center;gap:9px}.brand-symbol{width:44px;height:44px;flex:none}.brand-domain{font-size:10px;color:#627184;align-self:flex-end;margin:0 0 2px -5px;font-weight:500;letter-spacing:-.2px}.brand-words{color:#203443}
.sidebar nav a[aria-current=page]{background:#e5f3f4;color:#165e66}.sidebar-note{background:#eff5fb;border-color:#e0e8f4}.sidebar-note strong{color:#304e77}.trust-icon{background:#e2eefb;border-color:#c5d8f3;color:#396baf}.sidebar-note a{color:#396baf}
.dashboard-topbar{background:#ffffffed;backdrop-filter:blur(14px)}.welcome{position:relative}.welcome .eyebrow{color:#7060aa}.welcome h1{color:#25374c}.welcome .button,.profile .primary,.survey-submit{background:#165e66}.welcome p:not(.eyebrow){color:#67758a}.languages button[aria-pressed=true]{background:#eeeafa;color:#5b478f}
.stat:nth-child(1){background:#f0fafa;border-color:#cce7e7;--accent:#176a76}.stat:nth-child(2){background:#f3f0fc;border-color:#e1d8f5;--accent:#7554b5}.stat:nth-child(3){background:#fff7ed;border-color:#f4e0c9;--accent:#a65e20}.stat:nth-child(4){background:#eef4ff;border-color:#d6e2fb;--accent:#3f69b0}.stat strong{color:var(--accent)}.stat:before{background:var(--accent);width:7px;height:7px}.stat .stat-detail{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:var(--accent);text-decoration:none;border-top:1px solid #20344312;padding-top:12px;margin-top:14px}.stat-detail:hover{text-decoration:underline}
.profile-main{background:#eaf6f6}.profile-main strong{color:#165e66}.province-tile.selected{outline-color:#165e66;border-color:#165e66;box-shadow:0 0 0 3px #b9e3e3}.profile dd{color:#305e76}.country.featured{background:#f3f0fc;border-color:#dfd4f4}.country.featured>strong{color:#7554b5}.country:nth-child(2){background:#f0fafa}.country:nth-child(3){background:#fff7ed}.topics input:checked+span{background:#eeeafa;border-color:#7554b5;color:#594287}footer .brand-symbol{width:30px;height:30px}footer .brand-domain{font-size:8px}
.detail-page .detail-content{max-width:1100px;margin:auto;padding:0 32px}.detail-back{display:inline-block;margin-bottom:24px;color:#627184;text-decoration:none;font-size:12px}.detail-heading{max-width:800px}.detail-heading h1{font-size:38px;letter-spacing:-1.3px;line-height:1.2;margin:12px 0}.detail-heading p{font-size:15px;line-height:1.85;color:#627184}.detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:22px;margin-top:25px}.detail-card{background:white;border:1px solid var(--line);border-radius:14px;padding:26px;margin-bottom:20px}.detail-card h2{font-size:18px;margin:0 0 16px;letter-spacing:-.3px}.detail-card p,.detail-card li{font-size:13px;line-height:1.9;color:#627184}.detail-card a{color:#165e66}.detail-highlight{background:#eaf6f6;border-color:#cce7e7}.detail-value{font-size:56px;font-weight:650;letter-spacing:-2px;color:#165e66;line-height:1.25}.detail-value small{font-size:18px;letter-spacing:0;font-weight:400}.detail-meta{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.detail-meta span{font-size:11px;background:#fff;border:1px solid #dce6ed;border-radius:20px;padding:7px 12px}.detail-row{display:grid;grid-template-columns:80px 1fr 85px;gap:12px;align-items:center;margin:17px 0;font-size:12px}.detail-row>i{display:block;background:#eef0f7;border-radius:5px;height:10px;overflow:hidden}.detail-row b{height:10px;background:#327b85;display:block}.detail-row strong{text-align:right}.detail-related{display:flex;flex-direction:column;gap:14px}.detail-related a{font-size:13px;text-decoration:none}.detail-related a:hover{text-decoration:underline}.detail-card table{font-size:12px;width:100%}.detail-card td,.detail-card th{text-align:left;padding:12px 8px}.detail-page[data-stat=gdp] .detail-highlight{background:#f3f0fc;border-color:#e1d8f5}.detail-page[data-stat=gdp] .detail-value{color:#7554b5}.detail-page[data-stat=poverty] .detail-highlight{background:#fff7ed;border-color:#f4e0c9}.detail-page[data-stat=poverty] .detail-value{color:#a65e20}.detail-page[data-stat=hdi] .detail-highlight{background:#eef4ff;border-color:#d6e2fb}.detail-page[data-stat=hdi] .detail-value{color:#3f69b0}
@media(max-width:700px){.brand-symbol{width:38px;height:38px}.detail-page .detail-content{padding:0 18px}.detail-heading h1{font-size:29px}.detail-grid{grid-template-columns:1fr}.detail-card{padding:21px}.detail-value{font-size:46px}.detail-row{grid-template-columns:65px 1fr 75px}.stat .stat-detail{font-size:10px}.brand-domain{font-size:9px}}
/* Custom two-line geometric wordmark; the domain suffix is housed in the seal. */
.brand-symbol{width:38px;height:45px}.wordmark-art{width:112px;height:41px;display:block}.brand .sr-only{width:1px;height:1px;margin:0;padding:0;overflow:hidden}.brand{gap:10px}footer .wordmark-art{width:79px;height:29px}footer .brand-symbol{width:28px;height:33px}
.explorer-toolbar .search-box{position:relative;display:flex;align-items:center}.explorer-toolbar .search-box>span{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;line-height:20px;font-size:24px;pointer-events:none}.explorer-toolbar .search-box>input{padding-left:46px;padding-right:14px;width:100%;min-width:0}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface,#fff);color:var(--ink);font:inherit;font-size:11px;cursor:pointer}.theme-toggle>span:first-child{font-size:18px}.theme-toggle:focus-visible{outline:3px solid #8d72d6;outline-offset:3px}
html[data-theme=dark]{color-scheme:dark;--paper:#111823;--ink:#e5edf5;--muted:#a6b5c6;--line:#334153;--forest:#80d7cf;--surface:#1b2635;--lime:#243d40;--coral:#f5b470}
html[data-theme=dark] body{background:var(--paper);color:var(--ink)}
html[data-theme=dark] :is(.sidebar,.dashboard-topbar,.tile-panel,.profile,.all-data,.detail-card,.source-list,.sources details,.survey-section,.compare-selects,.compare-section .table-scroll,.national-story,.country,.edition){background:#1b2635;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .wordmark-art{filter:brightness(0) invert(.94)}
html[data-theme=dark] :is(.sidebar-note,.profile-main,.detail-highlight,.stat:nth-child(1),.country:nth-child(2)){background:#203a40;border-color:#35575e}
html[data-theme=dark] :is(.stat:nth-child(2),.country.featured,.detail-page[data-stat=gdp] .detail-highlight){background:#302b46;border-color:#524568}
html[data-theme=dark] :is(.stat:nth-child(3),.country:nth-child(3),.pemilu,.detail-page[data-stat=poverty] .detail-highlight){background:#3c3026;border-color:#65503b}
html[data-theme=dark] :is(.stat:nth-child(4),.detail-page[data-stat=hdi] .detail-highlight){background:#22344d;border-color:#3c577d}
html[data-theme=dark] .stat:nth-child(1){--accent:#91ddd6}html[data-theme=dark] .stat:nth-child(2){--accent:#c7afff}html[data-theme=dark] .stat:nth-child(3){--accent:#ffc48d}html[data-theme=dark] .stat:nth-child(4){--accent:#a8c9ff}
html[data-theme=dark] :is(.welcome h1,.breadcrumb strong,.profile h3,.profile dd,.detail-heading h1,.sidebar-note strong,.country.featured>strong){color:var(--ink)}
html[data-theme=dark] :is(.muted,.welcome p:not(.eyebrow),.sidebar nav a,.sidebar-note p,.sidebar-bottom,.breadcrumb,.data-status,.profile-region,.profile-help,.profile-source,.profile dt,.chart-scale,.detail-card p,.detail-card li,.detail-heading p,.survey-desc,.survey-privacy,.consent,.stat p,.stat p a,.profile-main p,.profile-main>span,.source-list small,.source-list p){color:#b4c2d1}
html[data-theme=dark] :is(a,.detail-card a,.detail-back,.profile-main strong,.detail-value,.detail-page[data-stat=gdp] .detail-value,.detail-page[data-stat=poverty] .detail-value,.detail-page[data-stat=hdi] .detail-value){color:#9fdedb}
html[data-theme=dark] :is(input,select,textarea,.survey-section textarea,.detail-meta span,.topics span){background:#121d2b;color:#e5edf5;border-color:#44566c}
html[data-theme=dark] :is(input,textarea)::placeholder{color:#adbbcc}
html[data-theme=dark] :is(.sidebar nav a[aria-current=page],.sidebar nav a:hover,.languages button[aria-pressed=true],.topics input:checked+span){background:#30464d;color:#b0f3e5}
html[data-theme=dark] :is(.primary,.profile .primary,.welcome .button,.survey-submit){background:#8bdad1;color:#112b30}
html[data-theme=dark] :is(.detail-row>i,.bar-track){background:#344152}
html[data-theme=dark] .stat-detail{border-color:#ffffff24}
html[data-theme=dark] :is(.country-bar i,.detail-row b){background:#8bdad1}
html[data-theme=dark] .copy-link{color:#9fdedb}
html[data-theme=dark] .province-tile{color:#18343a}html[data-theme=dark] .province-tile.dark{color:#fff}
@media(max-width:700px){.topbar-right{gap:7px}.theme-label{display:none}.theme-toggle{padding:5px 8px}.breadcrumb{gap:5px}.wordmark-art{width:105px}.brand-symbol{height:43px;width:37px}}
/* Domain signature sits below the wordmark, keeping its two lines intact. */
.brand{display:grid;grid-template-columns:38px 112px;grid-template-rows:auto 9px;column-gap:10px;row-gap:2px;align-items:center;width:max-content}.brand-symbol{grid-column:1;grid-row:1/3;width:38px;height:38px}.wordmark-art{grid-column:2;grid-row:1}.brand-domain{grid-column:2;grid-row:2;justify-self:end;align-self:center;font-size:8px;font-weight:600;letter-spacing:1.2px;margin:0;color:#637b8c}footer .brand{grid-template-columns:28px 79px;grid-template-rows:auto 8px}footer .brand-symbol{height:28px}footer .brand-domain{font-size:7px}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:25px}.article-card{background:var(--surface,#fff);border:1px solid var(--line);padding:27px;border-radius:14px}.article-card h2{font-size:23px;line-height:1.3;letter-spacing:-.5px}.article-card a{color:var(--ink);text-decoration:none}.article-card p{color:var(--muted);line-height:1.8}.article-card .eyebrow{color:var(--forest)}.article-card-meta{font-size:12px;color:var(--muted);margin:17px 0}.article-body{max-width:760px}.article-body h2{font-size:23px;margin-top:34px}.article-body h3{font-size:17px;line-height:1.5;margin:24px 0 6px}.article-body p,.article-body li{font-size:16px;line-height:1.9;color:var(--muted)}.article-answer{padding:23px;border-left:3px solid var(--forest);background:var(--surface,#eef7f6);border-radius:0 12px 12px 0;margin:26px 0}.article-meta{font-size:12px;color:var(--muted);line-height:1.8}.article-body a{color:var(--forest)}.article-toc{border:1px solid var(--line);border-radius:10px;padding:20px}.article-toc a{font-size:13px;display:block;margin:10px 0}.article-page .languages a{padding:6px 8px;text-decoration:none;color:var(--ink);font-size:11px}.article-page .languages a[aria-current=page]{background:var(--lime);border-radius:4px}.article-page .sidebar a[aria-current=page]{background:var(--lime);color:var(--forest)}
@media(max-width:700px){.article-grid{grid-template-columns:1fr}.article-body p{font-size:15px}}
/* Six equal overview cards: one signal per topic, detail only after a click. */
.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat{display:flex;flex-direction:column;min-width:0}.stat .stat-topic{font-size:9px;font-weight:700;letter-spacing:1.1px;color:var(--accent);margin-bottom:15px}.stat>span:not(.stat-topic){font-size:12px;min-height:30px;line-height:1.5}.stat strong{font-size:37px}.stat .stat-context{font-size:11px;line-height:1.6;min-height:36px;margin-bottom:auto}.stat strong small{font-size:12px;letter-spacing:0}.stat .stat-detail{margin-top:12px}.stat:nth-child(5){background:#eff8f3;border-color:#d1e8da;--accent:#317754}.stat:nth-child(6){background:#fff2f2;border-color:#efd9da;--accent:#a44f61}
.metric-row{margin:19px 0}.metric-row>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:13px;margin-bottom:8px}.metric-row strong{white-space:nowrap;font-size:13px;font-weight:650}.metric-track{height:9px;border-radius:5px;background:var(--line);overflow:hidden}.metric-track b{display:block;background:#327b85;height:100%;border-radius:5px}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mini-metrics>div{padding:16px;background:var(--paper);border-radius:9px}.mini-metrics strong{display:block;font-size:28px;color:var(--forest);margin-bottom:10px}.mini-metrics span{font-size:12px;line-height:1.7;color:var(--muted);display:block}
html[data-theme=dark] .stat:nth-child(5){background:#233b32;border-color:#3b594b;--accent:#a0dbb5}html[data-theme=dark] .stat:nth-child(6){background:#3c2b36;border-color:#624451;--accent:#f1b1c0}html[data-theme=dark] .metric-track b{background:#8bdad1}
@media(max-width:1100px){.stat strong{font-size:31px}.stats-grid{gap:12px}}
@media(max-width:700px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat strong{font-size:28px}.stat strong small{display:block;margin-top:5px;font-size:11px}.stat strong{min-height:60px}.stat .stat-topic{font-size:8px;min-height:24px;margin-bottom:8px}.stat .stat-context{min-height:53px;font-size:10px}.metric-row>div:first-child{font-size:12px}.mini-metrics{grid-template-columns:1fr}}
@media(max-width:380px){.stat strong{font-size:25px}.stat,.stat:last-child{padding:13px}.stat .stat-topic{letter-spacing:.6px}}
/* Final single line wordmark sizing. */
.brand{display:grid;grid-template-columns:38px 132px;grid-template-rows:24px 8px;column-gap:9px;row-gap:1px;align-items:center;width:max-content}
.brand-symbol{grid-column:1;grid-row:1/3;width:38px;height:38px}
.wordmark-art{grid-column:2;grid-row:1;width:132px;height:21px;align-self:end;display:block}
.brand-domain{grid-column:2;grid-row:2;justify-self:end;align-self:center;font-size:7px;font-weight:600;letter-spacing:1.1px;line-height:1;margin:0;color:#637b8c}
footer .brand{grid-template-columns:26px 102px;grid-template-rows:19px 7px;column-gap:7px}footer .brand-symbol{width:26px;height:26px}footer .wordmark-art{width:102px;height:17px}footer .brand-domain{font-size:6px}
@media(max-width:700px){.brand{grid-template-columns:35px 120px}.wordmark-art{width:120px;height:20px}.brand-domain{font-size:6px}}
/* Three way comparison workspace and high contrast theme controls. */
.compare-control-panel{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:20px;margin-top:22px}.compare-metric-label{display:grid;grid-template-columns:minmax(140px,220px) minmax(260px,1fr);align-items:center;gap:18px;font-size:11px;color:var(--muted);padding-bottom:18px;border-bottom:1px solid var(--line)}.compare-metric-label select{font-size:14px}.compare-control-panel .compare-selects{grid-template-columns:repeat(3,minmax(0,1fr));padding:0;border:0;margin:18px 0 0;background:transparent}.compare-control-panel .compare-selects label{min-width:0}.comparison-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.comparison-summary article{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:19px}.comparison-summary article>span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.comparison-summary h3{font-size:17px;margin:13px 0 4px}.comparison-summary strong{display:block;font-size:25px;color:var(--ink);margin-bottom:16px}.comparison-summary small{display:block;margin-top:10px;color:var(--muted);font-size:9px}.compare-colour-1{background:#78d4d2!important}.compare-colour-2{background:#f0b266!important}.compare-colour-3{background:#a990e2!important}.compare-detail-table .selected-metric{background:color-mix(in srgb,var(--forest) 10%,transparent)}.compare-detail-table .selected-metric td:first-child{font-weight:700;color:var(--forest)}
html[data-theme=dark] .compare-control-panel,html[data-theme=dark] .comparison-summary article{background:#1b2635;color:var(--ink);border-color:var(--line)}html[data-theme=dark] .button:not(.primary):not(.survey-submit){background:#243447;border-color:#60738a;color:#f2f7fb;box-shadow:none}html[data-theme=dark] .button:not(.primary):not(.survey-submit):hover{background:#30445a;border-color:#86a0ba;color:#fff}html[data-theme=dark] .button:focus-visible{outline-color:#8bdad1}.compare-download{background:#fff;color:#203443;border-color:#cfd8e3}
@media(max-width:700px){.compare-metric-label{grid-template-columns:1fr;gap:7px}.compare-control-panel .compare-selects{grid-template-columns:1fr;padding:0}.comparison-summary{grid-template-columns:1fr}.comparison-summary article{display:grid;grid-template-columns:1fr auto;gap:5px 18px}.comparison-summary article>span,.comparison-summary h3,.comparison-summary .bar-track,.comparison-summary small{grid-column:1}.comparison-summary strong{grid-column:2;grid-row:1/3;align-self:center}.compare-detail-table table{min-width:700px}}