/* Navigation and loading shell only. Full Social styles load with its first visit. */
#social-desktop-toggle, #social-desktop-nav, .social-brand-tagline { display:none; }
#header-brand-logo .social-brand-name { display:none; color:#00876b; }
body.social-desktop-active #header-brand-logo .social-brand-name { display:inline; }
body.social-desktop-active #header-brand-logo .otp-brand-name { display:none; }
html body #header-brand-logo .otp-brand-tagline { display:block !important; }
html body.social-desktop-active #header-brand-logo .otp-brand-tagline { display:none !important; }
html body.social-desktop-active #header-brand-logo .social-brand-tagline { display:block !important; }
html.dark #header-brand-logo .social-brand-name { color:#36d4a7; }
.social-load-panel { margin:24px auto; padding:28px; max-width:640px; border:1px solid #dce8e2; border-radius:18px; background:#fff; color:#172e2a; }
.social-load-panel h2 { font-size:22px; font-weight:700; }
.social-load-panel p { margin:12px 0 20px; }
.social-load-panel button { padding:10px 16px; margin:0 8px 8px 0; border:1px solid #a9e5d0; border-radius:10px; background:#edf8f3; color:#007d60; cursor:pointer; }
.social-load-panel button:focus-visible { outline:3px solid #10b98180; outline-offset:3px; }
html.dark .social-load-panel { background:#111f20; color:#e8f4f0; border-color:#293b38; }
@media (min-width:1025px) {
  :where(html:not([data-mobile-document="true"])) #social-desktop-toggle { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 15px; margin:0 12px; flex-shrink:0; border:1px solid #a9e5d0; border-radius:12px; color:#007d60; background:#edf8f3; font-size:12px; font-weight:700; white-space:nowrap; cursor:pointer; }
  :where(html:not([data-mobile-document="true"])) body:not(.social-desktop-active) #social-desktop-toggle { min-height:44px; padding:10px 22px; font-size:17px; font-weight:800; color:#fff; background:linear-gradient(120deg,#7c3aed,#4f46e5); border:1px solid #a78bfa; box-shadow:0 4px 14px #6d28d945,0 0 0 3px #8b5cf61c; letter-spacing:.3px; }
  :where(html:not([data-mobile-document="true"])) #social-desktop-toggle svg { width:19px; height:19px; }
  :where(html:not([data-mobile-document="true"])) body.is-guest #social-desktop-toggle { margin-left:auto; }
}