/* ===========================================================================
   neoex.net — site tweaks
   Loaded after the YOOtheme stylesheet so these rules win.
   Keep this file small and explain every rule.
   =========================================================================== */

/* The YOOtheme config ships a separate logo for small screens
   (images/logo3_blue.svg, 360x241). With only `max-width: 100%` holding it
   back it rendered ~341px wide on a 390px phone, filling the entire top of
   the screen. Cap it to navbar height instead. Inherited from the old site,
   not introduced by the migration. */
@media (max-width: 959px) {
  .uk-logo img,
  .uk-logo svg {
    max-height: 52px;
    width: auto;
  }
}

/* The portal table on narrow screens: keep the download button from being
   squeezed, and let long recording titles wrap instead of overflowing. */
@media (max-width: 639px) {
  #neoex-list td {
    word-break: break-word;
  }
  #neoex-list .uk-button {
    white-space: nowrap;
  }
}