/* Round 63 | Restore yesterday's visible, multirow mobile navigation.
   The Round 61 horizontally scrolling bar hid Nordic and Land Prices and could
   trigger scroll-snap jumps on touch. Preserve dark Nordic styling and all links. */
@media (max-width:760px) {
  html.pmm-builder-shell body > header.topbar {
    position:relative !important;
    top:auto !important;
  }
  html.pmm-builder-shell body > header.topbar .nav,
  html.pmm-builder-shell body.nomad-page > header.topbar .nomad-nav {
    width:calc(100% - 30px) !important;
    max-width:none !important;
    min-height:0 !important;
    display:flex !important;
    flex-flow:column nowrap !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:5px !important;
    margin:0 auto !important;
    padding:10px 0 8px !important;
  }
  html.pmm-builder-shell body > header.topbar .nav > .brand {
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    max-width:calc(100% - 100px) !important;
    align-self:flex-start !important;
    text-align:left !important;
  }
  /* Six original navigation links, every one exposed on phones; no hidden horizontal scroll. */
  html.pmm-builder-shell body > header.topbar .nav > nav.nav-links,
  html.pmm-builder-shell body.nomad-page > header.topbar .nomad-nav > nav.nav-links {
    display:grid !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    max-height:none !important;
    flex:none !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-auto-rows:minmax(43px,auto) !important;
    align-items:stretch !important;
    justify-items:stretch !important;
    gap:3px 8px !important;
    padding:0 !important;
    margin:0 !important;
    overflow:visible !important;
    scroll-snap-type:none !important;
    scroll-behavior:auto !important;
    overscroll-behavior: auto !important;
    scrollbar-width:auto !important;
  }
  html.pmm-builder-shell body > header.topbar .nav > nav.nav-links > a,
  html.pmm-builder-shell body.nomad-page > header.topbar .nomad-nav > nav.nav-links > a {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    min-height:43px !important;
    margin:0 !important;
    padding:6px 2px !important;
    flex:auto !important;
    font-size:clamp(11.5px,3.13vw,13px) !important;
    line-height:1.23 !important;
    font-weight:650 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    scroll-snap-align:none !important;
    border-bottom:1px solid transparent !important;
    touch-action:manipulation;
  }
  html.pmm-builder-shell body.nomad-page .pmm-nomad-mobile-menu { display:none !important; }
}
/* Touchscreens retain :hover after a tap. Gold underline must denote current
   page only, never two links at once, even after interacting with another tab. */
html.pmm-builder-shell body > header.topbar nav.nav-links > a:not([aria-current="page"]),
html.pmm-builder-shell body > header.topbar nav.nav-links > a:not([aria-current="page"]):hover,
html.pmm-builder-shell body > header.topbar nav.nav-links > a:not([aria-current="page"]):focus,
html.pmm-builder-shell body > header.topbar nav.nav-links > a:not([aria-current="page"]):focus-visible {
  border-bottom-color:transparent !important;
  text-decoration:none !important;
  box-shadow:none !important;
}
html.pmm-builder-shell body > header.topbar nav.nav-links > a[aria-current="page"] {
  border-bottom-color:#d5b67d !important;
  color:#e9d1a2 !important;
}
html.pmm-builder-shell body > header.topbar nav.nav-links > a:focus-visible {
  outline:2px solid #d9bc8a !important;
  outline-offset:1px !important;
}