.tile.bwh-traffic{grid-column:span 2}
.bwh-traffic .card.bwh-card,.editing .bwh-traffic .card.bwh-card{padding:12px 14px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:5px;text-align:left;overflow:hidden;color:var(--text,#202123)}
.bwh-card-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;color:var(--muted,#747980)}
.bwh-card-mark{font-size:16px;color:#5d9987;letter-spacing:-3px;margin-right:3px}
.bwh-card-value{font-size:clamp(21px,9cqw,29px);line-height:1.2;font-weight:600;letter-spacing:-.7px;font-variant-numeric:tabular-nums;white-space:nowrap}
.bwh-card-sub,.bwh-card-foot{font-size:10px;color:var(--muted,#747980);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bwh-card-foot{text-align:right;opacity:.85}
#bwh-dialog{width:min(560px,calc(100vw - 28px));max-height:88dvh;margin:auto;padding:22px;border-radius:28px;color:var(--text,#202123);background:var(--surface,#fff);overscroll-behavior:contain}
#bwh-dialog h2{font-size:21px}#bwh-dialog button{color:inherit}#bwh-dialog .close{background:var(--control,#f0f1f4)}
.bwh-tabs{display:flex;background:var(--control,#f0f1f4);border-radius:14px;padding:4px;gap:4px;margin:14px 0}
.bwh-tabs button{flex:1;min-height:36px;font-size:13px;background:transparent;border-radius:11px;padding:6px}
.bwh-tabs button[aria-pressed=true]{background:var(--surface,#fff);box-shadow:0 2px 6px #0001}
.bwh-summary{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin:20px 0}
.bwh-summary div{display:flex;flex-direction:column;gap:6px;min-width:0}.bwh-summary span{font-size:11px;color:var(--muted,#747980)}.bwh-summary strong{font-size:clamp(14px,3.6vw,20px);font-variant-numeric:tabular-nums;white-space:nowrap}
.bwh-network{border:1px solid var(--border,#e7e8eb);border-radius:16px;padding:13px 14px}.bwh-network-label{font-size:12px;color:var(--muted,#747980)}.bwh-network>strong{display:block;font-size:20px;margin:5px 0;font-variant-numeric:tabular-nums}
.bwh-note{font-size:11px;line-height:1.7;color:var(--muted,#747980);margin:6px 0;overflow-wrap:anywhere}.bwh-status{margin-top:12px}.bwh-explanation{font-size:11px;color:var(--muted,#747980);margin:12px 0}.bwh-explanation summary{cursor:pointer;padding:5px 0}.bwh-warning{font-size:11px;line-height:1.7;color:#a86a28}[data-theme=dark] .bwh-warning{color:#e6b978}
.bwh-list-heading{font-size:14px;font-weight:600;margin:20px 0 12px}#bwh-dialog .bwh-search{font-size:16px;width:100%;padding:10px 12px;background:var(--control,#f0f1f4);color:inherit}
.bwh-list{list-style:none;padding:0;margin:8px 0}.bwh-row{padding:13px 0;border-bottom:1px solid var(--border,#e7e8eb)}.bwh-row-top{display:flex;align-items:baseline;gap:9px;font-size:13px}.bwh-rank{font-size:10px;color:var(--muted,#747980);min-width:16px}.bwh-domain{flex:1;min-width:0;overflow-wrap:anywhere}.bwh-row-total{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.bwh-row-meta{display:flex;gap:8px;justify-content:space-between;font-size:10px;color:var(--muted,#747980);margin:7px 0 7px 25px;font-variant-numeric:tabular-nums}.bwh-bar{height:3px;border-radius:3px;background:var(--control,#f0f1f4);margin-left:25px;overflow:hidden}.bwh-bar span{height:100%;display:block;border-radius:3px;background:#77aa98;transition:width .2s ease}
#bwh-dialog .bwh-refresh{width:100%;min-height:40px;background:var(--control,#f0f1f4);font-size:12px;margin-top:12px}
@media(max-width:370px){#bwh-dialog{padding:18px}.bwh-summary{gap:8px}.bwh-row-top{gap:6px}.bwh-card-value{font-size:23px}}
/* Dense traffic figures need a quieter surface than the homepage capsules. */
html[data-steve-appearance="on"] #bwh-dialog{background:rgba(250,251,252,.96)!important}
html[data-theme="dark"][data-steve-appearance="on"] #bwh-dialog{background:rgba(29,34,39,.97)!important}
@media(max-width:380px){.bwh-summary{grid-template-columns:1fr 1fr}.bwh-summary>div:first-child{grid-column:span 2}.bwh-summary>div:first-child strong{font-size:24px}.bwh-summary strong{font-size:16px}}

/* Quota uses one shared unit, leaving the used / allowance pair readable. */
.bwh-card .bwh-card-value{font-size:min(27px,calc((100cqw - 28px) / (var(--bwh-digits,12) * .61)));letter-spacing:-.5px}
.bwh-plan{margin-top:16px}.bwh-plan>strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.bwh-traffic .card.bwh-card,.editing .bwh-traffic .card.bwh-card{padding:9px 12px;gap:3px}
.bwh-card-head{line-height:14px}.bwh-card-sub,.bwh-card-foot{line-height:12px}
.bwh-card .bwh-card-value{font-size:min(24px,calc((100cqw - 24px) / (var(--bwh-digits,12) * .61)));line-height:1.15}