#social .social-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
.social-primary{grid-template-columns:1.55fr .85fr;align-items:stretch}
.social-primary .table-card{margin-top:0}
.top-reel-card{background:linear-gradient(150deg,#163341,#0b627f);color:#fff;border:0;position:relative;overflow:hidden}
.top-reel-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;top:-100px;background:rgba(239,118,34,.24)}
.top-reel-card .eyebrow{color:#ffb681}.top-reel-card h2{font-size:1.55rem;max-width:18ch}
.top-reel-card>p{color:#d6e4e9;line-height:1.6;min-height:72px}
.social-reel-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}
.social-reel-metrics div{background:rgba(255,255,255,.1);padding:12px;border-radius:10px}
.social-reel-metrics strong{display:block;font-size:1.25rem}.social-reel-metrics span{font-size:.72rem;color:#bfd1d8}
.social-link{display:inline-flex;padding:10px 13px;border-radius:9px;background:var(--orange);color:#fff;text-decoration:none;font-size:.84rem;font-weight:800;position:relative;z-index:1}
.social-availability{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0}
.social-availability .card{border-top:4px solid var(--orange)}
.social-availability .card:nth-child(2){border-top-color:var(--blue)}
.social-availability .card:nth-child(3){border-top-color:var(--green)}
.availability-value{display:block;font-size:1.18rem;margin:4px 0 9px}
.social-availability p,.social-source-note p{color:var(--muted);font-size:.84rem;line-height:1.55;margin:0}
#social td.content-cell{max-width:390px;white-space:normal;text-align:left}
#social td.content-cell a{color:var(--blue);text-decoration:none;font-weight:650;line-height:1.4}
#social td.content-cell a:hover{text-decoration:underline}
.social-source-note{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-top:14px}
.social-source-note h2{margin-bottom:0}.social-source-note p{max-width:720px}
@media(max-width:1000px){#social .social-summary{grid-template-columns:repeat(2,1fr)}.social-primary,.social-availability{grid-template-columns:1fr}.social-source-note{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){#social .social-summary{grid-template-columns:1fr}.social-reel-metrics{grid-template-columns:1fr}.social-source-note{gap:12px}}