/* Premium refinements for the finder family (locations, search, map, map2, map3d). Loaded after
   premium-motion.css. Feel: Melissa (src/facility-premium.*); layout: Mart's Marketplace PSDs. No motion
   lives here: these are pre-existing layout faults the finder inventory found (2026-09-29), fixed on the
   pages this family owns. */

/* search: the search bar's field labels were #c4d2d9 on the near-white bar (about 1.4:1), a leftover
   from when the bar was dark (site-consistency.css). They return to navy, as search.css authored them. */
body.uf-site[data-page=search] .sbar .grp label{color:var(--uf-navy,#001523)}
/* search: the hero column sat at the left edge (x 0 at 1440) while theme.css centred the H1 inside it,
   so the H1 started at x 120 and the search bar at x 24. The column is centred and the H1 shares the
   bar's left edge. */
body.uf-site[data-page=search] .shero .mid{margin-inline:auto}
body.uf-site[data-page=search] .shero h1{margin-inline:0}

/* map3d: site-consistency.css lets the park list grow to its full height (native flow, September 22),
   and the stage grid then stretched the map canvas beside it to about 3,300px: the reference map was
   blown up and the selected-park card sat about 3,000px below the park it describes. From 801px the
   canvas keeps Mart's Marketplace - Map.psd proportion (the map beside the top of the list, the card on
   it) and the list continues below in normal flow. Nothing here moves. */
@media (min-width:801px){
  body.uf-site[data-page=map3d] .uf-map-canvas{align-self:start}
}
/* map3d: between 801 and 1180px the rail is narrow and the longest park names ("Westmoreland", "North
   Franklin") ran past their card and were cut off by it. The name scales with the rail there. */
@media (min-width:801px) and (max-width:1180px){
  body.uf-site[data-page=map3d] .uf-map-park strong{font-size:clamp(15px,1.55vw,19px)}
}
/* search: below 961px the bar stacks as a column, and the "Search by" group's inline flex:0 0 200px
   (content/pages/search.html, a row width) became a 200px height: about 130px of empty white under the
   Location/Type toggle on phones. !important only because the source value is an inline style. */
@media (max-width:960px){
  body.uf-site[data-page=search] .sbar > .grp:first-child{flex-basis:auto!important}
}

/* Reserve the satellite map's box before it loads so the page below never jumps (verifier 2026-09-30: CLS 0.65 on map2, 0.15 on map). */
body.uf-site[data-page=map2] .topmap img.sat,
body.uf-site[data-page=map] .satwrap img.sat{aspect-ratio:1500/1095;height:auto}
/* Park-card titles fit their card at tablet widths ("Westmoreland" overflowed by 18px at 1024). */
@media (min-width:801px) and (max-width:1180px){body.uf-site[data-page=locations] .uf-park-card h2{font-size:clamp(18px,2.1vw,24px)}}
/* Two cards a row from 541 to 800px: at a fixed 24px the fit routine shrank only WESTMORELAND and SOMERSWORTH (18.2px
   beside 24px siblings at 600, measured 2026-10-21). One size for every card instead, the width the longest name fits. */
@media (min-width:541px) and (max-width:800px){body.uf-site[data-page=locations] .uf-park-card h2{font-size:clamp(15px,calc(3.75vw - 4.5px),24px)}}