/* AFPNC extras: social links in header + side rail, simple mobile menu, contact fixes */
:root{--x-plum:#24102D;--x-purple:var(--purple,#5b2a86)}

/* Socials in the top bar */
.util{display:flex;align-items:center;flex-wrap:wrap}
.util .util-social{display:inline-flex;align-items:center;gap:4px;margin-right:auto}
.util .util-social a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;padding:0;margin:0}
.util .util-social svg{width:15px;height:15px}

/* Side rail that appears once you scroll */
.social-rail{position:fixed;left:14px;top:50%;z-index:60;display:flex;flex-direction:column;gap:8px;padding:10px 8px;border-radius:999px;
  background:rgba(255,255,255,.92);box-shadow:0 6px 24px rgba(36,16,45,.16);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  transform:translate(-140%,-50%);opacity:0;pointer-events:none;transition:transform .35s ease,opacity .35s ease}
.social-rail.show{transform:translate(0,-50%);opacity:1;pointer-events:auto}
.social-rail a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--x-plum);transition:background .2s,color .2s}
.social-rail a:hover,.social-rail a:focus-visible{background:var(--x-purple);color:#fff}
.social-rail svg{width:18px;height:18px}
@media (max-width:760px){
  .social-rail{left:auto;right:6px;gap:4px;padding:6px 4px;transform:translate(140%,-50%)}
  .social-rail.show{transform:translate(0,-50%)}
  .social-rail a{width:30px;height:30px}
  .social-rail svg{width:15px;height:15px}
}
@media (prefers-reduced-motion:reduce){.social-rail{transition:none}}

/* Simpler burger menu: one flat list */
.drawer nav .dgroup .dhead a{display:block;width:100%}
.drawer-contact{line-height:1.9}
.drawer-contact a{overflow-wrap:anywhere}
.drawer-social{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.drawer-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(36,16,45,.15);color:inherit}
.drawer-social svg{width:18px;height:18px}

/* Long email addresses must never be cut off on small screens */
.site-footer a[href^="mailto:"],.contact-lines a,a[href^="mailto:"]{overflow-wrap:anywhere;word-break:break-word}