.sdgms{--ink:#172332;--muted:#586678;--line:#dfe6ed;--navy:#10283d;--blue:#126b95;max-width:1120px;margin:30px auto;padding:clamp(18px,3vw,34px);border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 12px 40px #1125330e;font:400 16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left}
.sdgms *{box-sizing:border-box}.sdgms [hidden]{display:none!important}.sdgms h2,.sdgms h3,.sdgms p{margin:0 0 12px}.sdgms h2{font-size:clamp(23px,2.5vw,30px);line-height:1.3;color:var(--navy)}.sdgms h3{font-size:20px;color:var(--navy)}.sdgms a{color:#09688d;text-decoration:underline;text-underline-offset:3px}.sdgms button,.sdgms select{font:inherit;text-transform:none;letter-spacing:normal;box-shadow:none}.sdgms button{cursor:pointer}.sdgms button:focus-visible,.sdgms select:focus-visible,.sdgms summary:focus-visible,.sdgms-table-wrap:focus-visible{outline:3px solid #1b83b2;outline-offset:3px}.sdgms button:disabled{cursor:default;opacity:.55}.sdgms-topline{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin-bottom:20px}.sdgms-source{padding:7px 11px;border-radius:7px;background:#edf6f9;color:#185776;font-size:12px;font-weight:800;letter-spacing:.05em}.sdgms-updated{font-size:13px;color:var(--muted)}.sdgms-intro{font-size:22px;font-weight:750;color:var(--navy);line-height:1.4}.sdgms-muted{color:var(--muted);font-size:14px}.sdgms-tools{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px;margin:21px 0 14px}.sdgms label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:650;color:#315064}.sdgms select{display:block;width:100%;min-height:44px;padding:8px 28px 8px 10px;border:1px solid #c7dbe5;border-radius:8px;background-color:#fff;color:var(--ink);font-size:14px;line-height:1.4}.sdgms-message{color:#60410d;background:#fff7e8;border-left:3px solid #ba7d1b;padding:10px 13px;border-radius:5px;font-size:13px}.sdgms-message:empty{display:none}.sdgms-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0 28px}.sdgms-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left;border:1px solid var(--line);border-radius:11px;background:#f8fafc;color:var(--ink);padding:14px 12px;min-height:163px;line-height:1.4;transition:background .12s,border-color .12s}.sdgms button.sdgms-card:hover{background:#eff7fa}.sdgms-card.is-active{border-color:#2180a8;box-shadow:inset 0 0 0 1px #2180a8;background:#eff8fb}.sdgms-country{display:flex;gap:6px;align-items:center;min-height:36px;font-weight:700;font-size:13px;color:#315064}.sdgms-badge{display:inline-flex;align-items:center;justify-content:center;background:#e4edf3;color:#355164;border-radius:4px;font-size:10px;font-weight:800;min-width:23px;height:19px;flex-shrink:0}.sdgms-value{display:block;margin:5px 0 8px;font-size:clamp(25px,3vw,35px);line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--navy)}.sdgms-card-meta{display:block;font-size:12px;color:var(--muted);margin-top:3px}.sdgms-delta{font-size:12px;font-weight:700;color:#525d68}.sdgms-up{color:#a34848}.sdgms-down{color:#237a73}.sdgms-stale{display:inline-block;margin-top:4px;color:#8b5b13;font-size:11px;font-weight:700}.sdgms-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:24px;margin-bottom:15px}.sdgms-eyebrow{display:block;color:#315c73;font-size:11px;font-weight:800;letter-spacing:.1em;margin-bottom:5px}.sdgms-panel-head h2{margin:0}.sdgms-outline{padding:9px 13px;border:1px solid #bfd3df;border-radius:8px;background:#fff;color:#145b7d;font-size:13px;font-weight:700;min-height:42px;line-height:1.4;white-space:nowrap}.sdgms-outline:hover{background:#f0f7fa}.sdgms-explainer{padding:12px 15px;border-left:4px solid #2180a8;background:#f3f9fb;border-radius:6px;font-size:14px}.sdgms-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:20px 0}.sdgms-snapshot>div{padding:13px 15px;border-right:1px solid var(--line)}.sdgms-snapshot>div:last-child{border:0}.sdgms-snapshot span{display:block;color:var(--muted);font-size:12px}.sdgms-snapshot strong{display:block;font-size:20px;color:var(--navy);font-variant-numeric:tabular-nums;margin:3px 0}.sdgms-compare{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.sdgms-compare>label{flex:0 1 310px}.sdgms-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.sdgms-chip{display:flex;align-items:center;gap:5px;border:1px solid var(--line);background:#f4f8fa;border-radius:20px;padding:6px 9px;color:#315064;font-size:12px;min-height:35px}.sdgms-chip button{padding:0 3px;background:transparent;border:0;color:#315064;line-height:1;font-size:19px;min-width:22px;min-height:24px}.sdgms-history-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;padding:12px 14px;border:1px solid #cfe2ea;border-radius:11px;background:#f3f9fb}.sdgms-history-controls>span{font-size:12px;font-weight:800;letter-spacing:.06em;color:#225c79}.sdgms-ranges{display:flex;gap:6px;flex:1;max-width:550px}.sdgms-ranges button{flex:1;min-height:42px;padding:8px;border:1px solid #c7dbe5;border-radius:7px;background:#fff;color:#1c4359;font-size:14px;font-weight:700}.sdgms-ranges button[aria-pressed=true]{border-color:var(--blue);background:var(--blue);color:#fff}.sdgms-legend{display:flex;gap:8px 18px;flex-wrap:wrap;margin:18px 0 8px;font-size:12px}.sdgms-legend-item{display:flex;align-items:center;gap:6px}.sdgms-swatch{display:inline-block;width:22px;height:3px;border-radius:4px}.sdgms-chart{position:relative;width:100%;min-height:245px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.sdgms-chart svg{display:block;width:100%;height:auto;min-height:245px;touch-action:pan-y}.sdgms-grid{stroke:#e4ebf0;stroke-width:1}.sdgms-axis{fill:#586678;font:12px system-ui,sans-serif}.sdgms-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sdgms-tooltip{position:absolute;pointer-events:none;z-index:2;max-width:260px;padding:9px 12px;background:#10283df5;color:#fff;border-radius:7px;font-size:12px;line-height:1.5;box-shadow:0 3px 15px #0002}.sdgms-chart-note{color:var(--muted);font-size:12px;margin:10px 0 24px!important}.sdgms-empty-chart{padding:65px 25px;color:var(--muted);text-align:center}.sdgms-table-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 12px}.sdgms-table-head h3{margin:0}.sdgms-table-head label{flex-direction:row;align-items:center;gap:8px}.sdgms-table-head select{width:110px}.sdgms-table-wrap{max-width:100%;overflow:auto}.sdgms-table{width:100%;border-collapse:collapse;border:1px solid var(--line);font-size:13px;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}.sdgms-table caption{text-align:left;color:var(--muted);font-size:12px;margin-bottom:8px;white-space:normal}.sdgms-table th,.sdgms-table td{text-align:left;padding:11px 12px;border:0;border-bottom:1px solid var(--line);vertical-align:top}.sdgms-table thead{background:#f4f8fa;color:#455b6d}.sdgms-table tbody tr:nth-child(even){background:#fbfcfd}.sdgms-table th{font-weight:650}.sdgms-flag{display:block;font-size:10px;color:var(--muted)}.sdgms-more{display:block;margin:15px auto 24px}.sdgms-method{margin-top:26px;padding:0 15px;border-radius:10px;background:#f6f8fa;color:#4d5c6b;font-size:13px}.sdgms-method summary{padding:13px 0;cursor:pointer;color:var(--navy);font-weight:700}.sdgms-method p{padding-bottom:10px;margin-bottom:0}.sdgms-sources{margin:0;padding:0 0 12px 20px}.sdgms-sources li{margin:0 0 8px}.sdgms-footline{margin:16px 0 0!important;color:var(--muted);font-size:12px}
@media(max-width:950px){.sdgms-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.sdgms-country{min-height:20px}.sdgms-card{min-height:145px}.sdgms-value{font-size:32px}}
@media(max-width:600px){.sdgms{padding:20px 14px;margin:18px auto;border-radius:12px}.sdgms-intro{font-size:20px}.sdgms-tools{grid-template-columns:1fr;gap:9px}.sdgms-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sdgms-card{min-height:147px;padding:12px}.sdgms-country{font-size:12px;min-height:32px}.sdgms-value{font-size:31px}.sdgms-panel-head{align-items:flex-start;flex-direction:column;gap:12px}.sdgms-snapshot{grid-template-columns:1fr 1fr}.sdgms-snapshot>div:nth-child(2){border-right:0}.sdgms-snapshot>div:last-child{grid-column:1/-1;border-top:1px solid var(--line)}.sdgms-snapshot strong{font-size:19px}.sdgms-history-controls{display:block}.sdgms-history-controls>span{display:block;margin-bottom:9px}.sdgms-ranges{max-width:none}.sdgms-ranges button{padding:8px 5px;font-size:13px}.sdgms-compare>label{flex:1 1 100%}.sdgms-chart-note{font-size:11px}.sdgms-table-head{align-items:flex-start;flex-direction:column}.sdgms-legend{gap:6px 12px}}
@media(prefers-reduced-motion:reduce){.sdgms-card{transition:none}}
.sdgms-table-hint{display:none;color:var(--muted);font-size:12px}
@media(max-width:600px){.sdgms-table-hint{display:block}}
/* Also adapt inside a constrained WordPress content column on a wide screen. */
.sdgms{container-name:sdgms;container-type:inline-size}
@container sdgms (max-width:900px){.sdgms-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.sdgms-country{min-height:20px}.sdgms-card{min-height:145px}}
@container sdgms (max-width:600px){.sdgms-tools{grid-template-columns:1fr;gap:9px}.sdgms-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sdgms-card{min-height:147px;padding:12px}.sdgms-country{min-height:32px;font-size:12px}.sdgms-value{font-size:31px}.sdgms-panel-head{align-items:flex-start;flex-direction:column;gap:12px}.sdgms-snapshot{grid-template-columns:1fr 1fr}.sdgms-snapshot>div:nth-child(2){border-right:0}.sdgms-snapshot>div:last-child{grid-column:1/-1;border-top:1px solid var(--line)}.sdgms-snapshot strong{font-size:19px}.sdgms-history-controls{display:block}.sdgms-history-controls>span{display:block;margin-bottom:9px}.sdgms-ranges{max-width:none}.sdgms-ranges button{padding:8px 5px;font-size:13px}.sdgms-compare>label{flex:1 1 100%}.sdgms-table-head{align-items:flex-start;flex-direction:column}.sdgms-table-hint{display:block}}
/* Match the companion M2 tracker: monthly data start collapsed. */
.sdgms .sdgms-monthly{margin:24px 0;border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}
.sdgms .sdgms-monthly>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 14px;align-items:center;list-style:none;padding:15px 16px;background:#f3f9fb;color:var(--navy);cursor:pointer;transition:background-color .15s ease,color .15s ease}
.sdgms .sdgms-monthly>summary::-webkit-details-marker{display:none}
.sdgms .sdgms-monthly-title{grid-column:1;grid-row:1;font-size:18px;font-weight:750;line-height:1.4}
.sdgms .sdgms-monthly-subtitle{grid-column:1;grid-row:2;font-size:13px;color:var(--muted);line-height:1.45}
.sdgms .sdgms-monthly>summary::after{content:"+";grid-column:2;grid-row:1/3;color:var(--blue);font-size:25px;font-weight:600;line-height:1}
.sdgms .sdgms-monthly[open]>summary{border-bottom:1px solid var(--line)}
.sdgms .sdgms-monthly[open]>summary::after{content:"−"}
.sdgms .sdgms-monthly>summary:hover{background:#eaf4f8;color:#165b7c}
.sdgms .sdgms-monthly>summary:focus-visible{outline:3px solid #1b83b2;outline-offset:-3px}
.sdgms .sdgms-monthly-body{padding:16px}
.sdgms .sdgms-monthly .sdgms-table-head{margin:0 0 12px;justify-content:flex-end}
.sdgms .sdgms-monthly .sdgms-more{margin-bottom:0}
@media(prefers-reduced-motion:reduce){.sdgms .sdgms-monthly>summary{transition:none}}
/* Larger hover readings for desktop mouse users; keep touch/mobile typography. */
@media(min-width:769px) and (hover:hover) and (pointer:fine){
 .sdgms .sdgms-tooltip{font-size:14px;line-height:1.55;padding:11px 14px}
 .sdgms .sdgms-tooltip-value{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
}
.sdgms .sdgms-definition{margin:12px 0 18px}
.sdgms .sdgms-tooltip .sdgms-flag{color:#d6e8f2}
.sdgms .sdgms-monthly .sdgms-table-head select{width:128px}
.sdgms .sdgms-cpi-control{justify-content:center;align-self:center;font-size:14px;font-weight:500}
.sdgms .sdgms-cpi-control input{accent-color:#126b95;width:17px;height:17px;vertical-align:middle;margin:0 5px 0 0}
.sdgms.is-level .sdgms-value{font-size:clamp(17px,2vw,24px);overflow-wrap:anywhere;letter-spacing:-.025em}
.sdgms .sdgms-compare>label:first-child{max-width:420px}

/* Mobile chart readings follow the M2 tracker: a persistent panel below the plot. */
.sdgms-chart-readout{display:none}
@media(max-width:720px){
 .sdgms .sdgms-chart-readout{display:block;min-height:90px;margin:10px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#f8fafc;color:var(--ink);font-size:14px;line-height:1.6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 .sdgms-chart-readout>strong{display:block;margin-bottom:5px;color:var(--muted);font-size:13px}
 .sdgms-chart-readout .sdgms-tooltip-value{color:var(--navy);font-size:20px;font-weight:700;white-space:nowrap}
 .sdgms-chart-readout .sdgms-flag,.sdgms-readout-hint{color:var(--muted);font-size:13px}
 .sdgms .sdgms-tooltip{display:none!important}
}
@media print{.sdgms-chart-readout{display:none!important}}

/* Compact country cards at the existing phone breakpoint. Content may grow;
   never clip names, dates, units, definitions or source-status notes. */
@media(max-width:600px){
 .sdgms .sdgms-cards{gap:6px;margin:16px 0 22px}
 .sdgms .sdgms-card{min-height:112px;padding:8px 10px;line-height:1.3}
 .sdgms .sdgms-country{min-height:20px;font-size:12px;line-height:1.25;gap:5px}
 .sdgms .sdgms-badge{min-width:21px;height:17px;font-size:10px}
 .sdgms .sdgms-value{font-size:28px;line-height:1.1;margin:3px 0 4px}
 .sdgms .sdgms-delta{font-size:11px;line-height:1.3}
 .sdgms .sdgms-card-meta{font-size:11px;line-height:1.3;margin-top:2px}
 .sdgms .sdgms-stale{font-size:11px;line-height:1.3;margin-top:2px}
}

/* Limit the initial phone overview without removing country data from the page. */
.sdgms .sdgms-cards-more{display:block;margin:0 auto 24px}
@media(max-width:720px){.sdgms .sdgms-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sdgms .sdgms-country-tools{margin:12px 0}.sdgms .sdgms-country-tools input{display:block;font:inherit;font-size:14px;min-height:44px;width:100%;padding:9px 11px;border:1px solid #c7dbe5;border-radius:8px;background:#fff;color:var(--ink)}
.sdgms .sdgms-country-tools input:focus-visible{outline:3px solid #1b83b2;outline-offset:3px}
.sdgms .sdgms-country-select-label{margin:0 0 16px;max-width:460px}
.sdgms .sdgms-country-link{background:none;border:0;padding:0;color:#126b95;text-decoration:underline;text-underline-offset:3px;font:inherit;font-weight:650;text-align:left}
.sdgms .sdgms-all-economies td:last-child,.sdgms .sdgms-all-economies th[scope=row]{white-space:normal;min-width:160px}

/* Preserve the shared initial cohort before JavaScript, too. */
.sdgms:not([data-ready]) [data-cards]>.sdgms-card:nth-child(n+16){display:none}
@media(max-width:720px){.sdgms:not([data-ready]) [data-cards]>.sdgms-card:nth-child(n+9){display:none}}

/* Mobile-only secondary filters; desktop layout remains unchanged. */
@media(max-width:720px){
 .sdgms-tools,.sdgms-country-tools{grid-template-columns:minmax(0,1fr)}
 .sdgms-mobile-filters{margin:0 0 16px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}
 .sdgms-mobile-filters>summary{min-height:44px;padding:10px 12px;cursor:pointer;color:var(--navy);font-size:14px;font-weight:700;line-height:1.65}
 .sdgms-mobile-filters[open]>summary{margin-bottom:12px;border-bottom:1px solid var(--line)}
 .sdgms-mobile-filter-body{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:0 12px 14px}
 .sdgms-mobile-filter-body label{min-width:0}
}

/* Compact vertical spacing for the tracker. Keep the existing grids and controls. */
.sdgms[data-sdgms] { margin-block: 20px; padding-block: clamp(12px, 2vw, 22px); }
.sdgms .sdgms-topline { margin-bottom: 10px; }
.sdgms > .sdgms-intro, .sdgms > .sdgms-muted { margin-bottom: 8px; }
.sdgms .sdgms-tools { gap: 8px 12px; margin: 12px 0 8px; }
.sdgms .sdgms-cards { gap: 6px 8px; margin: 10px 0 14px; }
.sdgms .sdgms-cards .sdgms-card { min-height: 0; padding: 7px 9px; }
.sdgms .sdgms-cards .sdgms-country { min-height: 0; }
.sdgms .sdgms-cards .sdgms-value { margin: 2px 0 3px; }
.sdgms .sdgms-cards .sdgms-card-meta { margin-top: 1px; line-height: 1.35; }
.sdgms .sdgms-panel-head { gap: 8px 16px; padding-top: 12px; margin-bottom: 8px; }
.sdgms .sdgms-snapshot { margin: 10px 0; }
.sdgms .sdgms-snapshot > div { padding-block: 7px; }
.sdgms .sdgms-definition { margin-block: 8px 10px; }
.sdgms .sdgms-history-controls { gap: 8px 16px; margin: 9px 0; padding-block: 7px; }
.sdgms .sdgms-monthly > summary { min-height: 44px; padding-block: 9px; }
.sdgms .sdgms-country-tools { margin-block: 8px 10px; }