.traffic-shell{max-width:1000px}.traffic-shell>label{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0}.traffic-shell select{padding:10px;border:1px solid #7594a0;border-radius:9px;background:#172e38;color:#fff;font:inherit}.traffic-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.traffic-metrics section{display:grid;gap:6px;padding:18px;background:#172e38;border:1px solid #4d6c7c;border-radius:13px}.traffic-metrics strong{font-size:clamp(24px,4vw,38px);color:#f2d39c}.traffic-metrics span{color:#c5d7db}.traffic-chart{margin:20px 0;padding:20px;background:#172e38;border:1px solid #4d6c7c;border-radius:16px}.traffic-chart h2{margin:0 0 12px}.traffic-chart svg{width:100%;height:270px}.traffic-axis{display:flex;justify-content:space-between;color:#bdcfd4;font-size:13px}.traffic-shell #traffic-note{color:#b9ccd1;line-height:1.5}.traffic-shell table{width:100%;border-collapse:collapse}.traffic-shell th,.traffic-shell td{border-bottom:1px solid #466674;padding:7px;text-align:left}@media(max-width:650px){.traffic-metrics{grid-template-columns:1fr}.traffic-chart{padding:12px}}