:root { color-scheme: light; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #17212b; background: #f5f7fa; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.55; }
main { width: min(100% - 2rem, 66rem); margin: 2.5rem auto; padding: clamp(1.25rem, 4vw, 2.5rem); background: #fff; border: 1px solid #d7dee7; border-radius: 1rem; }
h1, h2 { line-height: 1.2; }
h1 { font-size: clamp(1.9rem, 5vw, 3rem); margin: .25rem 0 1rem; }
h2 { margin-top: 2.25rem; font-size: 1.4rem; }
p { max-width: 72ch; }
.eyebrow { color: #425d75; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.callout { margin: 1.5rem 0; padding: 1rem 1.25rem; border-left: .3rem solid #135f8f; background: #eef6fb; }
.chart-wrap { margin: 1rem 0 0; padding: 1rem .5rem; border: 1px solid #d7dee7; border-radius: .75rem; overflow-x: auto; }
svg { display: block; width: 100%; min-width: 34rem; height: auto; }
.table-wrap { overflow-x: auto; border: 1px solid #d7dee7; border-radius: .75rem; }
table { width: 100%; min-width: 42rem; border-collapse: collapse; }
caption { padding: 1rem; text-align: left; font-weight: 700; }
th, td { padding: .85rem 1rem; text-align: left; vertical-align: top; border-top: 1px solid #d7dee7; }
thead th { background: #eef2f6; border-top: 0; }
tbody th { width: 23%; }
a { color: #075b91; text-underline-offset: .15em; }
.sources { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #d7dee7; font-size: .95rem; }
@media (max-width: 36rem) { main { width: 100%; margin: 0; border-radius: 0; } }