/* The trust row on clinic pages, filled by trust.js. Kept quiet: small text with a line icon each, no pills,
   borders, fills or dividers, so it reads as a footnote to the call and not as a badge wall. One line on desktop;
   on a phone the badges wrap whole, never mid-label. Colours come from the page's own tokens: ink-2 for the words
   (7.3:1 on the clinic page's band) and the page's deep teal for the icons. */
.trust { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; margin: 20px 0 0; padding: 0; list-style: none; }
.trust:empty { display: none; }
.trust li { display: inline-flex; align-items: center; gap: 8px; font-size: .86rem; font-weight: 600; line-height: 1.3; color: var(--ink-2, #3d5560); white-space: nowrap; }
.trust svg { display: block; flex: none; width: 20px; height: 20px; color: var(--forest-press, #004a59); }

/* The marks (data-trust="marks"): logo-style seals under a hero's buttons, drawn by trust.js in the page's action
   colour. The Proudly Canadian wordmark is set off by a rule, as Canadian health software lays these out. One
   row where the column is wide enough; two by two, without the rule, where it is not (the narrow hero column
   between 1001 and 1239px, and phones). */
.marks { display: flex; flex-wrap: nowrap; align-items: center; margin: 32px 0 0; padding: 0; list-style: none; color: var(--forest, #0B5563); }
.marks:empty { display: none; }
.marks li { display: inline-flex; align-items: center; gap: 8px; padding-left: 22px; white-space: nowrap; }
.marks li:first-child { padding: 0 22px 0 0; border-right: 1.5px solid currentColor; }
.marks li:nth-child(2) { padding-left: 22px; }
.marks svg { display: block; flex: none; }
.marks .wm > span { font-weight: 800; font-size: 1.04rem; line-height: .98; letter-spacing: -.015em; }
.marks .wm > span span { display: block; }
.marks .lk small { display: block; font-size: .56rem; font-weight: 700; letter-spacing: .12em; line-height: 1.2; text-transform: uppercase; }
.marks .lk b { display: block; font-size: 1.04rem; font-weight: 800; letter-spacing: .005em; line-height: 1.05; }
@media (min-width: 1001px) and (max-width: 1239px), (max-width: 560px) {
  .marks { display: grid; grid-template-columns: repeat(2, max-content); gap: 18px 30px; }
  .marks li, .marks li:first-child, .marks li:nth-child(2) { padding: 0; border: 0; }
}