/* WCAG AA readability, keyboard focus and equivalent chart data. */
:root{--muted:#465874;--faint:#52617b}
html[data-theme="dark"]{--muted:#bdcce2;--faint:#b6c8e2}
html{scroll-padding-block-start:calc(var(--topbar-h,80px) + 160px)}
:where(button,a,input,select,summary,[tabindex]):focus-visible{outline:3px solid #164caf!important;outline-offset:3px!important;box-shadow:0 0 0 6px #fff!important}
html[data-theme="dark"] :where(button,a,input,select,summary,[tabindex]):focus-visible{outline-color:#fff!important;box-shadow:0 0 0 6px #164caf!important}
.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:16px;z-index:100000;padding:12px 20px;background:#fff;color:#173b74;border:2px solid #173b74;border-radius:8px;transform:translateY(-160%);font-weight:700}.skip-link:focus{transform:none}
[role=group] button{min-height:28px}.year-rail .yr-btn{min-height:28px}.icon-btn,.modal-close,.expand-btn,.exp-grp-btn{min-width:32px;min-height:32px}.adj-chip .adj-x{min-width:28px;min-height:28px}
.chart-data{margin-top:16px;border-top:1px solid var(--border-strong);padding-top:10px;min-width:0}.chart-data summary{color:var(--primary-dark);font-weight:700;cursor:pointer;min-height:44px;padding:10px 4px;font-size:13px}.chart-data-scroll{max-width:100%;overflow:auto;margin-top:8px;border-radius:8px}.chart-data table{border-collapse:collapse;min-width:100%;font-size:13px;color:var(--text);background:var(--panel)}.chart-data caption{font-weight:700;text-align:start;padding:12px;line-height:1.5}.chart-data th,.chart-data td{padding:10px 12px;border:1px solid var(--border-strong);white-space:nowrap;text-align:start}.chart-data th{background:var(--panel-2)}
html[data-theme="dark"] .chart-data summary{color:#bed5ff}
.comp-country-list .chip{font-family:inherit;min-height:28px}.chart-legend .li.toggle.off{opacity:1;color:var(--muted)}
.title-block .sub{color:var(--muted)}
@media(max-width:900px){html{scroll-padding-block-start:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(forced-colors:active){:focus-visible{outline:3px solid Highlight!important}.active,[aria-pressed=true]{border:2px solid Highlight!important}.legend-stripe,.dot{border:1px solid CanvasText}}
@media print{.skip-link,.chart-data{display:none!important}}
:root{--grad-brand:linear-gradient(120deg,#164cac,#1e5fc9)}
html[data-theme="dark"] .ctrl-number{color:#d8e7ff}html[data-theme="dark"] .year-rail .select-toggle,html[data-theme="dark"] .comp-actions button,html[data-theme="dark"] #sens-scenario-label{color:#bed5ff}
html[data-theme="dark"] .toggle-row button.active,html[data-theme="dark"] .sens-mode-btn.active,html[data-theme="dark"] .icon-btn:hover{background:#174aa6;color:white}
