/* ---------------------------------------------------------------------------
   LAST-MILE CANVAS CORRECTIONS

   Differences found by tools/check_canvas.py that belong to one page rather
   than to a component, kept here so the per-page files stay the work of
   whoever wrote them.

   Each is a case where §1.2 is silent and the drawing therefore decides. Where
   §1.2 does speak the site follows it instead, and those differences are left
   standing on purpose - see DECISIONS_TO_REVIEW.md.
   --------------------------------------------------------------------------- */

/* Life Together reuses the shared two-panel component, and the canvas draws
   its headings a step smaller there than on the home page: 32 against 34.
   Same component, different screen, different size. */
body.page-home-groups .tcf-two-panels__panel h3,
body.page-life-together .tcf-two-panels__panel h3,
body.page-kids-youth .tcf-two-panels__panel h3,
.tcf-lt-panels .tcf-two-panels__panel h3,
.tcf-lt-panel h3 {
  font-size: 32px;
  font-weight: 400;
  line-height: 1.22;
}

/* The dashed photo slots carry a line of description. It is a caption, at the
   meta step, not card copy. */
.tcf-lt-card .tcf-photo-slot p,
.tcf-lt-card__photo p,
.is-style-photo-slot p,
.tcf-photo-slot p {
  font-size: var(--tcf-text-meta);
  line-height: 1.5;
}

/* What We Believe's cross-reference line is the `ui` step. */
.tcf-believe__aside p,
.tcf-believe__aside a,
.tcf-believe__seealso,
.tcf-believe__seealso a {
  font-size: 15px;
  line-height: 1.7;
}

/* §2i: inside the member area the header's primary button becomes the
   secondary treatment, because the reader is already part of the church and
   "Plan your visit" is not the control they came for. */
body.tcf-member-area #header [data-id="menu"] > .menu > .menu-item > .ct-menu-link[href*="/plan-your-visit"] {
  background-color: transparent;
  color: var(--tcf-accent);
  border: 1px solid var(--tcf-accent);
}
body.tcf-member-area #header [data-id="menu"] > .menu > .menu-item > .ct-menu-link[href*="/plan-your-visit"]:hover {
  background-color: var(--tcf-accent);
  color: var(--tcf-page);
}


/* The sign-in helper line is reader-facing body copy and takes §1.2's 15px
   floor, not the meta step. Stated with the page's own class in front because
   interior-b.css sets it at 14 and loads before this file. */
body .tcf-mb-signin__reset,
.tcf-mb-signin .tcf-mb-signin__reset {
  font-size: 15px;
  line-height: 1.6;
}


/* Teaching archive (§2c), measured. The filter links are the `ui` step, which
   §1.2 sets at 500 to 600; they were rendering at 400. */
.tcf-filter__link,
.tcf-filter__label {
  font-weight: 500;
}

/* The podcast band's heading takes the card-title leading, 1.22, not the
   tighter section leading. */
.tcf-podcast-band h2,
.tcf-podcast__heading,
.tcf-podcast h2 {
  line-height: 1.22;
}

/* The archive intro is a lede, and a lede is body size since 2026-09-07 - the
   note above `.tcf-lede` in style.css. This one was the loudest case: hard 19px
   with no clamp, so it was the only 19px lede on the site at 375 while every
   other one had already fallen to 17. The canvas draws 17 here and it now gets
   17, by a different route than the canvas's. */
.tcf-teaching-archive__intro,
.tcf-teaching-archive__intro p {
  font-size: var(--tcf-text-body);
  line-height: var(--tcf-leading-body);
}