/* Chart interactions stay within the report's ink / cobalt palette. */
.flag-country-name{display:inline-flex;align-items:center;gap:9px;min-width:0}
.country-flag{display:inline-block;width:26px;height:26px;border-radius:50%;object-fit:cover;flex:0 0 auto;box-shadow:0 0 0 1px #11111112}
.country-heading .country-flag{width:34px;height:34px}
.rank-row{grid-template-columns:142px minmax(35px,1fr) 53px;gap:12px}
.rank-row .country-flag{width:24px;height:24px}
.growth-row>span{align-items:center;font-size:13px}
.growth-row>span>strong{white-space:nowrap;font-weight:600;letter-spacing:-.02em}
.growth-row>i:after{content:none}
.growth-row .country-flag{width:24px;height:24px}
.growth-row.selected .country-flag{box-shadow:0 0 0 2px #fff,0 0 0 3px #2c67c5}
#figure-1 .chart-topline{flex-wrap:wrap}
#legend-1{gap:6px}
.product-key{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid transparent;border-radius:8px;background:transparent;font-size:12px;color:#000000;transition:background .18s,border-color .18s}
.product-key>i{width:10px;height:10px;border-radius:3px}
.product-key>strong{font-size:12px;font-weight:500;margin-left:3px;color:#5d5d5d;font-variant-numeric:tabular-nums}
.product-key .gray{background:#e8f3fe;box-shadow:inset 0 0 0 1px #a4cdfb}
.product-key.active{background:#e8f3fe;border-color:#d1e5fd}
.product-key.active>strong{color:#2c67c5;font-weight:600}
.product-key:focus-visible{outline:2px solid #2c67c5;outline-offset:3px}
#chart-1 .product-layer,#chart-1 .product-label{transition:opacity .2s ease}
#chart-1 .product-label{pointer-events:none}
#chart-1[data-active-product="codex"] [data-product]:not([data-product="codex"]),
#chart-1[data-active-product="work"] [data-product]:not([data-product="work"]),
#chart-1[data-active-product="chat"] [data-product]:not([data-product="chat"]){opacity:.2}
#chart-1[data-active-product="codex"] .product-label[data-product="codex"] text,
#chart-1[data-active-product="work"] .product-label[data-product="work"] text,
#chart-1[data-active-product="chat"] .product-label[data-product="chat"] text{font-weight:700}
#chart-1 .eu-chart-hit{cursor:crosshair}
#chart-1 svg.entering .selection-marker{opacity:0}
#chart-1 .chart-context{opacity:.075}
.frontier-chart .legend .teal{background:#000000}
.frontier-chart .legend .lilac{background:#2c67c5}
.frontier-chart .legend .teal,.frontier-chart .legend .lilac{border-radius:0;width:15px;height:2px;background:repeating-linear-gradient(90deg,currentColor 0 5px,transparent 5px 8px)}
.frontier-chart .legend .teal{color:#000000}.frontier-chart .legend .lilac{color:#2c67c5}
@media(max-width:1050px){.rank-row{grid-template-columns:135px minmax(25px,1fr) 46px;gap:9px}.growth-grid{gap:0 25px}.growth-row>span{font-size:12px}}
@media(max-width:760px){.rank-row{grid-template-columns:143px minmax(30px,1fr) 50px;gap:10px}.product-key{padding:8px 9px;font-size:11px}.product-key>strong{font-size:11px}.product-key>i{width:9px;height:9px}.country-heading .country-flag{width:30px;height:30px}.growth-grid{grid-template-columns:1fr 1fr;gap:0 28px}.growth-row>span{font-size:12px}}
@media(max-width:560px){.growth-grid{grid-template-columns:1fr;gap:0}.growth-row{padding:13px 0}.growth-row>span{font-size:14px}.growth-row .country-flag{width:27px;height:27px}.growth-row>i{height:4px}.product-key{padding:8px 6px;gap:5px}.product-key>strong{margin-left:0}}
@media(prefers-reduced-motion:reduce){#chart-1 .product-layer,#chart-1 .product-label,.product-key{transition:none}}
html[data-motion="paused"] #chart-1 .product-layer,html[data-motion="paused"] #chart-1 .product-label{transition:none}

/* Shared visual language: one ink, one cobalt, and quiet neutral scaffolding. */
.chart svg,.chart svg text{font-family:OpenAI,Arial,sans-serif;font-variant-numeric:tabular-nums}
.chart svg text{letter-spacing:-.01em}
.chart-topline,.scrubber,.legend,.atlas-controls,.sort-inline{font-variant-numeric:tabular-nums}
.figure .legend{color:#5d5d5d}
.figure .legend .blue{background:#2c67c5}
.figure .legend .ink{background:#000000}
.figure .segmented{background:#fff;border-color:#cdcdcd}
.figure .segmented button{color:#5d5d5d;font-weight:500}
.figure .segmented button[aria-pressed=true]{background:#000000;color:#fff}
.figure .segmented button:focus-visible,.figure .play-timeline:focus-visible,.rank-row:focus-visible,.growth-row:focus-visible{outline:2px solid #2c67c5;outline-offset:4px}
.figure .play-timeline{border-color:#cdcdcd;color:#000000;font-weight:500}
.figure .play-timeline:hover{background:#e8f3fe;border-color:#d1e5fd}
.figure .timeline-metric .timeline-kicker,.figure .timeline-metric>span:last-child,.figure .scrubber label{color:#5d5d5d}
.figure .timeline-metric strong{font-weight:500;letter-spacing:-.065em}
.figure .scrubber{border-color:#e8e8e8}
.figure .scrubber input{accent-color:#2c67c5}
.color-key i{background:linear-gradient(90deg,#e8f3fe,#1f4e94);border-radius:1px}
.atlas-controls label,.rank-label,.color-key,.color-key em{color:#5d5d5d}
.rank-track,.growth-row>i{background:#e8f3fe;border-radius:2px}
.rank-fill,.growth-row>i>b{background:#539af8;border-radius:2px}
.rank-row.selected,.growth-row.selected,.growth-row:hover{color:#2c67c5}
.rank-row.selected .rank-fill,.rank-row:hover .rank-fill,.growth-row.selected>i>b,.growth-row:hover>i>b{background:#2c67c5}
.rank-row strong,.growth-row strong,.region-row strong{font-variant-numeric:tabular-nums;letter-spacing:-.025em;font-weight:600}
.region-row .region-bar{background:#e8e8e8;border-radius:2px}
.region-row .region-bar i{background:#afafaf;border-radius:2px}
.region-row:first-child .region-bar i{background:#000000}
.region-row.eu{color:#2c67c5}
.region-row.eu .region-bar i{background:#2c67c5}
.frontier-chart .legend .teal{color:#000000}
.frontier-chart .legend .lilac{color:#2c67c5}