/* styles/sections/closing-inline-lines.css
 * The light inline closing (closing-cta--inline on the page surface) with its heading and deck on
 * whole-pixel lines, as Pencil sets them (23 x 1.05 is 24, 17 x 1.6 is 27), through the recipe's own
 * properties.
 * Tools frames Alu4k (390), IJFkc (1440), NeZ6v (1920). */
@layer sections {
  .closing-cta--inline.closing-cta--whole-px {
    --closing-heading-lh: round(nearest, var(--t-h4-lh) * 1em, 1px);
    --closing-deck-lh: round(nearest, 1.6em, 1px);
  }

  @media (min-width: 900px) {
    .closing-cta--inline.closing-cta--whole-px {
      --closing-heading-lh: round(nearest, var(--t-h3-lh) * 1em, 1px);
      --closing-deck-lh: round(nearest, 1.5em, 1px);
    }
  }

  @media (min-width: 1680px) {
    .closing-cta--inline.closing-cta--whole-px {
      --closing-heading-lh: round(nearest, var(--t-h2-lh) * 1em, 1px);
    }
  }
}