/* UCN v1.0 — three independent character-navigation zones.
   Locked dock/portrait/popover rules remain in their original files. */
header .social-links { flex-shrink: 0; }
header .ucn-page-links { display:flex; align-items:center; justify-content:center; gap:clamp(12px,1.7vw,30px); min-width:0; }
header .ucn-page-links > a { white-space:nowrap; }
@media (min-width:1101px) {
  header nav[aria-label="Main navigation"] {
    flex:1 1 auto !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-right:64px !important;
    justify-content:center !important;
    gap:0 !important;
  }
  header .ucn-page-links {
    margin-inline:auto !important;
    flex:0 1 auto;
  }
  header .social-links a { width:34px; height:36px; }
}
@media (min-width:901px) and (max-width:1100px) {
  header .social-links { gap:0; }
  header .social-links a { width:31px; height:34px; }
  header .ucn-page-links { gap:clamp(9px,1.3vw,19px); font-size:clamp(12px,1.45vw,15px); }
}
@media (max-width:900px) {
  header .social-links { gap:0; }
  header .social-links a { width:31px; height:34px; }
  header .ucn-page-links { gap:clamp(10px,2.5vw,24px); }
}
@media (max-width:640px) {
  header .header-wordmark-image { width:min(184px,37vw); }
  header .social-links { grid-column:2 / 4; grid-row:1; justify-self:end; margin:0; padding:0; border:0; gap:0; }
  header .social-links a { width:clamp(27px,7vw,33px); height:34px; }
  header nav[aria-label="Main navigation"] { grid-column:1 / -1; grid-row:3; width:100% !important; justify-content:space-between !important; }
  header nav .ucn-page-links { width:100%; justify-content:space-between; gap:8px; margin:0; font-size:clamp(12px,2.85vw,15px); }
  header nav .ucn-page-links > a { min-width:0; }
  html.ucn-v10-mobile-ready header nav[aria-label="Main navigation"] { position:static !important; }
  html.ucn-v10-mobile-ready header nav .ng-characters-menu {
    position:absolute !important;
    top:var(--ucn-mobile-zone-y,86px) !important;
    left:var(--ucn-mobile-zone-x,50%) !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) !important;
    width:max-content !important;
    margin:0 !important;
    padding:0 !important;
    z-index:70 !important;
  }
  html.ucn-v10-mobile-ready header nav .ng-characters-menu #ucn-characters-trigger {
    display:inline-flex !important; align-items:center !important; gap:5px !important;
    min-height:40px !important; padding:7px 2px !important;
    white-space:nowrap !important; font-size:clamp(11px,2.65vw,14px) !important;
  }
}