/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/check-list/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/**
 * mea/check-list
 *
 * ONE block, THREE constructions. The captain ruled on 2026-08-19 that the
 * three check-list treatments in the design stay as drawn rather than being
 * normalised (audit A recurrence R7, plus audit B's /for-brokers Impact
 * Section), so each is a named variant here. The names describe what the
 * design does, not which page it lands on:
 *
 *   badge-panel   a translucent glass panel, a lime glow-dot lead-in line and
 *                 a large rounded check badge per row
 *                 2001:4361  /                 5 rows, 1 col, 774 x 615 fixed
 *                 2003:4817  /mea-ingestion    6 rows, 1 col, 540 wide
 *                 2003:5150  /mea-operations   7 rows, 2 cols, 1200 wide
 *                 2008:7123  /for-brokers      5 rows + descriptions, 2 cols
 *   dot-rows      bare rows on the section's own ground, each marked by a
 *                 small lime-tinted rounded dot holding a 14px tick
 *                 2003:6279  /bpo-solutions    7 rows, 1 col, 600 wide
 *   bullet-chips  one glass chip per row, marked by a solid 8px lime bullet
 *                 2003:5923 + 2003:5940  /mea-underwriting  4 + 3 chips
 *
 * Chrome inside a construction is identical across its instances and is
 * welded here. What the instances DISAGREE on is an attribute: column count,
 * the three gaps, the pinned copy measure, the type step, the item ink, the
 * lead-in treatment and the section ground. Colour and type resolve through
 * tokens.css; the two radii come from the shared --mea-glass-radius (38px)
 * and --mea-tile-radius (11px), which round Figma's 37.607 and 11.282 - a
 * sub-pixel difference the shared layer already made for this exact node
 * (see the token comments naming the case-studies feature box and check tile).
 */
.mea-check-list {
  box-sizing: border-box;
  /* Every instance in the file paints on-dark ink, so the foreground is
     rebound unconditionally rather than behind a tone attribute. A nested
     block root reads the custom property, so `color` alone is not enough.
     Add a tone attribute if a light instance ever appears - do not guess
     one now. */
  --mea-fg: var(--mea-on-dark);
  color: var(--mea-on-dark);
  /* `copyInk: soft` holds the whole block's copy a step back from #fff, at
     --mea-on-dark-copy - rgba(255, 255, 255, 0.7), the shared body ink for
     dark grounds. See that token's own note for why it is separate from
     --mea-on-dark-strong, which the footer keeps at 0.9.

     Rebinding --mea-fg as well as `color` for the same reason the root does
     above: a nested block reads the custom property, so `color` alone would
     leave the section-header composed into __header at full strength while
     everything around it softened.

     Distinct from `itemInk` (further down), which paints __title alone and
     to a different value - #d7e1e0, an opaque tint, not an alpha. Both can
     be set; itemInk wins on the title because it is the more specific
     selector. */
}
.mea-check-list--copy-soft {
  --mea-fg: var(--mea-on-dark-copy);
  color: var(--mea-on-dark-copy);
}
.mea-check-list__inner {
  display: flex;
  flex-direction: column;
  /* Nested section-header to the list. 48px on 2008:7116, the one
     instance drawn as a whole section. */
  gap: var(--mea-check-list-section-gap, 48px);
}
.mea-check-list {
  /* --------------------------------------------------------------- *
   * Section ground. Only 2008:7116 carries one: flat --mea-dark with a
   * teal wash rising toward the TOP edge, the opposite direction from
   * card-grid's panel.
   * --------------------------------------------------------------- */
}
.mea-check-list--padded {
  /* Subpage frames use a 120px section gutter against the homepage's
     88px, so rebind the shared gutter rather than bypass
     .mea-container. 120 / 1440 = 8.3333vw. */
  --mea-gutter: clamp(20px, 8.3333vw, 120px);
  padding-top: var(--mea-check-list-pt, 120px);
  padding-bottom: var(--mea-check-list-pb, 120px);
}
.mea-check-list--ground-dark {
  background-color: var(--mea-dark);
  /* Figma's gradient runs from a TRANSPARENT BLACK stop to opaque
     teal at 20% paint opacity, and Figma interpolates that without
     premultiplying while CSS premultiplies. A two-stop CSS gradient
     would hold the hue and ramp alpha linearly, which is three times
     too bright at the midpoint, so the curve is written out as stops.
     The premultiply arithmetic alone predicts alpha = max * f^2
     exactly (Figma's colour at f is (62f, 106f, 100f) at alpha
     0.2f, so its contribution goes as f^2). Fitting the 1440 render
     instead - 913 rows sampled down the empty left gutter, solved back
     to an alpha against the known ground - lands at f^2.5 (RMS 0.48 of
     a channel step, worst 2/255) and is still improving at f^2.7,
     while f^2 leaves a worst case of 3/255. f^2.5 is the exponent
     AGENTS.md already records for this file from card-grid's panel, so
     this is a second independent confirmation of it rather than a new
     number, and the three multipliers below are card-grid's own.
     The stop positions are Figma's (38.592% and 95.531%, measured from
     the bottom, because this wash rises toward the TOP edge - the
     opposite direction from card-grid's).
     A plain `transparent` is used for the zero stop because the
     build's minifier rewrites a literal 0% to 0, which invalidates
     color-mix() and silently drops the whole declaration. */
  background-image: linear-gradient(0deg, transparent 38.592%, color-mix(in srgb, var(--mea-glow-teal) calc(var(--mea-check-list-glow, 20%) * 0.031), transparent) 52.827%, color-mix(in srgb, var(--mea-glow-teal) calc(var(--mea-check-list-glow, 20%) * 0.177), transparent) 67.062%, color-mix(in srgb, var(--mea-glow-teal) calc(var(--mea-check-list-glow, 20%) * 0.487), transparent) 81.296%, color-mix(in srgb, var(--mea-glow-teal) var(--mea-check-list-glow, 20%), transparent) 95.531%);
}
.mea-check-list {
  /* `groundDirection: bottom` - the same wash the other way up, which is
     card-grid's panel direction: transparent at the TOP, full strength at
     the BOTTOM. R6 declares it on 2545:2451 (/bpo-solutions "A Different
     Model") as `linear-gradient(180deg, rgba(0,0,0,0) 0%,
     rgba(62,106,100,0.4) 100%)`, and Figma renders it non-linearly here as
     everywhere else, so the same three multipliers are reused at the
     quarter points (they ARE f^2.5: 0.25^2.5 = 0.031, 0.5^2.5 = 0.177,
     0.75^2.5 = 0.487). Confirmed against the node's own render, sampling
     x=20..100 down all 897 rows and solving each back to an alpha against
     the known rgb(2,20,18) ground: measured 0.0036 / 0.0324 / 0.0751 /
     0.1371 / 0.2021 / 0.2908 / 0.3910 at f = 0.25/0.375/0.5/0.625/0.75/
     0.875/1, against this curve's own piecewise values - worst channel
     error 0.8/255. A linear 0.4*f would be 0.1 against a measured 0.0036
     at the first sample.
     Placed immediately after --ground-dark so the photo/wash layers below
     still win the way they already did; both are single classes, so source
     order is what decides. */
}
.mea-check-list--ground-down {
  background-image: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--mea-glow-teal) calc(var(--mea-check-list-glow, 20%) * 0.031), transparent) 25%, color-mix(in srgb, var(--mea-glow-teal) calc(var(--mea-check-list-glow, 20%) * 0.177), transparent) 50%, color-mix(in srgb, var(--mea-glow-teal) calc(var(--mea-check-list-glow, 20%) * 0.487), transparent) 75%, color-mix(in srgb, var(--mea-glow-teal) var(--mea-check-list-glow, 20%), transparent) 100%);
}
.mea-check-list {
  /* --------------------------------------------------------------- *
   * Same photo+veil+wash mechanism as mea/section-header - see that
   * block's own style.scss comments for the derivation. Added so a
   * check-list instance sitting directly under a section-header
   * instance in the same Figma band (/mea-ingestion Integration) can
   * carry the identical background rather than one half being a photo
   * and the other a flat --ground-dark fill. Both default off, so
   * every existing instance (including this same page's own Triage
   * badge-panel) is unaffected.
   * --------------------------------------------------------------- */
}
.mea-check-list--wash-teal {
  --mea-check-list-wash-layer: linear-gradient(180deg, transparent 28.55%, color-mix(in srgb, var(--mea-glow-teal) calc(var(--mea-check-list-wash, 20%) * 0.031), transparent) 42.07%, color-mix(in srgb, var(--mea-glow-teal) calc(var(--mea-check-list-wash, 20%) * 0.177), transparent) 55.59%, color-mix(in srgb, var(--mea-glow-teal) calc(var(--mea-check-list-wash, 20%) * 0.487), transparent) 69.11%, color-mix(in srgb, var(--mea-glow-teal) var(--mea-check-list-wash, 20%), transparent) 82.628%);
  background-image: linear-gradient(180deg, transparent 28.55%, color-mix(in srgb, var(--mea-glow-teal) calc(var(--mea-check-list-wash, 20%) * 0.031), transparent) 42.07%, color-mix(in srgb, var(--mea-glow-teal) calc(var(--mea-check-list-wash, 20%) * 0.177), transparent) 55.59%, color-mix(in srgb, var(--mea-glow-teal) calc(var(--mea-check-list-wash, 20%) * 0.487), transparent) 69.11%, color-mix(in srgb, var(--mea-glow-teal) var(--mea-check-list-wash, 20%), transparent) 82.628%);
}
.mea-check-list--has-bg-image {
  background-image: var(--mea-check-list-scrim, none), var(--mea-check-list-wash-layer, none), linear-gradient(0deg, color-mix(in srgb, var(--mea-dark) var(--mea-check-list-bg-veil, 60%), transparent), color-mix(in srgb, var(--mea-dark) var(--mea-check-list-bg-veil, 60%), transparent)), var(--mea-check-list-bg-image, none);
  background-repeat: no-repeat;
  background-position: var(--mea-check-list-bg-position, center);
  background-size: var(--mea-check-list-bg-size, cover);
}
.mea-check-list {
  /* --------------------------------------------------------------- *
   * Panel. badge-panel is the only construction that draws one; the
   * other two put their rows straight on the section ground.
   * --------------------------------------------------------------- */
}
.mea-check-list__panel {
  display: flex;
  flex-direction: column;
  /* Lead-in line to the list. 36 on 2003:5150 and 2008:7123, 46 on
     2003:4817, 50 on 2001:4361 - per instance, so an attribute. */
  gap: var(--mea-check-list-header-gap, 36px);
  box-sizing: border-box;
  min-width: 0;
}
.mea-check-list--badge-panel .mea-check-list__panel {
  position: relative;
  /* 2001:4361 is the one instance with a fixed frame height (615px
     against 576px of content), so it needs a floor, not a height. */
  min-height: var(--mea-check-list-minh, 0);
  padding: 67.693px 63.933px;
  border-radius: var(--mea-glass-radius);
  /* Figma draws this edge with its GLASS effect (radius 7.521, depth
     37.607, lightAngle -45) rather than a stroke, so get_design_context
     reports the fill and no border. Sampling the 1440 render of
     2008:7123 puts the hairline's own white at 0.387 alpha against the
     GROUND on the top and left - the lit sides - and 0.292 on the
     bottom and right. The declared alphas below are lower than those,
     because the hairline layer composites over the panel's own 5%
     fill rather than over the ground - declaring the ground-referred
     figures directly measured 11/255 too bright on both edges. 37%
     and 26% are the values that minimise the worst per-channel error
     against Figma's own edge pixel: 3.8/255 lit, 2/255 shaded.
     Figma's hairline is very slightly cyan (its per-channel alphas
     are 0.387 R / 0.413 G / 0.405 B, the refraction picking up the
     teal backdrop) and a pure white edge cannot hit all three; the
     residual above is that tint, and inventing a tint the design does
     not declare to chase 3/255 is not worth it. A single flat value
     for all four sides matched the lit edges and ran 25/255 too dark
     on the shaded ones. Alpha is varied off the token rather than
     written as an rgba literal.
     The effect's other half - a refraction bevel that darkens the fill
     near an edge and brightens it near the shaded edges - was
     previously left unfaked here as having no CSS equivalent, but
     mea/cta-band's own glass card (2139:3387) solves the identical
     problem with four background-layer ramps rather than a blurred
     inset shadow (a blurred shadow peaks AT the edge and composites
     under the hairline instead of beneath the fill). Lia asked for
     that same treatment here (2026-08-31) rather than leaving this
     panel's glass flatter than the CTA card's, so the ramp below is
     cta-band's own recipe reused verbatim - same layer order, same
     extents and colours - not a fresh measurement of this panel's own
     edge, which Figma's flat get_design_context fill/no-border read
     still cannot resolve any more than it could before. */
  background: var(--mea-glass-bevel), var(--mea-glass);
}
.mea-check-list {
  /* ------------------------------------------------------------------ *
   * bevel: corrected - the GLASS effect as white alpha instead of as a
   * dark overlay, the same pair mea/card-grid and mea/stat-cards use. See
   * --mea-glass-bevel-fitted in _shared/tokens.css for the measured
   * profile and for why a fixed dark overlay is ground-dependent where R6's
   * glass is not. Every bevelled instance of this block sits on a teal
   * wash, which is exactly the ground that form cannot model.
   *
   * Both shapes in one rule because both carry the same effect: the
   * badge-panel's `__panel` (on /mea-ingestion, /mea-operations and
   * /for-brokers) and the `__callout` (on /bpo-solutions).
   *
   * Only the FILL moves. This block's hairline is an overlay `::before`,
   * not a border, so it is untouched - and its 37/26 and 22/18 alphas stay
   * as they are, since they were solved against a 5% fill and the fitted
   * field is 4.81%.
   *
   * Three classes on the panel and two on the callout, because the rules
   * they override are (0,2,0) and (0,1,0) respectively.
   * ------------------------------------------------------------------ */
}
.mea-check-list--bevel-corrected.mea-check-list--badge-panel .mea-check-list__panel, .mea-check-list--bevel-corrected .mea-check-list__callout {
  background: var(--mea-glass-bevel-fitted), var(--mea-glass-fitted-base);
  /* After the shorthand, which resets it to the padding-box initial. */
  background-origin: border-box;
}
.mea-check-list {
  /* The hairline is drawn on an overlay layer, NOT as a border on the
     panel: a 1px border costs 2px of height, which measured the panel at
     528.97 against the node's 526.99. Figma builds it the same way - the
     edge belongs to the effect, and the effect costs no layout. An
     absolutely positioned child of a flex container is out of flow, so it
     adds no flex item either. */
}
.mea-check-list--badge-panel .mea-check-list__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border: 1px solid;
  border-color: color-mix(in srgb, var(--mea-on-dark) 37%, transparent) color-mix(in srgb, var(--mea-on-dark) 26%, transparent) color-mix(in srgb, var(--mea-on-dark) 26%, transparent) color-mix(in srgb, var(--mea-on-dark) 37%, transparent);
  border-radius: inherit;
}
.mea-check-list {
  /* --------------------------------------------------------------- *
   * Lead-in row: the lime glow dot plus one line. badge-panel only.
   * --------------------------------------------------------------- */
}
.mea-check-list__lead {
  display: flex;
  align-items: center;
  /* 31px on 2003:4817 / 2003:5150 / 2008:7123. 2001:4361 lays the same
     row out absolutely and lands 26.3px; the flexed value is the one
     three of the four instances declare. */
  gap: 31px;
  min-width: 0;
}
.mea-check-list {
  /* Figma's shared `Background` component (826:853): a 37.607px lime
     circle under a 5.641px layer blur. The signed-off homepage already
     renders this component as a 37.6px circle at blur(2.8px) - Figma's
     radius halved - so this matches it rather than re-deriving it. Static
     by default: the design draws no animation on this dot outside the
     homepage. `leadInPulse` opts an instance into the shared `.mea-pulse`
     (base.css) - the same keyframe the homepage's case-studies feature box
     runs on its own copy of this dot - and /mea-ingestion's Triage is the
     first section to ask for it. */
}
.mea-check-list__glow {
  display: block;
  flex-shrink: 0;
  width: 37.6px;
  height: 37.6px;
  border-radius: 50%;
  background: var(--mea-accent);
  filter: blur(2.8px);
}
.mea-check-list__lead-in {
  margin: 0;
  padding: 0;
  min-width: 0;
  font-family: var(--mea-font-sans);
  font-size: var(--mea-type-h2-size);
  /* var(--mea-on-dark), not the inherited `color`/--mea-fg: the lead-in
     reads as a small headline, so it stays #fff even under `copyInk: soft`
     (see that modifier's own comment above) rather than softening with
     the item titles/descriptions around it. `leadInColor` overrides it
     per instance for a node that draws this line at the body ink
     instead (2545:2457). */
  color: var(--mea-check-list-lead-in-color, var(--mea-on-dark));
}
.mea-check-list {
  /* Two lead-in treatments, both measured. `spaced` is the fixed 36.103px
     line box with 1.8052px tracking that 2001:4361 / 2003:5150 / 2008:7123
     draw; `plain` is the Figma "H2" style itself (1.3, no tracking) that
     2003:4817 draws. */
}
.mea-check-list--leadin-spaced .mea-check-list__lead-in {
  line-height: 36.103px;
  letter-spacing: 1.8052px;
}
.mea-check-list--leadin-plain .mea-check-list__lead-in {
  line-height: var(--mea-type-h2-lh);
  letter-spacing: 0;
}
.mea-check-list--leadin-weight-medium .mea-check-list__lead-in {
  font-weight: var(--mea-weight-medium);
}
.mea-check-list--leadin-weight-bold .mea-check-list__lead-in {
  font-weight: var(--mea-weight-bold);
}
.mea-check-list {
  /* 2545:2333 ("Every underwriter gets:") is the file's one Semi Bold
     lead-in, drawn at the named "H3" step rather than "H2". */
}
.mea-check-list--leadin-weight-semibold .mea-check-list__lead-in {
  font-weight: var(--mea-weight-semibold);
}
.mea-check-list--leadin-step-h3 .mea-check-list__lead-in {
  font-size: var(--mea-type-h3-size);
  line-height: var(--mea-type-h3-lh);
  letter-spacing: 0;
}
.mea-check-list {
  /* Same #f4f4f3 step the FAQ answer and two hero subheads already resolve
     through --mea-on-dark-soft; 2545:2333 draws it here. */
}
.mea-check-list--leadin-tone-soft .mea-check-list__lead-in {
  color: var(--mea-on-dark-soft);
}
.mea-check-list {
  /* --------------------------------------------------------------- *
   * The list. Figma draws a multi-column instance as two independent
   * stacks filled top-to-bottom, so the flow is by column, not by row:
   * 7 rows over 2 columns is 4 then 3 (2003:5150), 5 is 3 then 2
   * (2008:7123). An explicit row count plus `grid-auto-flow: column`
   * reproduces that from one semantic list. Grid rows align across
   * columns where Figma's independent stacks would not - it makes no
   * difference on any instance in the file, because every measured pair
   * of columns has matching row heights, and it is the one place this
   * block interpolates rather than measures.
   * --------------------------------------------------------------- */
}
.mea-check-list__list {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(var(--mea-check-list-cols, 1), var(--mea-check-list-track, minmax(0, 1fr)));
  grid-template-rows: repeat(var(--mea-check-list-rows, 1), auto);
  justify-content: start;
  align-items: start;
  column-gap: var(--mea-check-list-col-gap, 36px);
  row-gap: var(--mea-check-list-row-gap, 36px);
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 0;
}
.mea-check-list__item {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
  list-style: none;
}
.mea-check-list {
  /* Editor-only row controls. Never rendered on the front end, and
     positioned out of flow so the editor preview measures the same as
     the page. */
}
.mea-check-list__row-tools {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  gap: 2px;
  opacity: 0.35;
  transition: opacity 0.2s ease;
}
.mea-check-list__row-tools:focus-within {
  opacity: 1;
}
.mea-check-list__item:hover .mea-check-list__row-tools {
  opacity: 1;
}
.mea-check-list {
  /* A row that carries a description is drawn top-aligned rather than
     centred (2008:7133 against 2003:5158). */
}
.mea-check-list__item--stacked {
  align-items: flex-start;
}
.mea-check-list__content {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  min-width: 0;
}
.mea-check-list__title, .mea-check-list__desc {
  display: block;
  margin: 0;
  padding: 0;
  font-family: var(--mea-font-sans);
}
.mea-check-list {
  /* Unset (default), the title keeps inheriting --mea-fg exactly as every
     existing instance already renders. itemTitleColor exists for the same
     reason card-grid's own title/desc overrides do - a page that wants a
     step back from full opacity without touching the shared ink token. */
}
.mea-check-list__title {
  color: var(--mea-check-list-title-color, inherit);
}
.mea-check-list {
  /* --------------------------------------------------------------- *
   * Type step on the row label. Three, all measured: Figma "P1"
   * (2003:4817, 2003:6279), Figma "H4" (2003:5150, 2008:7123,
   * 2003:5923) and P1's size at Regular with the line box matched to
   * the 45.129px badge row (2001:4361).
   * --------------------------------------------------------------- */
}
.mea-check-list--step-body .mea-check-list__title {
  font-weight: var(--mea-weight-regular);
  font-size: var(--mea-type-p1-size);
  line-height: var(--mea-type-p1-lh);
}
.mea-check-list {
  /* Regular, not the Semibold the H4 nodes above are measured at
     (2026-09-01, Lia): 600 read too heavy for a list of short rules, and
     400 is what this step is meant to default to. Deliberate departure from
     the measured weight - the size and line box are still H4's, so this
     remains a distinct step from `body` (which is the same 20px at the
     looser 32px line box), not a duplicate of it. */
}
.mea-check-list--step-title .mea-check-list__title {
  font-weight: var(--mea-weight-regular);
  font-size: var(--mea-type-h4-size);
  line-height: var(--mea-type-h4-lh);
}
.mea-check-list {
  /* Per-instance opt-in to the Semi Bold the H4 nodes are actually drawn at.
     The default stays Lia's Regular (see the --step-title comment above);
     R6's /mea-underwriting chips (2545:2339 and its six siblings) are the
     one instance that asks for the measured weight. */
}
.mea-check-list--title-weight-semibold .mea-check-list__title {
  font-weight: var(--mea-weight-semibold);
}
.mea-check-list--step-tile .mea-check-list__title {
  font-weight: var(--mea-weight-regular);
  font-size: var(--mea-type-p1-size);
  /* Figma matches the line box to the badge row rather than to a
     ratio (2001:4375). */
  line-height: 45.13px;
}
.mea-check-list {
  /* Figma "P2". 2008:7123 is the only instance with a second line, and
     it paints it the same pure white as the label. */
}
.mea-check-list__desc {
  font-weight: var(--mea-weight-regular);
  font-size: var(--mea-type-p2-size);
  line-height: var(--mea-type-p2-lh);
}
.mea-check-list {
  /* 2003:4817 is the one instance whose labels are not pure white. Its
     #d7e1e0 is already tokenised as --mea-eyebrow-on-dark (the cta-band
     eyebrow), so it resolves through the token rather than a literal. */
}
.mea-check-list--ink-soft .mea-check-list__title {
  color: var(--mea-eyebrow-on-dark);
}
.mea-check-list {
  /* R6 paints /mea-ingestion's three Integration rows (2545:1950, 2545:1956,
     2545:1962) `text-[rgba(255,255,255,0.9)]` - one step above the 0.8 body
     ink `copyInk: soft` gives them and one below #fff. That is
     --mea-on-dark-strong exactly, so it resolves through the token. */
}
.mea-check-list--ink-strong .mea-check-list__title {
  color: var(--mea-on-dark-strong);
}
.mea-check-list {
  /* --------------------------------------------------------------- *
   * Mark: the outer box is the row-height slot Figma calls "Margin",
   * the inner one is the visible chip.
   * --------------------------------------------------------------- */
}
.mea-check-list__mark {
  display: flex;
  box-sizing: border-box;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: center;
}
.mea-check-list__badge {
  display: inline-flex;
  box-sizing: border-box;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  color: var(--mea-accent);
}
.mea-check-list__badge svg {
  display: block;
}
.mea-check-list {
  /* --------------------------------------------------------------- *
   * badge-panel: 41.368px badge in a 45.129px slot, offset 3.761px
   * from the slot's top, white 20% fill, 1.88px inset ring and a
   * 22.564px tick. Measured on the 1440 render of 2008:7123: the fill
   * resolves to white at exactly 0.200 and the ring composite lands on
   * (84, 118, 50) against Figma's own (84, 118, 50).
   * --------------------------------------------------------------- */
}
.mea-check-list--badge-panel .mea-check-list__item {
  gap: 26.325px;
}
.mea-check-list--badge-panel .mea-check-list__mark {
  width: 41.368px;
  height: 45.129px;
  padding-top: 3.761px;
}
.mea-check-list--badge-panel .mea-check-list__badge {
  width: 41.368px;
  height: 41.368px;
  border-radius: var(--mea-tile-radius);
  background: var(--mea-glass-strong);
  box-shadow: inset 0 0 0 1.88px var(--mea-check-ring);
}
.mea-check-list--badge-panel .mea-check-list__content {
  gap: 8px;
}
.mea-check-list {
  /* --------------------------------------------------------------- *
   * badge-gradient: /mea-ingestion's Integration section (2545:1857
   * onward) - same 41.368/45.129/3.761 badge geometry and 26.325px
   * item gap as badge-panel (confirmed by direct measurement, not
   * assumed), but a solid lime-to-green gradient fill instead of
   * badge-panel's translucent glass + ring, with a white tick instead
   * of lime (badge-panel's currentColor lime reads illegibly on this
   * fill's own brightness).
   * --------------------------------------------------------------- */
}
.mea-check-list--badge-gradient .mea-check-list__item {
  gap: 26.325px;
}
.mea-check-list--badge-gradient .mea-check-list__mark {
  width: 41.368px;
  height: 45.129px;
  padding-top: 3.761px;
}
.mea-check-list--badge-gradient .mea-check-list__badge {
  width: 41.368px;
  height: 41.368px;
  border-radius: var(--mea-tile-radius);
  background: linear-gradient(90deg, #c9e931, #92d828);
  color: #000;
}
.mea-check-list--badge-gradient .mea-check-list__content {
  gap: 8px;
}
.mea-check-list {
  /* --------------------------------------------------------------- *
   * dot-rows: 24px dot, 12px radius, lime at 10% and a 14px tick. The
   * original instance drew no lead-in at all; "A Different Model"
   * (2003:6271 on /bpo-solutions) is the first to add one, and it is
   * NOT the badge-panel glow-dot treatment - Figma draws "It can:" as a
   * bare P1 line (20px, Inter Regular, 160%) with no dot and no tracking,
   * so both are overridden here rather than reusing spaced/plain, which
   * are both sized off the 45px H2 the badge-panel lead-in actually is.
   * The 34px left indent on the row/callout beneath it (2003:6278 sits at
   * x=34 while "It can:" sits at x=0 in the same 1200px frame) is exposed
   * as `rowIndent` rather than welded, since only this instance has it.
   * --------------------------------------------------------------- */
  /* R6 gives this instance's composed header three UNIFORM 24px rows
     (2545:2452: eyebrow -> headline -> body, both gaps 24). No
     mea/section-header spacing step provides that - `roomy` is 24 plus a
     12px extra before the body (2008:7316's own shape) - so the extra is
     removed from here, the composing block, exactly as mea/team-grid
     already does for the same 24/24/24 need rather than adding a fifth
     step to a block six sections depend on. Scoped to dot-rows AND
     spacing-roomy, a pair no other instance carries, so nothing else
     moves; four classes deep, so it beats section-header's own (0,2,0)
     rule whichever stylesheet prints last. */
}
.mea-check-list--dot-rows .mea-check-list__header .mea-section-header--spacing-roomy .mea-section-header__body {
  margin-top: 0;
}
.mea-check-list--dot-rows .mea-check-list__lead {
  gap: 0;
}
.mea-check-list--dot-rows .mea-check-list__glow {
  display: none;
}
.mea-check-list--dot-rows .mea-check-list__lead-in {
  font-family: var(--mea-font-sans);
  font-weight: var(--mea-weight-regular);
  font-size: var(--mea-type-p1-size);
  line-height: var(--mea-type-p1-lh);
  letter-spacing: normal;
}
.mea-check-list__row {
  margin-left: var(--mea-check-list-row-indent, 0);
}
.mea-check-list--dot-rows .mea-check-list__item {
  gap: 16px;
}
.mea-check-list--dot-rows .mea-check-list__mark {
  width: 24px;
  height: 24px;
  align-items: center;
}
.mea-check-list--dot-rows .mea-check-list__badge {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--mea-accent) 10%, transparent);
}
.mea-check-list {
  /* No instance pairs a description with this construction, so the
     title-to-description gap is interpolated from badge-panel's 8px. */
}
.mea-check-list--dot-rows .mea-check-list__content {
  gap: 8px;
}
.mea-check-list {
  /* --------------------------------------------------------------- *
   * bullet-chips: the ROW is the chip. White 5% fill, 12px radius,
   * 24px inset, 24px gap and a solid 8px lime bullet. Its GLASS
   * effect is the smaller one (radius 4, depth 20, same -45 light) and
   * its hairline is weaker than the panel's: sampled on the 1440 render
   * of 2003:5924 it puts white at 0.258 against the ground on the lit
   * top edge and 0.214 on the shaded bottom. Referred to the chip's own
   * 5% fill, which the overlay composites over, that is 22% and 18% -
   * worst per-channel error 1.9/255 on both edges.
   * These are NOT card-grid's 26 / 21 - that pair is measured on a
   * different node with different GLASS depth, and the two are not
   * interchangeable.
   * --------------------------------------------------------------- */
}
.mea-check-list--bullet-chips .mea-check-list__list {
  align-items: stretch;
}
.mea-check-list {
  /* bullet-chips is this variant's own reference instance (2003:5923 +
     2003:5940, /mea-underwriting's Benefits section) - its GLASS effect
     is a real blur (Figma's own effect radius 4), not just the
     background+hairline approximation below. Missing until 2026-09-02. */
}
.mea-check-list--bullet-chips .mea-check-list__item {
  gap: 24px;
  box-sizing: border-box;
  padding: 24px;
  border-radius: 12px;
  /* White at 2%, not --mea-glass's 5%. R6 moved this chip's fill:
     2545:2336 declares `bg-[rgba(255,255,255,0.02)]`, and sampling its
     own render confirms it - chip interior (9.32, 26.62, 24.81) over a
     ground of (4.58, 21.89, 19.92) solves to alpha 0.019 / 0.020 /
     0.021 per channel, and the second row repeats it at 0.018 / 0.020 /
     0.020 on a lighter ground. --mea-glass stays the 5% token every
     other glass surface in the file uses; this one instance is 2%. */
  background: color-mix(in srgb, var(--mea-on-dark) 2%, transparent);
  backdrop-filter: blur(4px);
}
.mea-check-list {
  /* Also this variant's own reference instance: the lead-in glow-dot
     (badge-panel's big lime circle) has no equivalent in bullet-chips at
     all - "bullet" here names the small 8px dot INSIDE each chip, not a
     lead-in mark. Was rendering unconditionally on every variant before
     this (2026-09-02) since __glow's markup isn't gated by variant. */
}
.mea-check-list--bullet-chips .mea-check-list__glow {
  display: none;
}
.mea-check-list {
  /* Overlay layer, not a border, for the same reason as the panel above:
     a real border measured each chip at 76px against the node's 74. */
}
.mea-check-list--bullet-chips .mea-check-list__item::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border: 1px solid;
  /* RE-DERIVED against R6 2026-09-05, because the fill under it moved
     from 5% to 2% (see the rule above) and these alphas are declared
     RELATIVE TO THAT FILL, not to the ground - the rule this file
     already states for badge-panel. Measured on the 2545:2336 render:
     the lit (top/left) hairline pixel is (71, 88, 86) over a ground of
     (4.6, 21.9, 19.9), i.e. 0.276 ground-referred, and the shaded
     (bottom/right) pixel is (59, 76, 72) over (5, 23, 20), i.e. 0.222.
     Referred to the chip's own 2% fill that is 0.261 and 0.206, which
     is what the two values below declare - worst per-channel error
     0.3/255 on both edges. The old 22 / 18 pair was correct over a 5%
     fill and lands 10/255 and 6/255 dark over a 2% one, so the two are
     not interchangeable. */
  border-color: color-mix(in srgb, var(--mea-on-dark) 26%, transparent) color-mix(in srgb, var(--mea-on-dark) 20.5%, transparent) color-mix(in srgb, var(--mea-on-dark) 20.5%, transparent) color-mix(in srgb, var(--mea-on-dark) 26%, transparent);
  border-radius: inherit;
}
.mea-check-list--bullet-chips .mea-check-list__mark {
  width: 8px;
  height: 8px;
  align-items: center;
}
.mea-check-list--bullet-chips .mea-check-list__badge {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mea-accent);
}
.mea-check-list {
  /* 2003:5926 draws 4px here, not badge-panel's 8. */
}
.mea-check-list--bullet-chips .mea-check-list__content {
  gap: 4px;
}
.mea-check-list {
  /* --------------------------------------------------------------- *
   * Optional glass callout beside the list ("A Different Model",
   * 2003:6271 on /bpo-solutions). The row is only emitted when a
   * callout is present, so this never touches any of the file's other
   * instances. Originally given bullet-chips' flatter flush-border
   * pairing (22%/18% edges, no bevel ramp); Lia asked this chip to carry
   * mea/cta-band's own glass treatment instead (2026-09-02) - cta-band's
   * recipe reused verbatim, same layer order/extents/edge alphas, per the
   * convention this file's own badge-panel and mea/card-grid's tile
   * already follow (see badge-panel's comment above for why a fresh
   * per-node measurement isn't taken: Figma's flat fill/no-border read
   * can't resolve the bevel half of GLASS any more than it could there).
   * --------------------------------------------------------------- */
}
.mea-check-list__row {
  display: flex;
  align-items: flex-start;
  gap: var(--mea-check-list-outer-gap, 32px);
  flex-wrap: wrap;
}
.mea-check-list {
  /* Scoped to `chip` on purpose. These two declarations size __list AS A FLEX
     CHILD, which it only is under that chrome: chip nests the callout inside
     __panel, so the panel's flex row is __list + __callout. Under
     `calloutChrome: none` the flex children are __panel and __callout, and
     __list is a plain <ul> INSIDE the padded panel - where a 280px floor is
     not a floor at all but a spill. Measured on /mea-ingestion's Triage at
     1134: the panel was squeezed to 285px, its content box to 157px after
     2x63.9 padding, and the <ul> held itself at 280 and hung 59px out of the
     card. Unscoped, this rule is the whole bug. */
}
.mea-check-list--callout-chip.mea-check-list--has-callout .mea-check-list__list {
  flex: 1 1 0;
  min-width: 280px;
}
.mea-check-list {
  /* `calloutChrome: none` renders __panel and __callout as siblings inside
     __row (see the render.php comment on $callout_in_panel) rather than
     nesting __callout inside __panel, so __panel is the flexed sibling.

     The basis is the panel's own Figma width, NOT 0: see the proportional
     split further down for why both columns have to carry one. 540 = the
     1200 content column at 1440 less the 580 copy column and the 80 gap,
     which is what R6 draws (2545:1843). A literal rather than an attribute
     because --callout-none has exactly one consumer; the day a second one
     disagrees it earns a `panelWidth` beside `calloutWidth`. */
}
.mea-check-list--callout-none.mea-check-list--has-callout .mea-check-list__panel {
  flex: 1 1 var(--mea-check-list-panel-w, 540px);
  min-width: 280px;
}
.mea-check-list__callout {
  position: relative;
  flex: 0 0 var(--mea-check-list-callout-w, 500px);
  max-width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px;
  border-radius: 16px;
  background: var(--mea-glass-bevel), var(--mea-glass);
}
.mea-check-list__callout::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border: 1px solid;
  border-color: color-mix(in srgb, var(--mea-on-dark) 26%, transparent) color-mix(in srgb, var(--mea-on-dark) 21%, transparent) color-mix(in srgb, var(--mea-on-dark) 21%, transparent) color-mix(in srgb, var(--mea-on-dark) 26%, transparent);
  border-radius: inherit;
}
.mea-check-list__callout-eyebrow {
  margin: 0;
  padding: 0;
  font-family: var(--mea-font-mono);
  font-weight: var(--mea-weight-light);
  font-size: var(--mea-type-eyebrow-size);
  line-height: normal;
  letter-spacing: var(--mea-type-eyebrow-ls);
  color: var(--mea-accent);
}
.mea-check-list__callout-heading, .mea-check-list__callout-body {
  margin: 0;
  padding: 0;
  font-family: var(--mea-font-sans);
}
.mea-check-list__callout-heading {
  font-weight: var(--mea-weight-semibold);
  font-size: var(--mea-type-h3-size);
  line-height: var(--mea-type-h3-lh);
  color: var(--mea-accent);
}
.mea-check-list__callout-body {
  font-weight: var(--mea-weight-regular);
  font-size: var(--mea-type-p1-size);
  line-height: var(--mea-type-p1-lh);
  /* `calloutBodyColor` overrides the 70% mix per instance; R6's chip
     instance (2545:2497) draws #d7e1e0 opaque. */
  color: var(--mea-check-list-callout-body-color, color-mix(in srgb, var(--mea-on-dark) 70%, transparent));
}
.mea-check-list {
  /* `calloutChrome: none` - a bare flow column beside the list, no glass
     box, no border, and the heading reads as a real headline (H1, regular
     weight with a bold span) rather than the chip's small accent-lime H3.
     /mea-ingestion's Triage section is the first instance to need this. */
}
.mea-check-list--callout-none .mea-check-list__callout {
  /* Shrinkable, against the base rule's `0 0`: the locked half of the
     proportional split described further down. */
  flex: 0 1 var(--mea-check-list-callout-w, 500px);
  padding: 0;
  border-radius: 0;
  background: none;
}
.mea-check-list--callout-none .mea-check-list__callout::before {
  content: none;
}
.mea-check-list {
  /* var(--mea-on-dark), not --mea-fg: `--mea-fg` is exactly the property
     `copyInk: soft` rebinds (see that modifier's own comment above), so
     pinning it here was never actually a pin - it silently softened this
     heading to 0.7 alpha the moment /mea-ingestion's Triage instance (the
     only `--callout-none` caller) opted into `copyInk: soft`. The literal
     token is unaffected by that rebind, so this heading now stays #fff
     regardless of the block's copy-ink setting. */
}
.mea-check-list--callout-none .mea-check-list__callout-heading {
  font-weight: var(--mea-weight-regular);
  font-size: var(--mea-type-h1-size);
  line-height: var(--mea-type-h1-lh);
  color: var(--mea-on-dark);
}
.mea-check-list--callout-none .mea-check-list__callout-heading strong,
.mea-check-list--callout-none .mea-check-list__callout-heading b {
  font-weight: var(--mea-weight-bold);
}
.mea-check-list--callout-none .mea-check-list__callout-body {
  color: var(--mea-fg);
  /* "Your experts see better-prepared work earlier. Every time." -
     /mea-ingestion's Triage is the only calloutBody carrying a <strong>
     run (confirmed - bpo-solutions' own callout has none), so this is
     scoped to the tag rather than a new attribute. Figma draws it at H2
     size/weight/line-height, not the paragraph's own P1 - reuse those
     tokens rather than repeating their literal values. */
}
.mea-check-list--callout-none .mea-check-list__callout-body strong,
.mea-check-list--callout-none .mea-check-list__callout-body b {
  font-weight: var(--mea-weight-medium);
  font-size: var(--mea-type-h2-size);
  line-height: var(--mea-type-h2-lh);
}
.mea-check-list {
  /* Row order: bpo-solutions reads list-then-callout (DOM order, the
     default). Ingestion's Triage puts its copy first instead. */
}
.mea-check-list--callout-before .mea-check-list__callout {
  order: -1;
}
.mea-check-list {
  /* Ingestion's Triage (2545:1843, "Triage Grid") centres its shorter copy
     column against the taller rules panel (`items-center`, not the row's
     own default top alignment) - the only instance using calloutPosition
     "before" so far, hence scoped to that modifier rather than changed
     for every --has-callout row. */
}
.mea-check-list--callout-before.mea-check-list--has-callout .mea-check-list__row {
  align-items: center;
}
.mea-check-list {
  /* --------------------------------------------------------------- *
   * `calloutChrome: none` - a PROPORTIONAL two-column split.
   *
   * The base __callout is `flex: 0 0 <calloutWidth>`: a locked column beside
   * a fluid one. That is right for chip, which wraps cleanly, and wrong here.
   * The copy column held 580px whatever the row measured, so the rules panel
   * took the entire shortfall on its own: 540px at 1440, 407 at 1280, 285 at
   * 1134 - below its own content's needs, which is where the card burst.
   * Locked width and spilling card were one fault, not two (Lia, 2026-09-17:
   * the left column "shouldn't lock, it should proportional down size").
   *
   * So both columns carry their Figma basis and both shrink (the two `flex`
   * declarations are on their own rules above, beside the rest of each
   * column's --callout-none treatment), which distributes any shortfall in
   * proportion to those bases and holds the 580:540 ratio at every width:
   * 463/457 at 1200, 502/485 at 1280, 580/540 at 1440 and above, where the
   * row is capped at 1200 and neither shrinks. A percentage basis would NOT
   * do this - it resolves against the row, leaving the shortfall at zero and
   * the panel absorbing it alone, which is the locked behaviour it replaces.
   *
   * `nowrap` is what makes that possible and is the reason this is a
   * modifier rather than a change to __row. Flex breaks lines on the
   * HYPOTHETICAL main size, before shrink is applied, so under the inherited
   * `wrap` the panel jumped to its own line the moment the two bases stopped
   * fitting and no amount of shrink was ever consulted. Stacking is now an
   * explicit breakpoint below instead of an emergent one. --callout-chip
   * keeps the wrap and the locked basis, so /bpo-solutions is untouched.
   * --------------------------------------------------------------- */
}
.mea-check-list--callout-none.mea-check-list--has-callout .mea-check-list__row {
  flex-wrap: nowrap;
}
.mea-check-list {
  /* The stack point, now declared instead of emergent. Proportional shrink
     has a floor: below roughly 1160 the panel's share drops under the ~300px
     its six rules need to read as a list rather than a column of fragments,
     so the two columns go full width and stack. 1199 is that floor rounded
     to the breakpoint above it, and it lands within ~30px of where the old
     wrap happened to break (1134), so this is close to the behaviour the
     page already had - minus the band where it stayed side by side and
     burst. Below 767 the shared __callout rule sets flex-basis 100%, which
     this makes redundant rather than contradicts. */
}
@media (max-width: 1199px) {
  .mea-check-list--callout-none.mea-check-list--has-callout .mea-check-list__row {
    flex-direction: column;
    align-items: stretch;
  }
  .mea-check-list--callout-none .mea-check-list__callout, .mea-check-list--callout-none.mea-check-list--has-callout .mea-check-list__panel {
    flex: 0 0 auto;
    width: 100%;
  }
}
.mea-check-list {
  /* --------------------------------------------------------------- *
   * Trailing icon+paragraph footer, below the panel/callout row -
   * mirrors mea/card-grid's own footerIconUrl/footerText (same "How It
   * Works Footer" shape reused verbatim in Figma across both blocks).
   * First instance: /mea-underwriting's Benefits section (2610:3115) -
   * 36px gap, 24/32 padding, 0.08 on-dark fill - a real per-instance
   * rhythm, not card-grid's own 24px gap/32-40 padding.
   * --------------------------------------------------------------- */
}
.mea-check-list__footer {
  display: flex;
  align-items: center;
  gap: 36px;
  /* EXTRA gap, on top of the --mea-check-list-section-gap the flex
     column already puts between the panel and this footer - see
     render.php's footerGap note. 24 is the shipped offset. */
  margin-top: var(--mea-check-list-footer-gap, 24px);
  /* Unset (default) fills the content column. 2610:3115 pins it to
     1081 - the width the two 531px chip columns and their 19px gap
     measure - not to the 1200 column. */
  max-width: var(--mea-check-list-footer-w, none);
  box-sizing: border-box;
  padding: 32px 24px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--mea-on-dark) 8%, transparent);
}
.mea-check-list__footer-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1.5px solid var(--mea-accent);
  border-radius: 100px;
}
.mea-check-list__footer-icon img {
  display: block;
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.mea-check-list__footer-text {
  margin: 0;
  flex: 1 0 0;
  font-family: var(--mea-font-sans);
  font-weight: var(--mea-weight-regular);
  font-size: var(--mea-type-p1-size);
  line-height: var(--mea-type-p1-lh);
  color: var(--mea-check-list-footer-text-color, var(--mea-on-dark-soft));
}
.mea-check-list__footer-text strong,
.mea-check-list__footer-text b {
  font-weight: var(--mea-weight-bold);
}
.mea-check-list {
  /* --------------------------------------------------------------- *
   * Tablet and mobile. Figma supplies only the 1440 frame, so both
   * steps are interpolated from it: two columns fold to one and the
   * pinned copy measure drops away (a 473px or 531px track cannot
   * survive a 375px viewport), the panel inset steps down twice, and
   * the section inset tightens.
   * --------------------------------------------------------------- */
}
@media (max-width: 1023px) {
  .mea-check-list--padded {
    padding-top: min(var(--mea-check-list-pt, 120px), 80px);
    padding-bottom: min(var(--mea-check-list-pb, 120px), 80px);
  }
  .mea-check-list__inner {
    gap: min(var(--mea-check-list-section-gap, 48px), 40px);
  }
  .mea-check-list__list {
    grid-auto-flow: row;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
  }
  .mea-check-list--badge-panel .mea-check-list__panel {
    min-height: 0;
    padding: 44px 40px;
  }
}
@media (max-width: 767px) {
  .mea-check-list--padded {
    padding-top: min(var(--mea-check-list-pt, 120px), 56px);
    padding-bottom: min(var(--mea-check-list-pb, 120px), 56px);
  }
  .mea-check-list__inner {
    gap: min(var(--mea-check-list-section-gap, 48px), 32px);
  }
  .mea-check-list__panel {
    gap: min(var(--mea-check-list-header-gap, 36px), 28px);
  }
  .mea-check-list__list {
    row-gap: min(var(--mea-check-list-row-gap, 36px), 20px);
  }
  .mea-check-list--badge-panel .mea-check-list__panel {
    padding: 32px 24px;
    border-radius: var(--mea-panel-radius);
  }
  .mea-check-list__callout {
    flex-basis: 100%;
    padding: 28px;
  }
  .mea-check-list__glow {
    width: 26px;
    height: 26px;
    filter: blur(2px);
  }
  .mea-check-list__lead {
    gap: 20px;
  }
  .mea-check-list__lead-in {
    font-size: 22px;
  }
  .mea-check-list--leadin-spaced .mea-check-list__lead-in {
    line-height: 1.2;
    letter-spacing: 1.3px;
  }
  .mea-check-list {
    /* The 41.368px badge and its 26.325px gap take 68px of a 327px
       content column, so both step down with the type. */
  }
  .mea-check-list--badge-panel .mea-check-list__item {
    align-items: flex-start;
    gap: 16px;
  }
  .mea-check-list--badge-panel .mea-check-list__mark {
    width: 32px;
    height: 32px;
    padding-top: 0;
  }
  .mea-check-list--badge-panel .mea-check-list__badge {
    width: 32px;
    height: 32px;
    border-radius: 9px;
  }
  .mea-check-list--badge-panel .mea-check-list__badge svg {
    width: 18px;
    height: 18px;
  }
  .mea-check-list--step-tile .mea-check-list__title, .mea-check-list--step-body .mea-check-list__title {
    font-size: 17px;
    line-height: 1.5;
  }
  .mea-check-list--step-title .mea-check-list__title {
    font-size: 18px;
  }
  .mea-check-list--bullet-chips .mea-check-list__item {
    gap: 16px;
    padding: 18px 20px;
  }
}

/*# sourceMappingURL=style-index.css.map*/