.peer-traffic-bars{display:grid;gap:9px}
.traffic-benchmark-row{display:grid;grid-template-columns:32px 180px minmax(180px,1fr) 210px;gap:14px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line)}
.traffic-rank{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.traffic-name{display:grid;gap:2px}.traffic-name b{font-size:12px}
.traffic-name a,.promotion-row small{color:var(--muted);font-size:9px}
.traffic-track{height:16px;background:#172a3f;overflow:hidden}
.traffic-track i{display:block;height:100%;width:0;background:var(--c);box-shadow:0 0 14px color-mix(in srgb,var(--c),transparent 55%)}
.traffic-stats{display:grid;grid-template-columns:65px 65px 1fr;gap:8px;align-items:baseline;text-align:right;font-variant-numeric:tabular-nums}
.traffic-stats span,.traffic-stats small{font-size:10px}.positive{color:var(--green)}.negative{color:var(--red)}.traffic-stats small{color:var(--muted)}
.promotion-row>span{display:grid;gap:2px}
.comparison-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.case-card{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:14px;border-top:2px solid var(--accent);background:#ffffff05}
.case-card>span{color:var(--accent);font-size:11px;font-weight:800}.case-card b{font-size:12px}
.case-card p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
.light .traffic-track{background:#dfe8ef}.light .case-card{background:#f5f8fb}
@media(max-width:1050px){.traffic-benchmark-row{grid-template-columns:32px 150px 1fr}.traffic-stats{grid-column:2/4;text-align:left}.comparison-cases{grid-template-columns:1fr}}
@media(max-width:720px){.traffic-benchmark-row{grid-template-columns:28px 1fr}.traffic-track,.traffic-stats{grid-column:2}.traffic-stats{grid-template-columns:repeat(3,1fr)}.comparison-cases{grid-template-columns:1fr}}