/* Morning Report: Social Media Buys section */
.sb .sb-badge{display:inline-block;vertical-align:middle;margin-left:6px;padding:2px 9px;border-radius:999px;font-size:.62rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;
  background:#2a1d4a;border:1px solid #7a5cd6;color:#d9ccff}
.sb .sb-sub{margin:-4px 0 8px;color:var(--muted);font-size:.8rem;line-height:1.45}
.sb .sb-card{padding:10px 14px 12px}
.sb .sb-group + .sb-group{margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}
.sb .sb-gh{margin:0 0 4px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2)}
.sb .sb-list{list-style:none;margin:0;padding:0}
.sb .sb-row{display:grid;grid-template-columns:22px minmax(110px,170px) minmax(120px,1fr) 150px;grid-template-areas:"rank id meter px" ". why why why";
  column-gap:12px;row-gap:1px;align-items:center;padding:6px 0;border-bottom:1px solid rgba(36,71,111,.55)}
.sb .sb-row:last-child{border-bottom:0}
.sb .sb-rank{grid-area:rank;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--navy-3);color:var(--gold-2);font-weight:900;font-size:.75rem}
.sb .sb-id{grid-area:id;min-width:0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.sb .sb-id .tick{font-size:1rem}
.sb .sb-name{color:var(--muted);font-size:.74rem}
.sb .sb-meter{grid-area:meter;display:flex;align-items:center;gap:8px;min-width:0}
.sb .sb-bar{flex:1;height:8px;border-radius:999px;background:rgba(8,20,37,.7);overflow:hidden;min-width:40px}
.sb .sb-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7a5cd6,#3fd0ff)}
.sb .sb-n{font-variant-numeric:tabular-nums;font-size:.74rem;color:#d6e0ee;min-width:3.2em;text-align:right}
.sb .sb-px{grid-area:px;text-align:right;font-variant-numeric:tabular-nums;font-size:.82rem;white-space:nowrap}
.sb .sb-why{grid-area:why;color:#d6e0ee;font-size:.76rem;line-height:1.4}
.sb .sb-note{margin:8px 0 0;color:var(--muted);font-size:.72rem;line-height:1.4}
@media (max-width:640px){
  .sb .sb-row{grid-template-columns:22px minmax(0,1fr) auto;grid-template-areas:"rank id px" ". meter meter" ". why why";row-gap:3px;column-gap:10px}
}