/* R45: account print remains warning-only; peak-hour bars must never widen the page. */
.stats-card[data-card-id="hourly"],
.stats-card[data-card-id="hourly"] *{box-sizing:border-box}
.stats-card[data-card-id="hourly"]{min-width:0;max-width:100%}
.stats-card[data-card-id="hourly"] .stats-peak,
.stats-card[data-card-id="hourly"] .stats-peak-body,
.stats-card[data-card-id="hourly"] .stats-peak-scrollx{min-width:0;max-width:100%;width:100%}
.stats-card[data-card-id="hourly"] .stats-peak-bars{overflow-x:hidden;display:flex;justify-content:space-between;gap:clamp(2px,1.4vw,7px);padding-inline:0}
.stats-card[data-card-id="hourly"] .stats-peak-bar-col{flex:1 1 0;min-width:0;max-width:36px}
.stats-card[data-card-id="hourly"] .stats-peak-bar-col>i{width:100%;min-width:0}
.stats-card[data-card-id="hourly"] .stats-peak-bar-col em{width:clamp(8px,42%,14px)}
.stats-card[data-card-id="hourly"] .stats-peak-bar-col span{max-width:100%;overflow:hidden;text-overflow:clip;text-align:center}
@media(max-width:430px){
  .stats-card[data-card-id="hourly"] .stats-peak-bars{gap:2px}
  .stats-card[data-card-id="hourly"] .stats-peak-bar-col em{width:9px}
  .stats-card[data-card-id="hourly"] .stats-peak-bar-col span{font-size:6px}
  .stats-card[data-card-id="hourly"] .stats-peak-bar-col:not(.peak):nth-child(even) span{opacity:0}
}
@media(max-width:370px){
  .stats-card[data-card-id="hourly"] .stats-peak-bar-col:not(.peak):nth-child(3n+2) span{opacity:0}
}