/* Social card backgrounds: decoration stays behind the icon side. */
body.chapter-two #socials .social-card::after{content:none}
body.chapter-two #socials .social-instagram{background:radial-gradient(ellipse at 110% 110%,rgba(226,197,191,.19),transparent 58%),linear-gradient(135deg,#193a2d 35%,#224b3f)}
body.chapter-two #socials .social-facebook{background:linear-gradient(145deg,transparent 58%,rgba(255,255,255,.14) 58%,rgba(255,255,255,.14) 72%,transparent 72%),linear-gradient(120deg,#e1c2c3,#e8ceca)}
body.chapter-two #socials .social-tiktok{background:linear-gradient(155deg,transparent 55%,rgba(255,255,255,.18) 100%),linear-gradient(105deg,#c1cebb 45%,#aabfae)}
body.chapter-two #socials .social-card{isolation:isolate}
body.chapter-two #socials .social-icon{opacity:.8}

/* Gentle feedback, including touch presses, without moving the card layout. */
body.chapter-two #socials .social-card{transform:none!important;scale:1;filter:none;transition:scale 260ms cubic-bezier(.2,.7,.2,1),box-shadow 260ms ease;transform-origin:center}
body.chapter-two #socials .social-card:hover .social-icon{transform:none;opacity:.8}
@media(hover:hover) and (pointer:fine){
 body.chapter-two #socials .social-card:hover{scale:1.02;box-shadow:0 18px 34px rgba(25,58,45,.13)}
}
body.chapter-two #socials .social-card:focus-visible{scale:1.02;outline:2px solid currentColor;outline-offset:5px}
body.chapter-two #socials .social-card:active{scale:1.025;box-shadow:0 12px 26px rgba(25,58,45,.16)}
@media(prefers-reduced-motion:reduce){body.chapter-two #socials .social-card{scale:1!important;transition:none!important}}