/* State / province page.
   The destination-browsing experience is the one the ski-area and location
   pages use, so this file imports that stylesheet rather than restating it
   (and picks up Font Awesome with it, exactly as town.css does). Everything
   below is only what a state page needs and the other two do not.
   resort.css is not modified. */
@import url("/assets/css/resort-80.css");

/* The search card sits between the hero and the destinations, in the same
   full-bleed band the other pages use for their control bar. */
.st-search{
  border-bottom:1px solid var(--rz-line);
  background:var(--paper,#fff);
}.st-search-in{padding:17.6px 0 20.8px}.st-search-in .sbox{margin:0}/* Destination rows reuse .rz-card's shape: a numbered marker, a name that is
   the link, and a muted meta line. No map pin, so the number column is
   narrower and the body has no action row. */
.st-dest{list-style:none;margin:14.4px 0 0;padding:0;border-top:1px solid var(--rz-line)}.st-dest li{
  display:grid;grid-template-columns:24px minmax(0,1fr);gap:11.2px;
  padding:12.8px 11.2px 12.8px 8px;margin:0 -11.2px 0 -8px;
  border-bottom:1px solid var(--rz-line);border-radius:8px;
  transition:background .16s ease;
}@media (hover:hover){.st-dest li:hover{background:var(--rz-tint,#FBFAF6)}}.st-dest .st-n{
  display:grid;place-items:center;width:24px;height:24px;border-radius:50%;
  border:1px solid var(--rz-line);
  font-size:10px;font-weight:600;color:var(--rz-muted);
  font-variant-numeric:tabular-nums;
}.st-dest h3{margin:0;font-size:13.6px;font-weight:600;letter-spacing:-.015em}.st-dest h3 a{color:inherit;text-decoration:none}.st-dest h3 a:hover{color:var(--rz-navy)}.st-dest .st-meta{margin:3.2px 0 0;font-size:10.8px;color:var(--rz-muted)}/* Secondary town list and the two related-link blocks: the same count list the
   location page already uses for its nearby destinations. */
.st-more{margin:20.8px 0 0}.st-more h3{margin:0 0 8px}@media (min-width:640px){.st-more .countlist{columns:2;column-gap:32px}.st-more .countlist li{break-inside:avoid}}/* The map is a <figure>, not a <section>, so the sibling rule below would not
   have separated it from the first count list. */
.st-side > * + *{margin-top:24px}.st-side .mapfig{margin:0}.st-side .mapfig figcaption{margin-top:8px}.st-side h2{margin:0 0 9.6px}/* States with no towns and no loose shops on record (Alabama, Yukon). */
.st-empty{margin:16px 0 0;color:var(--rz-muted)}.st-empty a{color:var(--rz-accent,#C9522C);font-weight:600;text-decoration:none;white-space:nowrap}.st-empty a:hover{text-decoration:underline;text-underline-offset:2.4px}