.social-feature{background:#111115;border-top:3px solid var(--gold)}
.social-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}
.social-feature article{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:30px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:10px}
.social-feature article img{width:100%;max-height:430px;object-fit:cover;border-radius:7px}
.social-feature h3{font:800 28px Montserrat;margin:0 0 12px}
.social-feature article p{white-space:pre-line;color:var(--sub)}
.social-feature time{color:var(--light);font-size:13px}
.partner-guidance a{color:var(--light);font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.social-heading{align-items:stretch;flex-direction:column}.social-feature article{grid-template-columns:1fr}}

/* Contrast fix (Nov 4): the homepage cascade resolves to the light brand
   theme, whose .section h2 and .button.outline rules paint ink (#0b0b0d)
   onto this section's hard-coded dark band, making the heading and the
   Facebook button unreadable. Pin light colors for everything that sits
   directly on the band; the article card below stays light by design. */
.social-feature{color:#f5f5f2}
.social-feature h2{color:#fff}
.social-feature .button.outline{color:#fff;border-color:rgba(255,255,255,.65)}
.social-feature .button.outline:hover{background:#fff;color:#111115;border-color:#fff}