.traffic-amount { display:flex; align-items:baseline; gap:10px; margin:24px 0 4px; color:#e8eaf6; }
.traffic-amount strong { font-size:clamp(32px,4vw,44px); font-weight:600; letter-spacing:-1.4px; line-height:1.15; }
.traffic-amount > span { color:#9aa3c7; font-size:18px; }
.traffic-caption, .traffic-updated { color:#9aa3c7; font-size:12px; line-height:1.6; }
.traffic-directions { display:flex; flex-wrap:wrap; gap:8px 20px; margin:20px 0 8px; font-size:12px; color:#c6cde5; }
.traffic-chart { min-width:0; width:100%; margin:20px 0 8px; }
.traffic-chart .chart-summary { margin-bottom:12px; flex-wrap:wrap; gap:5px; }
.traffic-chart .chart-summary strong { font-size:20px; }
.traffic-chart .chart-period { font-size:11px; }
.traffic-chart .chart-values { margin-top:12px; }
.traffic-note { font-size:11px; line-height:1.7; color:#9aa3c7; margin:16px 0 0; }
.traffic-empty { color:#e8eaf6; margin:24px 0 8px; font-size:18px; }
.traffic-notice { padding:12px 14px; margin-top:12px; border-radius:12px; background:#101424; color:#c6cde5; font-size:12px; line-height:1.6; }
#account-traffic-panel h2 { margin-bottom:4px; }
#account-traffic-content[aria-busy=true] { opacity:.7; }
@media(max-width:480px) { .traffic-directions { flex-direction:column; gap:8px; } }