.social-hangout{margin:42px auto;padding-top:28px;padding-bottom:28px;border-top:1px solid #dbe7f5}
.social-hangout h2{margin:6px 0 10px;font-size:32px;letter-spacing:-1px;color:#193e67}
.social-hangout>p{max-width:580px;font-size:13px;line-height:1.8;color:#617d9f}
.social-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:23px}
.social-card{display:flex;align-items:flex-start;gap:17px;padding:25px;border:1px solid #cfdef3;border-radius:12px;background:linear-gradient(135deg,#fff,#eef5ff);text-decoration:none;color:#234f87;transition:border-color .15s,box-shadow .15s}
.social-card:hover{border-color:#8caee6;box-shadow:0 8px 24px #2858a012}
.social-card:focus-visible{outline:3px solid #326ce5;outline-offset:4px}
.social-mark{display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;border-radius:12px;background:#5865f2;color:white}
.social-facebook .social-mark{background:#1877f2}
.social-mark svg{width:27px;height:27px;fill:currentColor}
.social-card h3{margin:0 0 7px;font-size:18px;font-weight:600}
.social-card p{margin:0 0 15px;font-size:12px;line-height:1.75;color:#627fa2}
.social-cta{font-size:12px;font-weight:600;color:#285ac5}
.social-note{font-size:10px!important;color:#7a91ad!important;margin-top:15px}
.community-page .social-hangout{margin-top:30px}
@media(max-width:600px){.social-cards{grid-template-columns:1fr;gap:12px}.social-card{padding:20px}.social-hangout h2{font-size:27px}.social-hangout{margin-top:28px;margin-bottom:28px}}