/* ── US VC by HQ region (/countries/united-states/ #vc-by-region) ────────
   100% stacked bars drawn by js/usa-region-vc-share.js. Square bars, direct
   labels on the last bar, a dashed Bay Area average line. */
.uvs-card {
    position: relative;
    background: var(--surface-card);
    border: 1px solid var(--border-light);
    border-radius: 14px;
    padding: 1.1rem 1.1rem 0.9rem;
}
.uvs-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 0.6rem; }
.uvs-eyebrow { margin: 0 0 0.2rem; font-size: 0.74rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--eyebrow); }
.uvs-title { margin: 0; font-family: var(--font-display); font-size: 1.25rem; font-weight: 700; color: var(--white); }
.uvs-note { margin: 0.25rem 0 0; font-size: 0.88rem; color: var(--text-light); }
.uvs-controls { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.uvs-seg-group { display: inline-flex; border: 1px solid var(--vc-control-border); border-radius: 999px; overflow: hidden; background: var(--vc-control-background); }
.uvs-seg-group button { border: 0; background: none; padding: 0.38rem 0.8rem; font-family: var(--font-sans); font-size: 0.8rem; color: var(--text-light); cursor: pointer; }
.uvs-seg-group button:hover { background: var(--vc-control-hover-background); }
.uvs-seg-group button[aria-pressed="true"] { background: var(--surface-inverse); color: var(--text-on-inverse); }
.uvs-chart { width: 100%; min-height: 300px; }
.uvs-chart svg { display: block; width: 100%; height: auto; font-family: var(--font-sans); }
.uvs-grid { stroke: var(--border-light); stroke-width: 1; }
.uvs-tick { font-size: 11px; fill: var(--text-light); font-variant-numeric: tabular-nums; }
.uvs-seg { stroke: var(--surface-card); stroke-width: 0.6; }
.uvs-hit { fill: transparent; cursor: default; }
.uvs-avg { stroke: var(--white); stroke-width: 1.6; stroke-dasharray: 5 4; pointer-events: none; }
.uvs-lbl { font-size: 12px; font-weight: 600; fill: var(--white); }
.uvs-lbl-v { font-size: 11px; fill: var(--text-light); font-variant-numeric: tabular-nums; }
.uvs-key { display: flex; flex-wrap: wrap; gap: 0.35rem 1rem; margin-top: 0.5rem; font-size: 0.8rem; color: var(--text-light); }
.uvs-key:empty { display: none; }
.uvs-key-item { display: inline-flex; align-items: center; gap: 0.4rem; }
.uvs-key-item i { width: 10px; height: 10px; flex: none; }
.uvs-key-avg i { width: 18px; height: 0; border-top: 2px dashed var(--white); }
.uvs-source { margin: 0.6rem 0 0; font-size: 0.75rem; color: var(--text-faint); }
.uvs-tip { position: absolute; z-index: 5; min-width: 240px; padding: 0.6rem 0.7rem; background: var(--surface-card); border: 1px solid var(--border-mid); border-radius: 10px; box-shadow: var(--shadow-sm); font-size: 0.78rem; pointer-events: none; }
.uvs-tip-h { font-weight: 700; color: var(--white); margin-bottom: 0.35rem; }
.uvs-tip-row { display: grid; grid-template-columns: 10px 1fr auto auto; gap: 0.45rem; align-items: center; color: var(--text-light); line-height: 1.6; }
.uvs-tip-row i { width: 10px; height: 10px; }
.uvs-tip-row b { color: var(--white); font-variant-numeric: tabular-nums; }
.uvs-tip-row em { font-style: normal; font-variant-numeric: tabular-nums; min-width: 4.2em; text-align: right; }
@media (max-width: 640px) {
    .uvs-card { padding: 0.9rem 0.75rem 0.75rem; }
    .uvs-tip { min-width: 0; width: calc(100% - 12px); }
}