/* Align the controls themselves; labels occupy the row above them. */
.topbar-filters { align-items: flex-end; gap: 12px; }
.topbar-filters > .export-btn,
.topbar-filters > #print-overview-btn,
.topbar-filters #topbar-project-pill,
.topbar-filters .project-switch { min-height: 40px; margin-bottom: 0; box-sizing: border-box; }
.topbar-filters > .export-btn { display: inline-flex; align-items: center; padding: 0 16px; }
.topbar-filters > #print-overview-btn { display: inline-flex; align-items: center; height: 40px; padding: 0 16px; }
.topbar-filters #topbar-project-pill { align-items: center; }
.topbar-filters .project-pill { min-height: 40px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; box-sizing: border-box; }
.topbar-filters .dash-dropdown .dash-dropdown-trigger { min-height: 40px; }
.topbar-filters #global-location-wrap { margin-right: 0 !important; }
.topbar-filters .topbar-date { flex: 0 0 auto; }
.filter-row { align-items: flex-end; }
.filter-item { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.filter-label { min-height: 17px; line-height: 17px; }
.filter-item .dash-dropdown .dash-dropdown-trigger { min-height: 44px; }
.radar-filter { flex: 1 1 460px; max-width: 680px; }
.overview-nav { padding-top: 8px; padding-bottom: 8px; }
/* Editorial hierarchy: one lead metric, supporting figures and engine detail. */
.global-overview {--overview-accent:#13CDC8;--overview-soft:#eaf9f8;}
.overview-project-header {display:flex;align-items:end;justify-content:space-between;gap:24px;margin:8px 0 28px;padding:0 4px;}
.overview-project-kicker {display:block;font-size:10px;letter-spacing:1.5px;font-weight:600;color:var(--premium-muted);margin-bottom:8px;}
.overview-project-header h1 {margin:0;font-size:38px;letter-spacing:-1.6px;font-weight:500;color:var(--premium-ink);}
.overview-project-header p {display:none;}
.global-overview-grid {display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px;align-items:stretch;}
.global-overview-grid>.overview-module:only-child {grid-column:1/-1;}
.overview-module {min-width:0;background:linear-gradient(145deg,#fff,#f9fbfb);border:1px solid #fff;border-radius:24px;padding:28px;box-shadow:0 6px 30px -22px #33585744;scroll-margin-top:24px;display:flex;flex-direction:column;}
.overview-module-head {display:flex;align-items:center;justify-content:space-between;gap:16px;}
.overview-module-title {display:flex;align-items:center;gap:12px;}
.overview-module-mark {display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;background:#e0f7f5;color:#087e82;}
.overview-module-eyebrow {display:block;font-size:9px;letter-spacing:1.1px;font-weight:600;color:#7a8b92;margin-bottom:3px;}
.overview-module-head h2 {margin:0;font-size:20px;line-height:1.2;font-weight:550;letter-spacing:-.45px;color:var(--premium-ink);}
.overview-module-date {font-size:11px;color:var(--premium-muted);}
.overview-module-body {margin-top:26px;flex:1;}
.overview-module-detail:empty {display:none;}
.overview-module-metrics {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.overview-module-metric {display:flex;flex-direction:column;min-width:0;}
.overview-module-value {font-size:48px;line-height:1.1;font-weight:450;letter-spacing:-2px;color:var(--premium-ink);font-variant-numeric:tabular-nums;}
.overview-module-label {font-size:12px;font-weight:500;line-height:1.45;color:var(--premium-muted);margin-top:8px;}
.overview-module-value.overview-value-wide {font-size:32px;}
.overview-module-note {font-size:11px;line-height:1.65;color:var(--premium-muted);margin:20px 0 0;max-width:650px;}
.overview-module-links {display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid #e5ecec;}
.overview-module-link {display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#087e82;text-decoration:none;}
.overview-module-link:hover {text-decoration:underline;}
.overview-module-seo .overview-module-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.overview-module-seo .overview-module-metric:nth-child(3) {grid-column:1/-1;grid-row:1;border-radius:20px;padding:24px 28px;background:radial-gradient(ellipse at 95% 0%,#84ede5 0%,transparent 65%),linear-gradient(120deg,#13CDC8,#47dad3);position:relative;overflow:hidden;}
.overview-module-seo .overview-module-metric:nth-child(3)::after {content:"";position:absolute;width:190px;height:190px;right:-30px;top:42px;border:1px solid #ffffff44;border-radius:50%;box-shadow:0 0 0 28px #ffffff0b,0 0 0 56px #ffffff08;pointer-events:none;}
.overview-module-seo .overview-module-metric:nth-child(3) .overview-module-value {font-size:76px;letter-spacing:-4px;line-height:1;color:#123b40;position:relative;z-index:1;}
.overview-module-seo .overview-module-metric:nth-child(3) .overview-module-label {color:#22585b;font-size:14px;margin-top:10px;position:relative;z-index:1;}
.overview-module-seo .overview-module-metric:nth-child(n+4) {border-top:1px solid #e5ecec;padding-top:20px;}
.overview-module-seo .overview-module-metric:nth-child(n+4) .overview-module-value {font-size:30px;letter-spacing:-1px;color:#526974;}
.overview-module-geo .overview-module-summary {padding:0 0 24px;border-bottom:1px solid #e5ecec;}
.overview-module-geo .overview-module-metrics {gap:20px;}
.overview-module-geo .overview-module-summary .overview-module-value {font-size:64px;letter-spacing:-3px;color:#087e82;}
.overview-module-geo .overview-module-summary .overview-module-note {margin-top:16px;}
.overview-module-geo .overview-module-detail {margin-top:22px;}
.overview-engine-table {width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;}
.overview-engine-table th {font-size:10px;letter-spacing:.5px;font-weight:500;color:var(--premium-muted);text-align:right;padding:0 0 12px;}
.overview-engine-table td {font-variant-numeric:tabular-nums;text-align:right;padding:12px 0;border-top:1px solid #edf1f1;color:var(--premium-ink);}
.overview-engine-table th:first-child,.overview-engine-table td:first-child {text-align:left;width:45%;}
.overview-engine-table td:first-child {font-weight:500;}
.overview-aio-summary {margin-top:22px;padding:18px 20px;border-radius:16px;background:linear-gradient(110deg,#e3f8f5,#f2faf9);}
.overview-aio-summary h3 {font-size:12px;font-weight:550;color:#087e82;margin:0 0 16px;}
.overview-aio-summary .overview-module-value {font-size:28px;letter-spacing:-1px;}
.overview-aio-summary .overview-module-label {font-size:10px;margin-top:6px;}
.overview-module-local,.overview-module-brand {padding:26px 28px;background:linear-gradient(125deg,#f0f8f7,#fff 75%);}
.overview-module-local .overview-module-body,.overview-module-brand .overview-module-body {margin-top:22px;}
.overview-module-local .overview-module-value {font-size:40px;}
.overview-module-brand .overview-module-metrics {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.overview-module-brand .overview-module-value {font-size:34px;}
.overview-module-brand .overview-value-wide {font-size:26px;}
.overview-empty {font-size:13px;color:var(--premium-muted);}
@media(max-width:1100px){.overview-module{padding:24px;}.overview-module-seo .overview-module-metric:nth-child(3) .overview-module-value{font-size:64px;}.overview-module-geo .overview-module-summary .overview-module-value{font-size:52px;}.overview-module-brand .overview-value-wide{font-size:22px;}}
@media(max-width:800px){.global-overview-grid{grid-template-columns:1fr;}.overview-project-header{align-items:flex-start;flex-direction:column;gap:16px;}.overview-project-header h1{font-size:32px;}.overview-module-seo .overview-module-metrics{gap:22px;}}
@media(max-width:420px){.overview-module{padding:20px;}.overview-module-value{font-size:40px;}.overview-module-seo .overview-module-metric:nth-child(3){padding:22px;}.overview-module-seo .overview-module-metric:nth-child(3) .overview-module-value{font-size:60px;}.overview-module-geo .overview-module-summary .overview-module-value{font-size:48px;}.overview-module-brand .overview-module-value{font-size:28px;}.overview-module-brand .overview-value-wide{font-size:20px;}.overview-module-label{font-size:11px;}}
.geo-category-controls {display:grid;grid-template-columns:minmax(110px,.6fr) minmax(180px,1fr) minmax(180px,1fr);gap:16px;margin:20px 0 12px;}
.geo-category-controls label {display:block;font-size:12px;font-weight:500;color:var(--premium-muted);margin-bottom:7px;}
@media(max-width:700px){.geo-category-controls{grid-template-columns:1fr;}.geo-detail-graph{min-width:0;}}
.geo-category-stack {min-width:0;}
@media(max-width:900px){.chart-card .dash-graph.geo-category-stack{height:var(--geo-stack-mobile-height,420px)!important;min-height:0!important;max-height:none!important;}}
/* Full graph with an optional value key, using the existing details pattern. */
.radar-reading-layout {display:block;margin-top:12px;}
.radar-plot {min-width:0;}
.radar-plot .legend .js-line {stroke-width:1px!important;}
.radar-key {margin-top:12px;border-top:1px solid var(--premium-line);overflow-x:auto;}
.radar-key>summary {cursor:pointer;list-style:none;padding:16px 0;font-size:12px;color:var(--premium-teal-ink);font-weight:500;}
.radar-key>summary::after {content:"＋";float:right;color:var(--premium-muted);}
.radar-key[open]>summary::after {content:"−";}
.radar-reading-single .radar-key {display:none;}
.radar-category-key {width:100%;border-collapse:collapse;font-size:12px;line-height:1.55;margin-bottom:16px;}
.radar-category-key th {padding:0 8px 12px;text-align:right;color:var(--premium-muted);font-size:12px;font-weight:500;}
.radar-category-key th:first-child {text-align:left;}
.radar-category-key th span {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px;}
.radar-category-key td {border-top:1px solid var(--premium-line);padding:10px 8px;color:var(--premium-ink);vertical-align:top;}
.radar-category-key td:first-child {width:28px;padding-left:0;}
.radar-category-key td:nth-child(2) {width:100%;overflow-wrap:anywhere;}
.radar-axis-number {display:inline-flex;align-items:center;justify-content:center;background:var(--premium-canvas);border-radius:5px;min-width:24px;height:23px;color:var(--premium-muted);font-size:10px;}
.radar-key-value {text-align:right;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;}
@media(max-width:600px){.radar-category-key th span{max-width:60px;}.radar-category-key th,.radar-category-key td{padding-right:4px;padding-left:4px;}}
@media print {.radar-key{display:block;}}
/* Keep denominators readable without competing with the result count. */
.overview-module-value:has(.overview-metric-total) {display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.overview-metric-total {font-size:18px;font-weight:400;letter-spacing:-.3px;color:#71858e;white-space:nowrap;}
.overview-module-seo .overview-module-metric:nth-child(3) .overview-metric-total {font-size:24px;color:#2d6365;}
.overview-module-seo .overview-module-metric:nth-child(3) .overview-value-wide {font-size:52px;letter-spacing:-2px;}
.radar-reading-indexed {display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:0 28px;align-items:start;}
.radar-reading-indexed .radar-plot {grid-column:1;grid-row:1;}
.radar-reading-indexed .radar-category-legend {grid-column:2;grid-row:1;padding-top:68px;}
.radar-reading-indexed .radar-key {grid-column:1/-1;grid-row:2;}
.radar-category-legend:empty {display:none;}
.radar-category-legend h3 {font-size:11px;letter-spacing:.7px;color:#687e87;text-transform:uppercase;font-weight:550;margin:0 0 14px;}
.radar-category-legend ol {list-style:none;margin:0;padding:0;display:grid;gap:9px;}
.radar-category-legend li {display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.4;color:#344F5C;}
.radar-category-legend .radar-axis-number {flex:0 0 25px;background:#e5f4f2;color:#087e82;}
@media(max-width:980px){.radar-reading-indexed{grid-template-columns:1fr;}.radar-reading-indexed .radar-category-legend{grid-column:1;grid-row:2;padding:8px 0 16px;}.radar-reading-indexed .radar-key{grid-row:3;}.radar-category-legend ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;}}
@media(max-width:480px){.overview-metric-total{font-size:15px;}.overview-module-seo .overview-module-metric:nth-child(3) .overview-metric-total{font-size:20px;}.radar-category-legend ol{grid-template-columns:1fr;}}
.overview-client-identity {display:flex;align-items:center;gap:14px;}
.overview-client-logo {width:42px;height:42px;object-fit:contain;border-radius:10px;background:white;padding:5px;box-sizing:border-box;}
.radar-site-legend {display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 16px;}
.radar-site-legend:empty {display:none;}
.radar-site-button {display:inline-flex;align-items:center;gap:8px;border:1px solid #e1ebeb;border-bottom:2px solid var(--site-color);background:#fff;border-radius:10px;padding:8px 11px;font:inherit;font-size:12px;color:#344f5c;cursor:pointer;}
.radar-site-button[aria-pressed="false"] {opacity:.4;}
.radar-site-button:focus-visible {outline:2px solid #13CDC8;outline-offset:3px;}
.radar-site-logo,.comparison-site-logo {width:20px;height:20px;object-fit:contain;border-radius:4px;}
.comparison-brand-identity {display:inline-flex;align-items:center;gap:8px;}
.radar-reading-indexed .radar-site-legend {grid-column:1/-1;grid-row:1;}
.radar-reading-indexed .radar-plot {grid-row:2;}
.radar-reading-indexed .radar-category-legend {grid-row:2;}
.radar-reading-indexed .radar-key {grid-row:3;}
@media(max-width:980px){.radar-reading-indexed .radar-category-legend{grid-row:3;}.radar-reading-indexed .radar-key{grid-row:4;}}
.comparison-brand-strip {display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 4px;}
.comparison-brand-strip>.comparison-brand-identity {padding:7px 10px;border-radius:10px;background:#f4f7f7;font-size:12px;color:#344f5c;}
.comparison-brand-strip>.comparison-brand-client {background:#e0f7f5;color:#087e82;}
.comparison-brand-strip>.comparison-brand-identity {border-bottom:2px solid var(--site-color,transparent);}
.comparison-brand-strip>.comparison-brand-client {--site-color:#13CDC8;}
.comparison-brand-toggle {font:inherit;cursor:pointer;border:1px solid transparent;transition:opacity .15s,box-shadow .15s;}
.comparison-brand-toggle:hover {box-shadow:0 2px 8px #132b4020;}
.comparison-brand-toggle:focus-visible {outline:2px solid #09a9a5;outline-offset:3px;}
.comparison-brand-toggle[aria-pressed="false"] {opacity:.4;filter:grayscale(1);}
.comparison-brand-toggle:disabled {opacity:.4;cursor:default;box-shadow:none;}
.comparison-others-dot {width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#a5b1c0;}
