/* Shared social navigation: visible without JavaScript, embeds or tracking. */
:root{--main-header-height:94px;--social-bar-height:48px}
html{scroll-padding-top:calc(var(--main-header-height) + var(--social-bar-height) + 18px)}
.social-bar{background:var(--ink,#0c1113);color:#fff;border-top:1px solid #ffffff20;font-family:var(--body,Arial,sans-serif);line-height:1.4}
.social-inner{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--social-bar-height);max-width:1280px;margin:auto;padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right))}
.social-label{flex:none;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-light,#76d9ff)}
.social-links{display:flex;align-items:center;gap:8px;min-width:0}
.social-links .social-link{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px 10px;color:inherit;text-decoration:none;font:700 12px/1.4 var(--body,Arial,sans-serif);white-space:nowrap;border-radius:2px}
.social-icon{display:block;width:20px;height:20px;flex:none;fill:currentColor}
.social-links .social-link:hover{color:var(--social-hover-color,var(--accent-light,#76d9ff));background:var(--social-hover-background,#ffffff14)}
.social-links .social-link:focus-visible{outline:2px solid currentColor;outline-offset:2px;background:var(--social-hover-background,#ffffff14)}
.social-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:24px 0;margin:0 0 24px;border-top:1px solid #ffffff26}
.social-footer h2{margin:0;color:inherit;font:800 20px/1.3 var(--body,Arial,sans-serif);text-transform:none}
.social-footer .social-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:0 1 620px;width:100%}
.social-footer .social-link{border:1px solid #ffffff40;min-height:48px;font-size:12px}
.social-footer .social-icon{width:22px;height:22px}
.footer-main .social-footer--compact{display:block;min-width:0;margin:0;padding:0;border:0}
.social-footer--compact h2{margin:0 0 16px;color:var(--accent);font-size:10px;font-weight:400;letter-spacing:.15em;text-transform:uppercase}
.social-footer--compact .social-links{grid-template-columns:repeat(2,minmax(0,1fr))}
.social-footer--compact .social-link{gap:6px;padding:8px;font-size:11px}
.social-footer--compact .social-icon{width:18px;height:18px}
.archive-document{--main-header-height:0px}
.archive-page>.social-bar{position:sticky;top:0;z-index:30;padding-top:env(safe-area-inset-top)}
.archive-page .social-footer{border-top:0;margin-top:24px;--social-hover-color:#bf000c;--social-hover-background:#0000000a}
.archive-page .social-footer .social-link{border-color:#b6beb0}
@media(min-width:1320px){.social-inner{padding-inline:0}}
@media(max-width:850px){
  :root{--main-header-height:80px}
  .archive-document{--main-header-height:0px}
  .social-bar .social-name{display:none}
  .social-footer{align-items:flex-start;flex-direction:column}
  .social-footer .social-links{flex:auto}
}
@media(max-width:650px){
  :root{--main-header-height:73px}
  .archive-document{--main-header-height:0px}
  .social-inner{gap:8px}
  .social-bar .social-links{gap:2px}
  .social-label{font-size:9px;letter-spacing:.1em}
  .social-footer .social-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .main-nav{max-height:calc(100dvh - 215px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
}
@media(max-height:500px) and (max-width:850px){
  .site-header{top:calc(-1 * var(--main-header-height))}
  html:not(.archive-document){scroll-padding-top:calc(var(--social-bar-height) + 18px)}
}
@media print{.social-bar,.social-footer{display:none!important}}
