@layer source {
/* Westmoreland styles live in src/facility-premium.css (unlayered, loaded after the shared shell).
   Westmoreland has no verified photo yet (scripts/build.py PARK_PHOTOS), so the hero and the three bands
   carry Mart's navy X plate and there are no photo crops. What is left here are template gaps, written to move
   into facility-premium.css. See docs/DESIGN_SYSTEM.md. */

/* ---- template gaps (without !important once in facility-premium.css). !important only because build.py puts
   page CSS in @layer source, which loses to the unlayered template whatever the specificity. ---- */

/* 1. the template prints suite ids in navy, which only reads on an available (solid orange) suite. B13 and B35 are
   coming available (dark fill, dashed edge) and B51 is a wait-list suite held by a lease (leased fill), so their ids
   are white; a hovered, focused or selected coming suite turns light orange and its id goes back to navy.
   Each id follows its rect in the markup (same rule as Medfield). */
body[data-page-family=facility] .mx-schematic .suite:is(.soon,.leased)+.suite-id{fill:var(--mx-white)!important}
body[data-page-family=facility] .mx-schematic .suite.soon:is(:hover,:focus-visible,.hot)+.suite-id{fill:var(--mx-deep)!important}

/* 2. the template gives hover, focus and selection only to .av and .soon suites. B51 is on the plan (the card offers
   the wait list), so a leased-look suite with a hotspot needs the same feedback, kept white rather than orange. */
body[data-page-family=facility] .mx-schematic .suite.leased[tabindex]{cursor:pointer}
body[data-page-family=facility] .mx-schematic .suite.leased[tabindex]:is(:hover,:focus-visible,.hot){fill:rgba(255,255,255,.3)!important;stroke:var(--mx-white)!important;stroke-width:3!important}

/* 3. in the stacked phone table a status cell is about 150px wide; "Coming available" does not fit on one line, and
   the template's nowrap pushed the page 60px wider than a 360px screen (same rule as Medfield) */
@media (max-width:900px){
  body[data-page-family=facility] .mxtable .mxtag{white-space:normal!important;padding-block:7px!important;line-height:1.3!important}
}

/* 4. long town names. Moved to src/facility-premium.css (UF-20, 2026-10-03 audit): "Westmoreland" is one
   12-letter word, wider than the hero copy box and the guide/lead/FAQ heading columns at template sizes.
   This file's own header note called this a template gap to close; closed. */

}