/* Exact staging frontend only. Native menu geometry and mouse behavior unchanged. */
.mobile_nav .mobile_menu_bar_toggle[role="button"]:focus-visible,
.mobile_nav .et_mobile_menu a:focus-visible { outline:3px solid #174a75!important;outline-offset:3px!important; }
/* All ordinary frontend links/controls: keyboard-only, paint-only dual ring.
 * Loaded globally only through navigation_assets() strict staging frontend guard.
 * Existing page-specific focus rules, native events and geometry remain intact. */
html body a[href]:focus-visible,
html body button:not(:disabled):focus-visible,
html body input:not([type="hidden"]):not(:disabled):focus-visible,
html body select:not(:disabled):focus-visible,
html body textarea:not(:disabled):focus-visible,
html body summary:focus-visible,
html body [role="button"]:focus-visible,
html body [tabindex]:not([tabindex^="-"]):focus-visible {
 outline:3px solid #174a75!important;
 outline-offset:3px!important;
 box-shadow:0 0 0 3px #fff!important;
}
/* Confirmed desktop overlap at1101 too: reserve a real logo column on ALL desktop.
 * Keep desktop/mobile breakpoints and native Divi menu behavior unchanged.
 */
@media (min-width:981px) {
 body.et_header_style_left #main-header .et_menu_container {
  --slt-logo-column:clamp(200px, calc(44.4444vw - 288.888px), 280px);
  display:flex; align-items:center; column-gap:24px;
 }
 /* Float clearfix is unnecessary in flex and must not become a third gap-bearing item. */
 body.et_header_style_left #main-header .et_menu_container::after { display:none; }
 body.et_header_style_left #main-header .logo_container {
  position:static; flex:0 0 var(--slt-logo-column); width:var(--slt-logo-column); height:auto;
 }
 body.et_header_style_left #main-header .logo_helper {
  display:none;
 }
 body.et_header_style_left #main-header #logo {
  width:100%!important; max-width:100%!important;
  height:auto!important; max-height:none!important;
 }
 body.et_header_style_left #main-header #et-top-navigation {
  float:none; flex:1 1 0; min-width:0; width:auto;
  padding-left:0!important;
 }
 /* Native saved desktop configuration: fixed header69px × logo74% =51.06px.
  * Keep native fixed-header class/padding/scroll JS; only cap image paint dimensions.
  * Current staging fixed-state dimensions still require browser verification.
  */
 body.et_header_style_left #main-header.et-fixed-header #logo {
  width:auto!important; max-width:100%!important; max-height:51.06px!important;
 }
}
/* Anchors can contain an image whose wrapper clips the anchor's outer ring.
 * Paint on the visible image itself and inset the blue ring to survive clipping.
 * Preserve every image/wrapper border radius and all geometry/native events.
 */
html body a[href]:focus-visible img {
 outline:3px solid #174a75!important; outline-offset:-6px!important;
 box-shadow:0 0 0 3px #fff!important;
}
html body a[href]:focus-visible .et_pb_image_wrap {
 outline:3px solid #fff!important; outline-offset:-3px!important;
}