/* Monthly impressions remain independent of the map's selected time range. */
.visitor-summary { flex-wrap: wrap; gap: 24px 32px; }
.visitor-summary > div { flex: 1 1 130px; min-width: 0; }
.visitor-summary span { line-height: 1.6; max-width: 230px; }
@media (max-width: 440px) {
  .visitor-summary { gap: 20px; }
  .visitor-summary > div:first-child { flex-basis: 100%; }
}

/* A single translucent surface; chart tracks never hide the background scene. */
.visitor-monthly-history { display:block; margin:0 0 28px; padding:28px; border:1px solid rgba(132,172,191,.23); }
.visitor-monthly-history .monthly-eyebrow { color:#36decd; font:11px/1.6 var(--mono); letter-spacing:.12em; }
.visitor-monthly-history h2 { margin:8px 0; font-size:clamp(23px,3vw,32px); }
.visitor-monthly-history .monthly-subtitle { max-width:none; margin:0 0 28px; color:#acbfcd; }
.visitor-monthly-history .monthly-history-rows { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr; gap:22px; }
.visitor-monthly-history .monthly-history-row { display:grid; grid-template-columns:170px minmax(30px,1fr) 90px; gap:20px; align-items:center; text-transform:none; }
.visitor-monthly-history .monthly-history-detail { display:grid; gap:6px; }
.visitor-monthly-history .monthly-status { color:#9bb4c6; font:11px/1.5 var(--mono); }
.visitor-monthly-history .monthly-history-track { height:28px; border-bottom:1px solid rgba(124,167,190,.24); }
.visitor-monthly-history .monthly-history-bar { display:block; height:100%; background:linear-gradient(90deg,rgba(47,133,243,.55),rgba(45,224,202,.78)); border-right:2px solid #41e8d2; border-radius:3px 3px 0 0; }
.visitor-monthly-history .monthly-history-count { text-align:right; color:#e4f9f5; font:600 24px/1.2 var(--mono); }
.visitor-monthly-history .monthly-history-note { margin:24px 0 8px; max-width:none; font-size:12px; color:#adbfcd; }
.visitor-monthly-history .monthly-history-stamp { margin:0; max-width:none; font:11px/1.6 var(--mono); color:#91a9bb; }
@media(max-width:600px) {
 .visitor-monthly-history { padding:20px; }
 .visitor-monthly-history .monthly-history-row { grid-template-columns:minmax(0,1fr) auto; gap:12px; }
 .visitor-monthly-history .monthly-history-track { grid-row:2; grid-column:1/-1; }
 .visitor-monthly-history .monthly-history-count { grid-row:1; grid-column:2; }
}

.visitor-monthly-history .monthly-history-detail strong { font:600 15px/1.5 var(--mono); color:#e4f9f5; }
.visitor-monthly-history strong.monthly-history-count { font:600 24px/1.2 var(--mono); color:#e4f9f5; }