/* Home-only content/navigation layout. Shared artwork sizing lives in site-header.css. */
@media (max-width: 650px) {
  .home-map-first .global-nav { gap: 3px; padding: 3px; }
  .home-map-first .global-nav .global-nav-link { min-height: 44px; padding: .25rem .12rem !important; }
  .home-map-first .global-nav .nav-label small { display: none; }
  .home-map-first .global-nav .nav-label strong { overflow: visible; white-space: normal; text-overflow: clip; text-wrap: balance; }
  .home-map-first .site-search { margin-top: 6px; padding: 4px; }
  .home-map-first .site-search input { min-height: 44px; padding: .35rem .55rem; font-size: 16px; }
  .home-map-first .site-search .site-search-submit { flex: 0 0 44px; width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 5px; }
  .home-map-first .site-search .site-search-submit img { width: 30px; height: 30px; }
  .home-map-first .page-main { padding-top: 6px; }

  /* Half-height introduction: greeting, three friends, a short description and one clear link. */
  .home-map-first .home-database-hero {
    grid-template-columns: minmax(0, 1fr) clamp(90px, 28vw, 112px);
    grid-template-areas: "copy art" "description description" "actions actions";
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    padding: 8px 10px;
    border-width: 2px;
    border-radius: 14px;
  }
  .home-map-first .home-database-copy h1 { font-size: clamp(18px, 5.2vw, 21px); line-height: 1.35; }
  .home-map-first .home-database-kicker,
  .home-map-first .home-database-features { display: none; }
  .home-map-first .home-database-description { display: block; margin: 0; font-size: .9rem; line-height: 1.55; }
  .home-map-first .home-database-description strong { font-size: 1em; line-height: inherit; }
  .home-map-first .home-database-actions { display: flex; margin: 0; }
  .home-map-first .home-database-primary { flex: 1 1 auto; min-height: 44px; padding: .4rem .7rem; font-size: .9rem; }
  .home-map-first .home-database-secondary { display: none; }
  .home-map-first .home-database-art { min-height: 82px; }
  .home-map-first .home-database-character { width: 46%; height: 51px; bottom: 0; }
  .home-map-first .home-database-character-1 { left: -3%; }
  .home-map-first .home-database-character-2 { left: 27%; height: 55px; }
  .home-map-first .home-database-character-3 { left: 57%; height: 51px; }
  .home-map-first .home-database-count {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 2px;
    min-width: 0;
    width: 100%;
    padding: 4px 3px;
    border-radius: 9px;
  }
  .home-map-first .home-database-count small { display: none; }
  .home-map-first .home-database-count strong { font-size: 20px; }
  .home-map-first .home-database-count b { margin: 0; font-size: 10px; }

  /* Show the map before the longer area guide; leave all Leaflet sizes/coordinates intact. */
  .home-map-first .official-map-explorer .map-discovery-heading {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 8px;
    padding: 8px 10px;
  }
  .home-map-first .official-map-explorer .map-discovery-pin { width: 27px; height: 27px; }
  .home-map-first .official-map-explorer .map-discovery-pin i { width: 16px; height: 16px; border-width: 2px; }
  .home-map-first .official-map-explorer .map-discovery-heading h2 { font-size: 18px; line-height: 1.4; }
  .home-map-first .official-map-explorer .map-discovery-kicker,
  .home-map-first .official-map-explorer .map-discovery-heading p,
  .home-map-first .official-map-explorer .map-discovery-route { display: none; }
  .home-map-first .official-map-explorer .map-layout {
    grid-template-areas: "map" "toolbar" "progress" "cheer" "note";
  }
}