/* Header #26 — Two-tone navigation, floating side brand. Scoped entirely to #26. */
.md-header-26-stack{z-index:120}
.md-header-variant-26.md-h26-header{
  --md26-upper:#f8d449;--md26-lower:#080808;
  background:transparent;border:0;overflow:visible;isolation:isolate;
  padding-block-end:0; /* Logo is intentionally allowed to project beyond the two bands. */
}
.md-header-variant-26 .md-h26-logo-layer{height:0;position:relative;z-index:10}
.md-header-variant-26 .md-h26-logo{position:absolute;inset-inline-start:calc(0px + var(--md-dual_logo_offset_x,0px));top:calc(12px + var(--md-dual_logo_offset_y,0px));
 width:var(--md-dual_logo_width_desktop,220px);height:var(--md-dual_logo_height_desktop,162px)}
.md-header-variant-26 .md-h26-upper{background:var(--md26-upper);position:relative}
.md-header-variant-26 .md-h26-upper-inner{min-height:var(--md-header-height,82px);display:flex;align-items:center;gap:clamp(8px,1.2vw,24px);
 padding-inline-start:calc(var(--md-dual_logo_width_desktop,220px) + 26px);padding-block:10px}
.md-header-variant-26 .md-h26-nav{flex:1 1 0;display:flex;justify-content:center;margin:0}
.md-header-variant-26 .md-h26-nav .md-menu{justify-content:center;flex-wrap:wrap;gap:2px 4px}
.md-header-variant-26 .md-h26-nav .md-menu>li>a{color:#101010;border-radius:40px;font-weight:750;min-height:38px;padding-inline:clamp(8px,1vw,17px)}
.md-header-variant-26 .md-h26-nav .md-menu>li>a:hover,.md-header-variant-26 .md-h26-nav .md-menu>li>a:focus-visible,
.md-header-variant-26 .md-h26-nav .md-menu>li.current-menu-item>a,.md-header-variant-26 .md-h26-nav .md-menu>li.current-menu-ancestor>a{background:#111;color:#fff}
.md-header-variant-26 .md-h26-actions{flex:0 0 auto;min-width:0}
.md-header-variant-26 .md-h26-actions .md-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:400px}
.md-header-variant-26 .md-h26-actions .md-action-button{border:0;border-radius:12px;background:#101010;color:#fff}
.md-header-variant-26 .md-h26-actions .md-action-button:hover{background:#333}
.md-header-variant-26 .md-h26-lower{background:var(--md26-lower)}
.md-header-variant-26 .md-h26-lower-inner{min-height:65px;display:flex;justify-content:center;align-items:center;
 padding-block:10px;padding-inline-start:calc(var(--md-dual_logo_width_desktop,220px) + 26px)}
.md-header-variant-26 .md-h26-secondary{min-width:0;display:flex;flex:1;justify-content:center}
.md-header-variant-26 .md-h26-secondary .md-secondary-nav{max-width:100%}
.md-header-variant-26 .md-h26-secondary .md-secondary-menu{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 10px}
.md-header-variant-26 .md-h26-secondary .md-secondary-menu>li>a{display:block;min-height:34px;padding:6px 14px;color:#fff;border-radius:25px;font-weight:650;line-height:1.5}
.md-header-variant-26 .md-h26-secondary .md-secondary-menu>li>a:hover,.md-header-variant-26 .md-h26-secondary .md-secondary-menu>li.current-menu-item>a{background:#f8d449;color:#111}
/* Shared logo appearance: same CSS options are available in both new headers. */
.md-header-variant-26 .md-dual-logo{display:flex;align-items:center;justify-content:center;min-width:0;padding:14px;
 background:var(--md-dual-logo-fill,rgba(209,213,219,.8));border:1px solid rgba(255,255,255,.35);
 border-radius:var(--md-dual_logo_radius,24px);backdrop-filter:blur(var(--md-dual-logo-glass-blur,12px));
 -webkit-backdrop-filter:blur(var(--md-dual-logo-glass-blur,12px));box-shadow:0 14px 32px rgba(0,0,0,.13)}
.md-header-variant-26.md-dual-logo-mode-none .md-dual-logo{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0}
.md-header-variant-26 .md-dual-logo .md-logo{min-width:0;width:100%;max-width:100%;text-align:center}
.md-header-variant-26 .md-dual-logo .md-logo a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#111827;line-height:1.25;overflow:visible;text-align:center}
.md-header-variant-26 .md-dual-logo .md-logo img{display:block;width:auto;max-width:100%;max-height:calc(var(--md-dual_logo_height_desktop,162px) - 22px);object-fit:contain}
@media(min-width:1025px) and (max-width:1300px){
 .md-header-variant-26 .md-h26-upper-inner{gap:8px}
 .md-header-variant-26 .md-h26-actions .md-header-actions{max-width:280px;gap:5px}
 .md-header-variant-26 .md-h26-actions .md-action-button{width:37px;height:37px}
 .md-header-variant-26 .md-h26-nav .md-menu>li>a{padding-inline:8px}
}
/* Mobile: oversized brand floats OUTSIDE the two-band header.  No spacer is
   added after the dark lower band; artwork remains legible over page content. */
@media(max-width:1024px){
 .md-header-variant-26.md-h26-header{border-block-end:0;padding-block-end:0;overflow:visible}
 .md-header-variant-26 .md-h26-logo{top:calc(6px + var(--md-dual_logo_offset_y,0px));transform:none;
  width:var(--md-dual_logo_width_tablet,240px);height:var(--md-dual_logo_height_tablet,185px)}
 .md-header-variant-26 .md-h26-upper-inner{min-height:96px;padding-block:10px;
  padding-inline-start:calc(var(--md-dual_logo_width_tablet,240px) + 14px);gap:4px;justify-content:flex-end}
 .md-header-variant-26 .md-h26-nav{display:none}
 /* The lower menu band must not appear on phones or tablets. */
 .md-header-variant-26 .md-h26-lower{display:none!important}
 .md-header-variant-26 .md-h26-actions{flex:1 1 auto;min-width:0;display:flex;justify-content:flex-end}
 .md-header-variant-26 .md-h26-actions .md-header-actions{max-width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}
 .md-header-variant-26 .md-h26-actions .md-action-button,.md-header-variant-26 .md-h26-actions .md-menu-toggle{width:39px;height:39px;min-width:39px;border-radius:11px}
 .md-header-variant-26 .md-h26-logo.md-dual-logo{padding:7px}
 .md-header-variant-26 .md-h26-logo .md-logo{height:100%;display:flex;align-items:center;justify-content:center}
 .md-header-variant-26 .md-h26-logo .md-logo img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
}
@media(max-width:600px){
 .md-header-variant-26 .md-h26-logo{width:min(var(--md-dual_logo_width_mobile,212px),calc(100vw - 124px));
  height:var(--md-dual_logo_height_mobile,174px);top:calc(7px + var(--md-dual_logo_offset_y,0px))}
 .md-header-variant-26 .md-h26-upper-inner{min-height:92px;
  padding-inline-start:calc(min(var(--md-dual_logo_width_mobile,212px),100vw - 124px) + 10px)}
 .md-header-variant-26 .md-h26-logo.md-dual-logo{padding:5px}
 .md-header-variant-26 .md-h26-actions .md-header-actions{gap:3px}
 .md-header-variant-26 .md-h26-actions .md-action-button,.md-header-variant-26 .md-h26-actions .md-menu-toggle{width:35px;height:35px;min-width:35px}
 .md-header-variant-26 .md-h26-actions .md-header-inline-social{display:none}
}
@media(max-width:360px){
 .md-header-variant-26 .md-h26-upper-inner{min-height:98px}
 .md-header-variant-26 .md-h26-actions .md-action-button,.md-header-variant-26 .md-h26-actions .md-menu-toggle{width:32px;height:34px;min-width:32px}
 .md-header-variant-26 .md-h26-actions .md-header-actions{gap:3px}
}

/* RC54: compact responsive floating brand: image controls size, height follows intrinsically.
   All rules are scoped to this header variant; no global logo elements are changed. */
.md-header-variant-26 .md-h26-logo{
  inset-inline-start:calc(0px + var(--md-dual_logo_offset_x,0px));
  top:calc(7px + var(--md-dual_logo_offset_y,0px));
  width:max-content;height:auto;max-width:calc(100% - 20px);
}
.md-header-variant-26 .md-h26-logo.md-dual-logo{
  padding:var(--md-dual_logo_padding_desktop,12px);
  border-radius:var(--md-dual_logo_radius,24px);
  box-sizing:border-box;
}
.md-header-variant-26 .md-h26-logo .md-logo,
.md-header-variant-26 .md-h26-logo .md-logo a{width:auto;height:auto;max-width:100%;min-width:0}
.md-header-variant-26 .md-h26-logo .md-logo img{
  display:block;width:var(--md-dual_logo_size_desktop,182px);height:auto;
  max-width:100%;max-height:none;object-fit:contain;
}
.md-header-variant-26 .md-h26-upper-inner{padding-block:7px;min-height:var(--md-header-height,82px)}
@media(max-width:1024px){
 .md-header-variant-26 .md-h26-logo{inset-inline-start:calc(0px + var(--md-dual_logo_offset_x,0px));left:auto;transform:none;top:calc(5px + var(--md-dual_logo_offset_y,0px));width:max-content;height:auto;max-width:calc(100vw - 154px)}
 .md-header-variant-26 .md-h26-logo.md-dual-logo{padding:var(--md-dual_logo_padding_tablet,9px)}
 .md-header-variant-26 .md-h26-logo .md-logo img{width:var(--md-dual_logo_size_tablet,148px);height:auto;max-height:none;max-width:100%}
 .md-header-variant-26 .md-h26-upper-inner{min-height:var(--md-mobile-header-height,66px);padding-block:6px;
  padding-inline-start:calc(var(--md-dual_logo_size_tablet,148px) + 2 * var(--md-dual_logo_padding_tablet,9px) + 14px);
  padding-inline-end:0;display:flex;align-items:center;gap:5px}
 .md-header-variant-26 .md-h26-actions .md-header-actions{align-items:center;gap:5px}
 .md-header-variant-26 .md-h26-actions .md-action-button,.md-header-variant-26 .md-h26-actions .md-menu-toggle{width:36px;height:36px;min-width:36px;border-radius:10px}
 .md-header-variant-26 .md-h26-lower{display:none!important}
}
@media(max-width:600px){
 .md-header-variant-26 .md-h26-logo{top:calc(5px + var(--md-dual_logo_offset_y,0px));max-width:calc(100vw - 138px)}
 .md-header-variant-26 .md-h26-logo.md-dual-logo{padding:var(--md-dual_logo_padding_mobile,6px)}
 .md-header-variant-26 .md-h26-logo .md-logo img{width:var(--md-dual_logo_size_mobile,122px);height:auto;max-width:100%;max-height:none}
 .md-header-variant-26 .md-h26-upper-inner{min-height:var(--md-mobile-header-height,66px);
  padding-inline-start:calc(min(var(--md-dual_logo_size_mobile,122px) + 2 * var(--md-dual_logo_padding_mobile,6px), 100vw - 138px) + 6px);
  padding-inline-end:0}
 .md-header-variant-26 .md-h26-actions .md-header-actions{gap:3px;flex-wrap:wrap}
 .md-header-variant-26 .md-h26-actions .md-action-button,.md-header-variant-26 .md-h26-actions .md-menu-toggle{width:34px;height:34px;min-width:34px}
}
@media(max-width:360px){
 .md-header-variant-26 .md-h26-upper-inner{min-height:var(--md-mobile-header-height,66px)}
 .md-header-variant-26 .md-h26-actions .md-action-button,.md-header-variant-26 .md-h26-actions .md-menu-toggle{width:32px;height:32px;min-width:32px}
}

/* The logo-only mode must have zero box padding, regardless of device. */
.md-header-variant-26.md-dual-logo-mode-none .md-dual-logo{padding:0}
