.traffic-row,.traffic-panel,.traffic-pills{--traffic-normal:#7fd6a6;--traffic-moderate:#f1c965;--traffic-heavy:#ff9d57;--traffic-severe:#ff6b6b;--traffic-chains:#8bd9ff}.tone-normal{--tone:var(--traffic-normal)}.tone-moderate{--tone:var(--traffic-moderate)}.tone-heavy{--tone:var(--traffic-heavy)}.tone-severe,.tone-closed{--tone:var(--traffic-severe)}.tone-chains{--tone:var(--traffic-chains)}.traffic-dot{background:var(--tone,var(--muted));width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--tone,var(--muted)) 22%, transparent);border-radius:50%;flex:none;display:inline-block}.traffic-row{border:1px solid var(--line);border-left:3px solid var(--tone,var(--line-strong));background:#080f17cc;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 22px;margin:0 0 24px;padding:16px 22px;display:grid}.traffic-row-label{color:var(--muted);letter-spacing:.9px;text-transform:uppercase;font-size:11px;font-weight:800}.traffic-row-main{flex-wrap:wrap;align-items:baseline;gap:4px 16px;min-width:0;margin:0;display:flex}.traffic-row-main strong{letter-spacing:-.2px;overflow-wrap:anywhere;align-items:center;gap:10px;font-size:17px;line-height:1.35;display:inline-flex}.traffic-row-time{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:17px;font-weight:650}.traffic-row-time em{color:var(--tone,var(--muted));font-style:normal}.traffic-row-aside{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 14px;font-size:13px;display:flex}.traffic-row-aside a{color:#87baff;white-space:nowrap;font-weight:650}.traffic-row.is-unavailable .traffic-row-main{color:var(--muted);font-size:15px}.traffic-row.is-stale .traffic-row-main strong,.traffic-row.is-stale .traffic-row-time{color:var(--muted)}.traffic-asof{color:var(--muted);font-size:12px}.traffic-row-source{color:var(--muted);overflow-wrap:anywhere;grid-column:1/-1;margin-top:-6px;font-size:11px;line-height:1.4}.traffic-chip,.traffic-severity{border:1px solid color-mix(in srgb, var(--tone) 45%, transparent);color:var(--tone);background:color-mix(in srgb, var(--tone) 12%, transparent);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.traffic-chip.tone-closed,.traffic-severity.tone-closed{color:#fff;background:#d93b3b;border-color:#0000}.traffic-chips{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.traffic-panel{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.traffic-corridors{gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.traffic-corridor{border:1px solid var(--line);border-left:3px solid var(--tone,var(--line-strong));background:#ffffff06;border-radius:14px;padding:16px 18px}.traffic-corridor header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.traffic-corridor header div{min-width:0}.traffic-corridor header strong{overflow-wrap:anywhere;font-size:16px;line-height:1.3;display:block}.traffic-corridor header span:not(.traffic-severity){color:var(--muted);letter-spacing:.4px;margin-top:2px;font-size:12px;font-weight:700;display:block}.traffic-times{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0;display:grid}.traffic-times div{min-width:0}.traffic-times dt{color:var(--muted);font-size:11px;font-weight:700}.traffic-times dd{font-variant-numeric:tabular-nums;letter-spacing:-.3px;margin:3px 0 0;font-size:18px;font-weight:700}.traffic-times .traffic-delay dd{color:var(--tone)}.traffic-corridor footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;margin-top:14px;display:flex}.traffic-official{color:#87baff;font-size:13px;font-weight:650}.traffic-corridor.is-stale .traffic-times dd,.traffic-corridor.is-stale header strong{color:var(--muted)}.traffic-corridor.is-stale{border-left-style:dashed}.traffic-corridor-note{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.5}.traffic-route-links{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.traffic-route-links li{flex-wrap:wrap;justify-content:space-between;gap:4px 14px;font-size:14px;display:flex}.traffic-route-links small{color:var(--muted);font-size:12px}.traffic-footnote{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.55}.traffic-footnote p{margin:0}.traffic-attribution{color:var(--muted);flex-wrap:wrap;gap:2px 12px;display:flex;margin-bottom:4px!important}.traffic-pills{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.traffic-pill{border:1px solid color-mix(in srgb, var(--tone) 40%, transparent);color:var(--tone);background:var(--mm-surface-inset);font:700 11px/1.2 var(--font-body);letter-spacing:.2px;border-radius:999px;align-items:center;gap:7px;padding:5px 9px 5px 8px;display:inline-flex}.traffic-pill .traffic-dot{width:6px;height:6px;box-shadow:none}.traffic-pills.is-stale .traffic-pill{border-style:dashed}.traffic-pill-age{color:var(--muted);align-self:center;font-size:11px;font-weight:700}.traffic-source{color:var(--muted);overflow-wrap:anywhere;flex-basis:100%;font-size:11px;line-height:1.4}@media (max-width:640px){.traffic-row{grid-template-columns:1fr;gap:8px;padding:14px 16px}.traffic-row-aside{justify-content:flex-start}.traffic-row-main strong,.traffic-row-time{font-size:16px}.traffic-times{gap:8px}.traffic-times dd{font-size:16px}}html[data-theme=light] :is(.traffic-row,.traffic-panel,.traffic-pills){--traffic-normal:#146e5b;--traffic-moderate:#865807;--traffic-heavy:#a34a00;--traffic-severe:#b3261e;--traffic-chains:#15688f}html[data-theme=light] .traffic-row{background:var(--surface-elevated)}html[data-theme=light] .traffic-corridor{background:var(--surface-subtle)}html[data-theme=light] .traffic-pill{background:var(--surface-elevated)}html[data-theme=light] :is(.traffic-row-aside a,.traffic-official){color:var(--accent)}.traffic-row{margin:var(--mm-gap) 0 0;border:1px solid var(--mm-border);border-radius:var(--mm-radius);background:var(--mm-surface-inset);box-shadow:none;padding:16px 20px}.traffic-row-label{color:var(--mm-text-3);font:var(--mm-label);letter-spacing:.06em;text-transform:uppercase}.traffic-row-aside a{color:var(--mm-accent)}
