.traffic-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0;color:var(--muted);font-size:13px}.traffic-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.traffic-metrics section,.traffic-tables section,.traffic-notes{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}.traffic-metrics h2{font-size:14px}.traffic-metrics p{font-size:40px;font-weight:750;color:var(--accent,#ed7b83);margin:15px 0}.traffic-metrics small,.traffic-notes{color:var(--muted)}.traffic-tables{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.traffic-tables h2,.traffic-notes h2{font-size:20px;color:var(--text)}.traffic-tables table{width:100%;border-collapse:collapse;font-size:14px;margin-top:20px}.traffic-tables th,.traffic-tables td{padding:12px 4px;border-bottom:1px solid var(--line);text-align:left}.traffic-tables th:last-child,.traffic-tables td:last-child{text-align:right;font-variant-numeric:tabular-nums}.traffic-notes{line-height:1.9;font-size:13px}.traffic-notes li{margin:12px 0}.traffic-notes ul{padding-left:20px}.traffic-notes p{margin:20px 0}.traffic-notes a{color:var(--accent,#ed7b83)}#traffic-start{margin:16px 0}#traffic-error a{margin-left:10px}@media(max-width:650px){.traffic-metrics{gap:8px}.traffic-metrics section{padding:15px 10px}.traffic-metrics p{font-size:28px}.traffic-metrics small{font-size:10px}.traffic-tables{grid-template-columns:1fr}.traffic-toolbar{align-items:flex-start}.traffic-toolbar .button{flex-shrink:0}}