/* ==========================================================================
   BEL-AIR public site (Mockup 02) — the services directory and the service pages
   (services.html, service.html; BRD § 10). Only what inner.css does not already
   have: what the mock wrote as style="" attributes, or built in script, is a class
   here, so the pages carry no inline styles (CSP, BRD M2-NFR-56).
   ========================================================================== */

/* the chip group takes the wider share of the filter row (as specific as inner.css's .filters .field) */
.filters .filters__how { flex: 2 1 20rem; }

/* spacing the mock wrote inline (one value each) */
.u-mt-04 { margin-top: .4rem; }
.u-mt-05 { margin-top: .5rem; }
.u-mt-06 { margin-top: .6rem; }

/* the start card (M2-SVC-14): a display title, its text and its buttons, the first primary */
.start-card__title { font-family: var(--font-display); font-weight: 400; font-size: var(--t-xl); color: var(--ink); }
.start-card__actions { margin-top: 1.1rem; display: flex; flex-wrap: wrap; gap: .75rem; }
.start-card .btn:not(.btn--gold) { color: var(--ink); }

/* the key facts' small lines sit under the value */
.facts-d dd small { display: block; }