.traffic-speed-note {
  display: grid;
  gap: 5px;
  margin-top: 12px;
  padding: 12px 14px;
  border-left: 4px solid #f0b43e;
  background: #302c22;
  color: #f8fafc;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.traffic-speed-note strong { color: #ffd479; font-size: 18px; line-height: 1.35; }
.traffic-speed-note span { font-size: 16px; line-height: 1.4; }
.traffic-speed-note small { color: #c3c6ce; font-size: 12px; line-height: 1.4; }
@media (orientation: landscape) and (max-height: 500px) {
  .traffic-speed-note { padding: 8px 10px; gap: 3px; margin-top: 8px; }
  .traffic-speed-note strong { font-size: 16px; }
  .traffic-speed-note span { font-size: 14px; }
}