/* Fixed vertical social rail — left edge, all pages. Hidden < 1200px. */
.social-rail {
    position: fixed;
    right: 0; left: auto;            /* was left: 0 */
    top: 50%; transform: translateY(-50%);
    z-index: var(--z-header);
    display: none;
    flex-direction: column;
    gap: 2px;
    background: var(--brand);
    border-radius: var(--r-md) 0 0 var(--r-md);   /* round the LEFT corners now */
    padding: var(--sp-2) var(--sp-1);
    box-shadow: var(--shadow-md);
}
.social-rail a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px;
  color: rgba(255,255,255,0.85);
  border-radius: var(--r-sm);
  transition: color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);
}
.social-rail a:hover { color: #fff; background: rgba(255,255,255,0.14); }
.social-rail svg { width: 18px; height: 18px; }
.social-rail a:focus-visible { outline: 2px solid var(--orange-300); outline-offset: -2px; }

@media (min-width: 1200px) { .social-rail { display: flex; } }

/* Language toggle */
.lang-toggle { display: inline-flex; align-items: center; gap: 2px; }
.lang-toggle__btn {
  font-size: var(--fs-300); font-weight: 700; color: var(--text-muted);
  text-decoration: none; padding: 4px 6px; border-radius: var(--r-sm);
  line-height: 1;
}
.lang-toggle__btn:hover { color: var(--brand); }
.lang-toggle__btn.is-active { color: var(--brand); background: var(--green-050); }
.lang-toggle__sep { color: var(--border); font-size: var(--fs-300); }