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

/* Mobile chart readings follow the M2 tracker: a persistent panel below the plot. */
.sdgby-chart-readout{display:none}
@media(max-width:720px){
 .sdgby .sdgby-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}
 .sdgby-chart-readout>strong{display:block;margin-bottom:5px;color:var(--muted);font-size:13px}
 .sdgby-chart-readout .sdgby-tooltip-value{color:var(--navy);font-size:20px;font-weight:700;white-space:nowrap}
 .sdgby-chart-readout .sdgby-flag,.sdgby-readout-hint{color:var(--muted);font-size:13px}
 .sdgby .sdgby-tooltip{display:none!important}
}
@media print{.sdgby-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){
 .sdgby .sdgby-cards{gap:6px;margin:16px 0 22px}
 .sdgby .sdgby-card{min-height:112px;padding:8px 10px;line-height:1.3}
 .sdgby .sdgby-country{min-height:20px;font-size:12px;line-height:1.25;gap:5px}
 .sdgby .sdgby-badge{min-width:21px;height:17px;font-size:10px}
 .sdgby .sdgby-value{font-size:28px;line-height:1.1;margin:3px 0 4px}
 .sdgby .sdgby-delta{font-size:11px;line-height:1.3}
 .sdgby .sdgby-card-meta{font-size:11px;line-height:1.3;margin-top:2px}
 .sdgby .sdgby-stale{font-size:11px;line-height:1.3;margin-top:2px}
}

/* Limit the initial phone overview without removing country data from the page. */
.sdgby .sdgby-cards-more{display:block;margin:0 auto 24px}
@media(max-width:720px){.sdgby .sdgby-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sdgby .sdgby-country-tools{margin:12px 0}.sdgby .sdgby-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)}
.sdgby .sdgby-country-tools input:focus-visible{outline:3px solid #1b83b2;outline-offset:3px}
.sdgby .sdgby-country-select-label{margin:0 0 16px;max-width:460px}
.sdgby .sdgby-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}
.sdgby .sdgby-all-economies td:last-child,.sdgby .sdgby-all-economies th[scope=row]{white-space:normal;min-width:160px}

/* Primary cards remain bounded even before JavaScript; extras start closed. */
.sdgby .sdgby-phone-only{display:none!important}
.sdgby .sdgby-extra-panel .sdgby-cards{margin:0}
@media(max-width:720px){.sdgby [data-cards]>.sdgby-card:nth-child(n+9){display:none!important}.sdgby .sdgby-phone-only{display:flex!important}}

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