@layer source {
/* Toano styles live in src/facility-premium.css (unlayered, loaded after the shared shell).
   Only this page's image crops and one flagged template gap stay here. See docs/DESIGN_SYSTEM.md. */

/* ---- page only: two representative images are slide crops with navy artwork baked in ----
   the tall bay interior has navy corners in its top and bottom fifths; its landscape tile frames the clean band
   between them (24-64% of its height), so desktop tiles stay clear and phone tiles show only a sliver */
body[data-page-family=facility] #mp-photo .gt:nth-child(3) img{object-position:50% 40%}
/* the bay fronts carry a 4px navy slide rule along the top edge (gallery tile and plan card); trimmed where supported */
body[data-page-family=facility] :is(#mp-photo .gt:nth-child(2),#scard .mxcard-ph) img{object-view-box:inset(1.4% 0 0 0)}

/* ---- template gap, proposed for src/facility-premium.css: on phones the units table is a 150px-column grid and the
   nowrap "Coming available" tag (about 200px) overflows it (New Fairfield and Melissa only show the shorter tags).
   Below 480px the status cell takes its own row. Remove this once the template carries the rule. ---- */
@media (max-width:480px){
  body[data-page-family=facility] .mxtable td[data-label=Status]{grid-column:1/-1}
}

}