/* Small/touch screens have no safe gutter for a floating navigation control.
   Keep the original header, artwork and menu animation, but let the closed
   control leave the viewport with its header instead of covering the article. */
@media (max-width: 1279px), (hover: none) and (pointer: coarse) {
  #a-header { position: relative !important; top: auto !important; }
  #a-ghost_header { display: none !important; pointer-events: none !important; }
  #spNavigationTrigger {
    position: absolute !important;
    top: var(--heart-menu-top, 30px) !important;
    left: var(--heart-menu-left, auto) !important;
    right: var(--heart-menu-right, 0px) !important;
    bottom: auto !important;
  }
  #spNavigationTrigger:not([data-heart-positioned]) { visibility: hidden; }
}

#spNavigationTrigger:focus-visible,
#js-sp-menu_closer:focus-visible,
#js-globalNavigation a:focus-visible {
  outline: 2px solid #23256f !important;
  outline-offset: 3px;
  box-shadow: 0 0 0 2px white;
}
#js-sp-menu_closer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}
#js-globalNavigation[aria-modal="true"] {
  max-height: 100vh;
  max-height: 100dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* Local edge contrast, not an image replacement or a dark overlay on photos. */
#bk60231274 .c-title,
#bk60231274 .lead,
.cssskin-p-top .c-title,
#bk60272138 .c-body,
#bk60272138 .c-lead,
#bk60270385 .c-body,
#bk60270385 .c-lead {
  text-shadow: -1px 0 1px rgba(0,0,0,.8), 1px 0 1px rgba(0,0,0,.8),
    0 -1px 1px rgba(0,0,0,.8), 0 1px 2px rgba(0,0,0,.9);
}
#bk60231334 .-column1 img { filter: drop-shadow(0 1px 1px rgba(0,0,0,.8)); }