.traffic-meter{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);max-width:780px}
.traffic-meter[hidden]{display:none!important}
.traffic-meter-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px}
.traffic-meter-heading h2{font-size:11px;font-weight:400;margin:0;text-transform:uppercase;letter-spacing:1px;line-height:1.6}
.traffic-meter-heading>span{font-size:10px;color:var(--muted);line-height:1.5;text-align:right}
.traffic-meter-bar{height:7px;display:flex;overflow:hidden;background:#deded5;border-radius:20px}
.traffic-meter-bar>span{height:100%;transition:width .6s ease}
.traffic-traditional{background:var(--accent,#e85129)}
.traffic-experience{background:var(--ink,#20211e)}
.traffic-meter-labels{display:flex;justify-content:space-between;gap:20px;margin-top:10px}
.traffic-meter-labels a{display:flex;flex-direction:column;gap:5px;font-size:12px;line-height:1.5}
.traffic-meter-labels a:last-child{text-align:right}
.traffic-meter-labels small{font-size:10px;color:var(--muted)}
.traffic-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}
.traffic-meter-note{font-size:10px!important;line-height:1.6!important;color:var(--muted);margin:12px 0 0!important;max-width:650px}
@media(max-width:600px){.traffic-meter-heading{display:block}.traffic-meter-heading>span{display:block;text-align:left;margin-top:5px}.traffic-meter-labels a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.traffic-meter-bar>span{transition:none}}