.on-traffic-card[hidden],.on-traffic-consent[hidden],.on-traffic-consent [hidden]{display:none!important}
.on-traffic-card{background:var(--paper,#fff);border:1px solid var(--line,#dce9f1);border-radius:var(--radius,20px);padding:24px;margin:24px 0;color:var(--ink,#132d43)}
.home-sidebar>.on-traffic-card,.content-sidebar>.on-traffic-card{margin:0;padding:22px}
.on-traffic-title{font-size:1.15rem;line-height:1.5;margin:0 0 16px;color:var(--navy,#082f5d)}
.on-traffic-card dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px}
.on-traffic-card dl>div{padding:12px;background:var(--wash,#f4fbff);border-radius:12px;min-width:0}
.on-traffic-card dt{font-size:.8rem;line-height:1.6;color:var(--muted,#5e7285)}
.on-traffic-card dd{margin:4px 0 0;font-size:1.65rem;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.on-traffic-note{font-size:.75rem;line-height:1.8;margin:16px 0 0;color:var(--muted,#5e7285)}
.on-traffic-consent{box-sizing:border-box;margin:20px auto;padding:20px;background:var(--wash,#f4fbff);border:1px solid var(--line,#dce9f1);border-radius:16px;font-size:.8rem;line-height:1.8;color:var(--ink,#132d43)}
.on-traffic-consent p{margin:0 0 10px}.on-traffic-consent p:first-child{font-weight:700}
.on-traffic-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.on-traffic-actions button{font:inherit;cursor:pointer;min-height:44px;padding:8px 16px;border:1px solid var(--navy,#082f5d);border-radius:8px;background:#fff;color:var(--navy,#082f5d)}
.on-traffic-actions button:hover{background:#e8f4fc}.on-traffic-actions button:focus-visible{outline:3px solid #0879ce;outline-offset:3px}
@media(max-width:600px){.on-traffic-card{padding:18px}.on-traffic-card dl{grid-template-columns:1fr}.on-traffic-consent{margin-bottom:24px}}