.siorik-connect { --connect-accent: #f59e0b; --connect-text: #173b59; --connect-muted: #53697b; color: var(--connect-text); }
.siorik-connect__title { margin: 0 0 .85rem; color: inherit; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.siorik-connect__details { display: grid; gap: .55rem; }
.siorik-connect__detail { display: inline-flex; align-items: center; gap: .65rem; width: fit-content; max-width: 100%; color: var(--connect-muted); font-size: .9rem; line-height: 1.45; text-decoration: none; overflow-wrap: anywhere; }
.siorik-connect__detail i { flex: 0 0 1rem; color: var(--connect-accent); text-align: center; }
.siorik-connect__detail:hover { color: var(--connect-text); text-decoration: underline; text-underline-offset: .18em; }
.siorik-connect__social { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
.siorik-connect__social a { display: grid; place-items: center; width: 2.65rem; height: 2.65rem; border: 1px solid #d5e1e9; border-radius: 50%; background: #fff; color: #173b59; text-decoration: none; transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease; }
.siorik-connect__social a:hover { border-color: var(--connect-accent); background: var(--connect-accent); color: #082b49; transform: translateY(-2px); }
.siorik-connect a:focus-visible { outline: 3px solid var(--connect-accent); outline-offset: 3px; border-radius: .3rem; }
.siorik-connect__social a:focus-visible { border-radius: 50%; }
.siorik-connect--card { padding: 1.5rem; border: 1px solid #dce6ef; border-radius: 1rem; background: #f7fafc; box-shadow: 0 14px 30px -26px rgba(4,35,64,.45); }
.siorik-connect--footer { --connect-text: #fff; --connect-muted: rgba(255,255,255,.72); }
.siorik-connect--footer .siorik-connect__title { color: #f59e0b; }
.siorik-connect--footer .siorik-connect__social a { border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.08); color: rgba(255,255,255,.82); }
.siorik-connect--footer .siorik-connect__social a:hover { border-color: #f59e0b; background: #f59e0b; color: #082b49; }
.siorik-connect--institutional-inline { --connect-text: #fff; --connect-muted: #d5e4ef; display: grid; justify-items: center; margin-top: 2rem; }
.siorik-connect--institutional-inline .siorik-connect__details { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem 1.5rem; }
.siorik-connect--institutional-inline .siorik-connect__social { justify-content: center; }
.siorik-connect--institutional-inline .siorik-connect__social a { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.07); color: #fff; }
.siorik-connect--institutional-inline .siorik-connect__social a:hover { border-color: #f59e0b; background: #f59e0b; color: #082b49; }
@media (max-width: 575.98px) { .siorik-connect__social a { width: 2.8rem; height: 2.8rem; } .siorik-connect--institutional-inline .siorik-connect__details { display: grid; justify-items: center; } }
@media (prefers-reduced-motion: reduce) { .siorik-connect__social a { transition: none; } .siorik-connect__social a:hover { transform: none; } }