.contact-channels{display:grid;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:28px;max-width:780px;margin:30px auto;padding:24px;border:1px solid #ffffff55;border-radius:12px;background:#081229b3;text-align:left;color:#fff}
.contact-channels h3{margin:0 0 14px;color:#fff;font-size:1.3rem}
.contact-channels .contact-details p{margin:8px 0;max-width:none;color:#e5f5ff;font-size:1rem;line-height:1.5}
.contact-channels .contact-details p>span{display:block;font-size:.8rem;color:#c4d7e9}
.contact-channels a{display:inline-flex;align-items:center;min-height:44px;color:#c9f8ff;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere;max-width:100%}
.contact-channels a:hover{color:#fff}
.contact-channels a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.contact-channels figure{margin:0;text-align:center}
.contact-channels img{display:block;width:200px;max-width:100%;height:auto;border:8px solid #fff;border-radius:8px}
.contact-channels figcaption{margin-top:10px;color:#e5f5ff;font-size:.8rem;line-height:1.5}
@media(max-width:560px){.contact-channels{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px}.contact-channels .contact-details p{font-size:.92rem}}