/* =====================================================================
   Harbourlight Clinic · page pieces (Cairn industry template)
   Load after cairn.css. Prefix hl-.
   ===================================================================== */
.hl-slots { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; }
.hl-slots .hl-day { grid-column: 1 / -1; margin-top: 8px; font: 500 11.5px/1.2 var(--mono); color: var(--muted); }
.hl-slots .hl-day:first-child { margin-top: 0; }
.hl-slots button { min-height: 44px; padding: 0 10px; border-radius: var(--r-pill); border: 1px solid var(--line); background: var(--card); cursor: pointer; font: 500 14px/1 var(--mono); color: var(--ink); transition: border-color var(--d-fast), background var(--d-fast), color var(--d-fast); }
.hl-slots button:hover { border-color: var(--lake); }
.hl-slots button[aria-pressed="true"] { background: var(--lake); border-color: var(--lake); color: var(--on-lake); }
.hl-plain { display: block; margin: 0; }
.hl-need { background: var(--lake-soft); }
.form-card .seg { justify-self: start; }