/* Header social signals — kept separately so this visual layer is easy to customize. */
.header-right{gap:8px}
.social-mini{height:31px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid rgba(182,212,235,.28);background:linear-gradient(135deg,rgba(41,67,89,.55),rgba(10,17,25,.65));font:9px var(--mono);letter-spacing:.07em;color:#d5e8f7;box-shadow:inset 0 0 12px rgba(180,220,248,.05);transition:transform .22s,border-color .22s,box-shadow .22s,background .22s}
.social-mini span{font:15px var(--sans);line-height:1;color:#bde4ff}.social-mini i{font:13px var(--sans);font-style:normal;margin-left:1px}
.social-mini--tg:hover{border-color:#a8e4ff;background:rgba(70,141,177,.42);box-shadow:0 0 20px rgba(107,205,255,.23),inset 0 0 14px rgba(172,228,255,.16);transform:translateY(-2px)}
.social-mini--x:hover{border-color:#d9e6ef;background:rgba(94,111,124,.46);box-shadow:0 0 20px rgba(209,229,244,.18),inset 0 0 14px rgba(227,238,247,.13);transform:translateY(-2px)}
@media(max-width:900px){.social-mini{display:inline-flex;padding:0 8px;font-size:8px}.social-mini--x{display:none}}