html[data-theme] body.seed-city { background: var(--mv-bg); }
body.seed-city { display: block; min-height: 0; padding: 0; font-family: var(--font-display); }
.seed-city .outer { min-height: 0; padding: 0; background: var(--mv-bg); }
.seed-city .card { max-width: none; padding: 24px; background: var(--mv-card); }
.seed-city .seed-export-title { font: 600 28px/1.15 var(--font-display); margin-bottom: 14px; }
.seed-city .seed-export-title, .seed-city .legend-item { color: var(--mv-text) !important; }
.seed-figure .seed-export-title { display: none; }
.seed-figure .seed-export-cohort { display: none; }
.seed-city .chart-wrap { height: 360px; margin: 0; }
.seed-ranking .chart-wrap { height: 320px; }
.seed-city .subtitle { font-size: 15px; margin: 0 0 18px; color: var(--mv-text-sec) !important; }
.seed-city .seed-note { color: var(--mv-text-muted); font-size: 13px; line-height: 1.4; margin-top: 12px; }
.seed-city .footer { margin-top: 14px; padding-top: 14px; }
.seed-city .source { font-size: 12px; color: var(--mv-text-muted) !important; }
.seed-city .legend { margin-bottom: 6px; }
.seed-city .view-toggle { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.seed-city:not(.seed-figure) .seed-controls { display: none; }
.seed-city .view-toggle-btn { padding: 7px 12px; border: 1px solid var(--mv-border); border-radius: 6px; background: var(--mv-card); color: var(--mv-text-muted); font: 600 14px var(--font-display); cursor: pointer; }
.seed-city .view-toggle-btn.active { background: var(--mv-toggle-active); border-color: var(--mv-blue); color: var(--mv-text); }
.seed-city .view-toggle-btn:focus-visible { outline: 2px solid var(--mv-blue); outline-offset: 3px; }
.seed-city .dl-png-btn { left: auto; right: 10px; top: 8px; }
@media (max-width: 520px) {
  .seed-city .card { padding: 18px 12px; }
  .seed-city .subtitle { font-size: 13px; }
  .seed-city .seed-export-title { font-size: 23px; }
}
.seed-city .chart-wrap { position: relative; }
.seed-value-labels { position: absolute; inset: 0; pointer-events: none; }
.seed-value-label { position: absolute; transform: translateY(-50%); text-align: right; white-space: nowrap; font-family: var(--font-display); }
.seed-value-label strong { display: block; font-size: 22px; line-height: 1.1; font-weight: 600; color: var(--mv-text); }
.seed-value-label span { display: block; margin-top: 3px; font-size: 13px; line-height: 1.2; color: var(--mv-text-muted); }
.seed-value-label.is-vertical { transform: translate(-50%, -100%); text-align: center; }
.seed-value-label.is-vertical strong { font-size: 23px; }
.seed-value-label.is-vertical span { font-size: 12px; }
.seed-value-labels.is-small strong { font-size: 17px; }
.seed-value-labels.is-small span { font-size: 11px; }
.seed-cohorts .chart-wrap { height: 440px; }
.seed-cohort-key { display: flex; flex-wrap: wrap; gap: 12px 24px; color: var(--mv-text-muted); font-size: 13px; margin-bottom: 8px; }
.seed-cohort-key span { display: inline-flex; align-items: center; gap: 7px; }
.seed-cohort-pills { flex-wrap: wrap; gap: 6px; padding: 0; border: 0; background: none; margin: 0 0 12px; }
.seed-cohort-pills button { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 7px 13px; border: 1px solid var(--mv-border); border-radius: 999px; background: var(--mv-pill-bg); font: 600 13px var(--font-display); }
.seed-cohort-pills button.active { background: var(--mv-blue); border-color: var(--mv-blue); color: var(--mv-bg); box-shadow: none; }
.seed-cohort-pills button:focus-visible { outline: 2px solid var(--mv-blue); outline-offset: 3px; }
.seed-cohort-pills button:hover { border-color: var(--mv-blue); }
.seed-export-key { display: none; }
.seed-export-key .is-muted { opacity: .35; }
.seed-city:not(.seed-figure) .seed-cohort-pills { display: none; }
.seed-city:not(.seed-figure) .seed-export-key { display: flex; }
.seed-line { width: 24px; border-top: 2px solid currentColor; }
.seed-line.dashed { border-top-style: dashed; }
.seed-line.dotted { border-top-style: dotted; }
.seed-curve-labels { position: absolute; inset: 0; pointer-events: none; }
.seed-curve-label { position: absolute; white-space: nowrap; font-family: var(--font-display); line-height: 1.2; padding: 2px 3px; text-shadow: 1px 1px var(--mv-card), -1px -1px var(--mv-card), 1px -1px var(--mv-card), -1px 1px var(--mv-card); }
.seed-curve-label strong { display: block; font-size: 15px; font-weight: 600; }
.seed-curve-label span { display: block; font-size: 12px; }
.seed-curve-label small { display: block; font-size: 11px; color: var(--mv-text-muted); }
@media (max-width: 600px) {
  .seed-cohorts .chart-wrap { height: 450px; }
  .seed-cohort-key { gap: 10px; font-size: 11px; }
  .seed-cohort-pills button { font-size: 12px; padding: 7px 10px; }
  .seed-line { width: 15px; }
  .seed-curve-label strong { font-size: 12px; }
  .seed-curve-label span, .seed-curve-label small { font-size: 10px; }
}