/* ============================================================
   XC_Branch_v1.css — Branches/Detail (/branches/{slug})

   Additive and scoped to .br. The page is built from objects that
   already exist: the Contact page's branch record (XC_Contact_v1.css
   -- .ct, .ct-branch, .ct-fact, .ct-hours, .ct-map, .ct-shots) and
   the About / Agent ruled ledger (XC_Company_v1.css -- .ag-ledger,
   .ag-row). It redefines no token, no .btn and none of those
   classes; it only adds the few pieces of spacing and type this
   page has that neither of those does.
   ============================================================ */

/* the answer-first sentence under the H1 and its amber rule */
.br .br-lede {
  margin-top: 1.25rem;
  max-width: 62ch;
  font-size: 17px;
  line-height: 1.6;
  color: var(--body);
}

/* the home page's wayfinding line, under the address */
.br .br-way {
  margin-top: .5rem;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--muted);
}

/* "call for hours", the public-holiday caution and the closures */
.br .br-note {
  margin-top: .75rem;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--body);
}
.br .br-note:first-child { margin-top: 0; }

.br .br-closures {
  margin: .9rem 0 0;
  padding: 0;
  list-style: none;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--ink);
  font-weight: 600;
}
.br .br-closures li + li { margin-top: .3rem; }

.br .br-acts {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

.br .ag-row-d > p + p { margin-top: .75rem; }
.br .ag-row-d > .br-acts { margin-top: 1.25rem; }

/* in-text links: blue, underlined, and the house focus ring */
.br .br-link {
  color: var(--brand);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.br .br-link:hover { color: var(--ink); }
.br .br-link:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
  border-radius: 2px;
}

/* the ledger's term column holds a link on the "other counters" rows */
.br .ag-row-t .br-link { text-decoration-thickness: 1px; }
