.page-title {
  color: var(--blue-700);       /* brand‑mid tone – readable on white  */
  font-weight: 600;             /* 600 keeps it assertive but not SHOUT */
  font-size: 1.75rem;           /* ≈ Bootstrap h3 / display‑6          */
  letter-spacing: .2px;
  margin-bottom: .10rem;        /* snug gap above the sub‑headline     */

  display: flex;                /* room for an optional icon           */
  align-items: center;
}

.page-subtitle {
  color: var(--gray-700);       /* muted neutral text                  */
  font-size: .95rem;
}
/* ───────────────────────────────────────────────────────────────
   Headlines
   ─────────────────────────────────────────────────────────────── */
.border-underline{
  border-bottom: 2px solid var(--blue-600);   /* brand accent      */
  padding-bottom: .35rem;
}

/* ───── src/assets/brand.css ───── */

/* ①  brand wrapper: just layout, no translucent block */
.brand{
    display:flex;
    align-items:center;
    gap:4px;
    text-decoration:none;
    /* ⬇ NO background, padding, or box-shadow here */
}


/* Online‑Pharmacies: low‑coverage toggle (header) */
.low-cov-toggle .form-check-input {
    /* raise the checkbox 1 px so it centres vertically */
    margin-top: 0.55rem;          /* default = 0.25 rem           */

}

.low-cov-toggle .form-check-label {
    /* nudge the text up the same amount */
    position: relative;
    top: 3px;                    /* bring baseline level          */
               /* keep it in line with radios   */
}