/* Header-only: constrain account text, keep full DOM/accessibility text and handlers. */
.site-header { height: auto; }
.site-header [hidden] { display: none !important; }
.site-header .header-inner { height: auto; min-height: 76px; gap: 18px; }
.site-header .brand-signature { flex: 0 0 auto; max-width: 160px; }
.site-header .primary-nav { min-width: 0; gap: 18px; }
.site-header .primary-nav a { flex: 0 0 auto; white-space: nowrap; }
.site-header .header-actions { flex: 0 0 auto; gap: 8px; }
.site-header .header-actions > * { flex: 0 0 auto; white-space: nowrap; font-size: 14px; line-height: 1.4; }
.site-header .header-actions > button { padding: 10px 12px; }
.site-header #channelLoginButton {
  max-width: clamp(128px, 12vw, 180px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 1650px) {
  .site-header .header-inner { width: min(calc(100% - 40px), 1800px); }
}
@media (min-width: 1081px) and (max-width: 1649px) {
  .site-header .header-inner {
    display: grid;
    grid-template-columns: minmax(0, 160px) minmax(0, 1fr);
    gap: 8px 18px;
    padding-block: 8px;
  }
  .site-header .brand-signature { grid-column: 1; grid-row: 1; min-width: 0; }
  .site-header .header-actions { grid-column: 2; grid-row: 1; min-width: 0; justify-content: flex-end; }
  .site-header .primary-nav { grid-column: 1 / -1; grid-row: 2; margin-left: 0; justify-content: center; }
}
@media (max-width: 1080px) {
  .site-header .header-inner { min-height: 64px; display: flex; justify-content: space-between; gap: 12px; }
  .site-header .primary-nav,
  .site-header .header-actions { display: none; }
  .site-header .selection-mobile-nav { display: block; position: relative; flex: 0 0 auto; }
  .site-header .selection-mobile-nav summary {
    display: grid; place-items: center; width: 40px; height: 40px;
    padding: 0; list-style: none; border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 9px; background: rgba(255, 255, 255, .08); cursor: pointer;
  }
  .site-header .selection-mobile-nav summary::-webkit-details-marker { display: none; }
  .site-header .selection-mobile-nav-lines { display: grid; gap: 4px; width: 18px; }
  .site-header .selection-mobile-nav-lines i { display: block; height: 2px; border-radius: 99px; background: #17c1bd; }
  .site-header .selection-mobile-nav-panel {
    position: absolute; top: calc(100% + 8px); right: 0;
    width: min(320px, calc(100vw - 26px)); max-height: calc(100dvh - 90px);
    overflow-y: auto; padding: 8px; border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 12px; background: #0a243b;
  }
  .site-header .selection-mobile-nav-panel a,
  .site-header .selection-mobile-nav-panel button {
    display: flex; align-items: center; justify-content: space-between;
    width: 100%; min-height: 44px; padding: 0 13px; border: 0;
    background: transparent; color: inherit; font: inherit; text-align: left;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .site-header #channelMobileLoginButton { display: block; }
}