/* ==========================================================================
   Consumer Resources — templates/template-consumer-resources.php
   Figma frame 12778:20858 (Batch 7, desktop only). Spec:
   roadmap/phase-08-content-pages/artifacts/page-consumer-resources-spec.md
   Page-scoped: the intro (.consumer-intro), the useful-resources band (.resources-band, over
   the global .card--icon-strip in cards.css), the FAQs (.consumer-faqs, animated by the shared
   accordion.js), the external resources (.consumer-external) and the disclaimer
   (.consumer-disclaimer). The banner is the global page-banner (banners.css).
   Desktop-first: every max-width query sits after the desktop rules.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Block 4 — Section_Intro — Figma 13113:3605
   Copy left, photo right. The photo stretches to the row height the copy sets.
   -------------------------------------------------------------------------- */
.consumer-intro {
  padding: var(--space-28) var(--space-20);          /* Figma 13113:3605 pad T112 R80 B112 L80 */
}

.consumer-intro__row {
  max-width: 1280px;                                 /* Figma 13113:3606 w=1280 */
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  gap: var(--space-16);                              /* Figma 13113:3607 HORIZONTAL gap 64 */
}

.consumer-intro__box {
  flex: 1 1 599px;                                   /* Figma 13113:3610 sizingH FILL (599 at 1440) — shrinks in step with the photo */
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-9);                               /* Figma 13113:3611 gap 36 */
  background-color: var(--color-white);              /* Figma 13113:3610 fill #ffffff */
  border-radius: var(--radius-sm);                   /* Figma 13113:3610 cornerRadius 4 */
}

.consumer-intro__top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);                               /* Figma 13113:3613 gap 24 */
}

.consumer-intro__tagline {
  letter-spacing: 0;                                 /* Figma 13113:4912 LS 0 — .section-tagline sets 0.05em */
  line-height: 1.3;                                  /* Figma 13113:4912 LH 20.8 */
}

.consumer-intro__heading {
  margin: 0;
  max-width: 486px;                                  /* Figma 13113:3615 w=486 FIXED */
  font-family: var(--font-family);
  font-size: 44px;                                   /* Figma 13113:3616 size 44 */
  font-weight: var(--font-weight-normal);            /* Figma 13113:3616 FrutigerLTStd-Roman 400 */
  line-height: 1.1;                                  /* Figma 13113:3616 LH 48.4 */
  letter-spacing: -0.44px;                           /* Figma 13113:3616 LS -0.44 */
  color: var(--color-navy-darkest);                  /* Figma 13113:3616 fill #03060c */
}

.consumer-intro__copy p {
  margin: 0;
  font-family: var(--font-family);
  font-size: 20px;                                   /* Figma 13113:3618 size 20 */
  font-weight: var(--font-weight-normal);            /* Figma 13113:3618 run 2 FrutigerLTStd-Roman 400 */
  line-height: 1.3;                                  /* Figma 13113:3618 LH 26 */
  color: var(--color-navy-darkest);                  /* Figma 13113:3618 fill #03060c */
}

.consumer-intro__lead strong {
  font-weight: var(--font-weight-bold);              /* Figma 13113:3618 run 1 FrutigerLTStd-Bold 700 */
}

.consumer-intro__image {
  position: relative;
  flex: 0 1 617px;                                   /* Figma 13113:3608 w=617 FIXED */
  align-self: stretch;                               /* Figma 13113:3608 sizingV FILL — stretches to the row height */
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-sm);                   /* Figma 13113:3608 cornerRadius 4 */
  clip-path: var(--corner-cut-clip);                 /* Figma 13113:3609 82x82 white wedge top-right = the sitewide corner cut */
}

.consumer-intro__image img {
  align-self: stretch;                               /* Figma 13113:3608 layoutAlign STRETCH — declared on the img too, the selector QA inspects (about-our-training.css:157) */
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;                                 /* Figma 13113:3608 scaleMode FILL, no imageTransform */
}

/* --------------------------------------------------------------------------
   Block 5 — Section_Useful Resources — Figma 13113:6376
   The cards are the global .card--icon-strip at its Size=Large variant (component
   10503:9738): every override below is scoped to this band.
   -------------------------------------------------------------------------- */
.resources-band {
  padding: var(--space-28) var(--space-20);          /* Figma 13113:6376 pad T112 R80 B112 L80 */
  background-color: var(--color-navy-lightest-50);   /* Figma 13113:6376 fill #e6e7e9 @ 0.5 */
}

.resources-band__inner {
  max-width: 1280px;                                 /* Figma 13113:6377 w=1280 */
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 46px;                                         /* Figma 13113:6377 gap 46 — untokenized */
}

.resources-band__heading {
  margin: 0;
  font-family: var(--font-family);
  font-size: 48px;                                   /* Figma 13113:6385 size 48 */
  font-weight: var(--font-weight-normal);            /* Figma 13113:6385 FrutigerLTStd-Roman 400 */
  line-height: 1.2;                                  /* Figma 13113:6385 LH 57.6 */
  letter-spacing: -0.48px;                           /* Figma 13113:6385 LS -0.48 */
  color: var(--color-navy-darkest);                  /* Figma 13113:6385 fill #03060c */
}

.resources-band__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));  /* Figma 13113:6390 three cards of 403 */
  align-items: stretch;                              /* Figma 13113:6391 / 6497 sizingV FILL — equal 406 */
  gap: var(--space-9);                               /* Figma 13113:6390 gap 36 */
  min-width: 0;
}

.resources-band .card--icon-strip {
  min-width: 0;
}

.resources-band .card--icon-strip .card__content {
  padding: var(--space-9);                           /* Figma I13113:6483;10503:9739 pad 36 */
  gap: var(--space-6);                               /* Figma I13113:6483;10503:9739 gap 24 — Content Top to Actions */
}

.resources-band .card--icon-strip .card__content-top {
  gap: var(--space-6);                               /* Figma I13113:6483;10503:9740 gap 24 — icon to text */
}

.resources-band .card--icon-strip .card__body {
  gap: var(--space-4);                               /* Figma I13113:6483;10503:9742 gap 16 */
}

.resources-band .card--icon-strip .card__icon {
  font-size: 48px;                                   /* Figma I13113:6483;10503:9741 48x48 */
  width: 48px;
  height: 48px;
}

.resources-band .card--icon-strip .card__title {
  margin: 0;
  font-size: 30px;                                   /* Figma I13113:6483;10503:9743 size 30 */
  font-weight: var(--font-weight-normal);            /* Figma I13113:6483;10503:9743 FrutigerLTStd-Roman 400 */
  line-height: 1.3;                                  /* Figma I13113:6483;10503:9743 LH 39 */
  letter-spacing: -0.3px;                            /* Figma I13113:6483;10503:9743 LS -0.3 */
  color: var(--color-navy);                          /* Figma I13113:6483;10503:9743 fill #0b1628 */
}

.resources-band .card--icon-strip .card__excerpt {
  font-size: 16px;                                   /* Figma I13113:6483;10503:9744 size 16 */
  line-height: 1.4;                                  /* Figma I13113:6483;10503:9744 LH 22.4 */
  color: var(--color-navy);                          /* Figma I13113:6483;10503:9744 fill #0b1628 */
}

.resources-band .card--icon-strip .card__excerpt p {
  margin: 0;
}

.resources-band .card--icon-strip .card__excerpt a {
  color: inherit;                                    /* Figma I13113:6497;10503:9744 runs override decoration only */
  text-decoration: underline;                        /* Figma I13113:6497;10503:9744 run decoration=UNDERLINE */
}

.resources-band .card--icon-strip .card__excerpt a:hover {
  color: var(--color-tangerine);                     /* site link hover, as .btn--link (buttons.css) */
}

.resources-band .card__actions {
  display: flex;
  align-items: center;
  gap: var(--space-6);                               /* Figma I13113:6483;10503:9745 gap 24 */
}

.resources-band .btn--link .btn__label {
  text-decoration: none;                             /* Figma I13113:6483;10503:9746;4179:8938 not in the deco file — NONE */
}

.resources-band .card__strip {
  height: 10px;                                      /* Figma I13113:6483;10503:9898 403x10 */
}

/* --------------------------------------------------------------------------
   Block 6 — Section_FAQs — Figma 13113:6533
   Native <details>, animated by assets/js/accordion.js via [data-accordion]. The panel has
   no `display` (native <details> hides it) and carries the title-to-answer gap as
   padding-top, which accordion.js animates — a flex gap would survive the collapse.
   -------------------------------------------------------------------------- */
.consumer-faqs {
  padding: var(--space-28) var(--space-20);          /* Figma 13113:6533 pad T112 R80 B112 L80 */
}

.consumer-faqs__inner {
  max-width: 1280px;                                 /* Figma 13113:6534 w=1280 */
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 46px;                                         /* Figma 13113:6534 gap 46 — untokenized */
}

.consumer-faqs__heading {
  margin: 0;
  font-family: var(--font-family);
  font-size: 48px;                                   /* Figma 13113:6537 size 48 */
  font-weight: var(--font-weight-normal);            /* Figma 13113:6537 FrutigerLTStd-Roman 400 */
  line-height: 1.2;                                  /* Figma 13113:6537 LH 57.6 */
  letter-spacing: -0.48px;                           /* Figma 13113:6537 LS -0.48 */
  color: var(--color-navy-darkest);                  /* Figma 13113:6537 base fill #03060c */
}

.consumer-faqs__accent {
  color: var(--color-tangerine);                     /* Figma 13113:6537 run fill #ff6600 */
}

.consumer-faqs__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);                               /* Figma 13113:7180 gap 16 */
}

.consumer-faqs__item {
  padding: var(--space-4) var(--space-6);            /* Figma 13113:7181 pad T16 R24 B16 L24 */
  background-color: var(--color-white);              /* Figma 13113:7181 fill #ffffff */
  border: 1px solid var(--color-navy-lighter);       /* Figma 13113:7211 stroke #ced0d4 1px INSIDE */
  border-radius: var(--radius-sm);                   /* Figma 13113:7181 cornerRadius 4 */
}

.consumer-faqs__item[open] {
  border-color: var(--color-tangerine);              /* Figma 13113:7181 stroke #ff6600 (open row) */
}

.consumer-faqs__summary {
  display: flex;
  justify-content: space-between;                    /* Figma 13113:7183 primary SPACE_BETWEEN */
  align-items: center;                               /* Figma 13113:7183 counter CENTER */
  gap: var(--space-6);                               /* Figma 13113:7184 gap 24 */
  min-width: 0;
  cursor: pointer;
  list-style: none;
}

.consumer-faqs__summary::-webkit-details-marker {
  display: none;
}

.consumer-faqs__summary:focus-visible {
  outline: 2px solid var(--color-tangerine);         /* BUILD NOTE: not in Figma — our-member-sectors.css:135 ring */
  outline-offset: 2px;
  border-radius: var(--radius-xs);
}

.consumer-faqs__question {
  min-width: 0;
  font-family: var(--font-family);
  font-size: 18px;                                   /* Figma 13113:7188 size 18 */
  font-weight: var(--font-weight-bold);              /* Figma 13113:7188 FrutigerLTStd-Bold 700 */
  line-height: 1.3;                                  /* Figma 13113:7188 LH 23.4 */
  color: var(--color-navy);                          /* Figma 13113:7188 fill #0b1628 */
}

/* Figma draws keyboard_arrow_down in both states; the rotation is the site's accordion
   affordance (about.css people-accordion). */
.consumer-faqs__icon {
  flex: 0 0 36px;                                    /* Figma 13113:7189 36x36 */
  font-size: 36px;                                   /* Figma 13113:7190 36x36, component 4179:9356 */
  line-height: 1;
  color: var(--color-tangerine);                     /* Figma I13113:7190;7044:24627 fill #ff6600 */
  transition: transform 0.2s ease;
}

.consumer-faqs__item[open] .consumer-faqs__icon {
  transform: rotate(180deg);
}

.consumer-faqs__panel {
  padding-top: var(--space-4);                       /* Figma 13113:7182 gap 16 — title to panel */
  padding-bottom: var(--space-2);                    /* Figma 13113:7191 pad B8 */
}

.consumer-faqs__answer {
  font-family: var(--font-family);
  font-size: 16px;                                   /* Figma 13113:7262 size 16 */
  font-weight: var(--font-weight-normal);            /* Figma 13113:7262 FrutigerLTStd-Roman 400 */
  line-height: 1.4;                                  /* Figma 13113:7262 LH 22.4 */
  color: #000;                                       /* Figma 13113:7262 fill #000000 — untokenized */
}

.consumer-faqs__answer > * {
  margin: 0;
}

.consumer-faqs__answer > * + * {
  margin-top: var(--space-2);                        /* Figma 13113:7262 listSpacing 8, kept between blocks */
}

.consumer-faqs__answer ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);                               /* Figma 13113:7262 listSpacing 8 */
  padding-left: 1.5em;                               /* Figma 13113:7262 UNORDERED indent=1 */
  list-style: disc;
}

.consumer-faqs__answer a {
  color: inherit;                                    /* Figma 13113:7262 run overrides decoration only */
  text-decoration: underline;                        /* Figma 13113:7262 run decoration=UNDERLINE */
}

.consumer-faqs__answer a:hover {
  color: var(--color-tangerine);                     /* site link hover, as .btn--link (buttons.css) */
}

/* --------------------------------------------------------------------------
   Block 7 — Section_External Resources — Figma 13113:7311
   -------------------------------------------------------------------------- */
.consumer-external {
  padding: var(--space-28) var(--space-20);          /* Figma 13113:7311 pad T112 R80 B112 L80 */
  background-color: var(--color-accent-light-blue-50); /* Figma 13113:7311 fill #cbdae6 @ 0.5 */
}

.consumer-external__inner {
  max-width: 1280px;                                 /* Figma 13113:7312 w=1280 */
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 46px;                                         /* Figma 13113:7312 gap 46 — untokenized */
}

.consumer-external__heading {
  margin: 0;
  font-family: var(--font-family);
  font-size: 48px;                                   /* Figma 13113:7315 size 48 */
  font-weight: var(--font-weight-normal);            /* Figma 13113:7315 FrutigerLTStd-Roman 400 */
  line-height: 1.2;                                  /* Figma 13113:7315 LH 57.6 */
  letter-spacing: -0.48px;                           /* Figma 13113:7315 LS -0.48 */
  color: var(--color-navy-darkest);                  /* Figma 13113:7315 fill #03060c */
}

.consumer-external__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));  /* Figma 13113:7316 GRID 2 columns of 622 */
  align-items: stretch;
  gap: var(--space-9);                               /* Figma 13113:7316 columnGap 36 rowGap 36 */
  min-width: 0;
}

.consumer-external__card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;                           /* Figma 13113:7434 / 13113:7435 primary CENTER */
  gap: var(--space-6);                               /* Figma 13113:7437 gap 24 — heading, rule, organisations */
  padding: var(--space-9);                           /* Figma 13113:7435 pad 36 */
  background-color: var(--color-white);              /* Figma 13113:7434 fill #ffffff */
  border-radius: var(--radius-sm);                   /* Figma 13113:7434 cornerRadius 4 */
  box-shadow: 0 0 0 1px var(--color-navy-lightest), var(--shadow-md); /* Figma 13113:7434 stroke #e6e7e9 1px OUTSIDE + shadow:medium */
}

.consumer-external__card-title {
  margin: 0;
  font-family: var(--font-family);
  font-size: 30px;                                   /* Figma 13113:7438 size 30 */
  font-weight: var(--font-weight-normal);            /* Figma 13113:7438 FrutigerLTStd-Roman 400 */
  line-height: 1.3;                                  /* Figma 13113:7438 LH 39 */
  letter-spacing: -0.3px;                            /* Figma 13113:7438 LS -0.3 */
  color: var(--color-navy);                          /* Figma 13113:7438 fill #0b1628 */
}

.consumer-external__rule {
  width: 100%;
  height: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid var(--color-navy-lighter);   /* Figma 13113:7922 LINE stroke #ced0d4 1px */
}

.consumer-external__orgs {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);                               /* Figma 13113:7542 gap 32 */
}

.consumer-external__org {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);                               /* Figma 13113:7446 gap 16 */
}

.consumer-external__org-text-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;                                          /* Figma 13113:7447 gap 6 — untokenized */
}

.consumer-external__org-name {
  margin: 0;
  font-family: var(--font-family);
  font-size: 20px;                                   /* Figma 13113:7445 size 20 */
  font-weight: var(--font-weight-bold);              /* Figma 13113:7445 FrutigerLTStd-Bold 700 */
  line-height: 1.3;                                  /* Figma 13113:7445 LH 26 */
  letter-spacing: -0.2px;                            /* Figma 13113:7445 LS -0.2 */
  color: var(--color-navy);                          /* Figma 13113:7445 fill #0b1628 */
}

.consumer-external__org-text {
  margin: 0;
  font-family: var(--font-family);
  font-size: 16px;                                   /* Figma 13113:7439 size 16 */
  font-weight: var(--font-weight-normal);            /* Figma 13113:7439 FrutigerLTStd-Roman 400 */
  line-height: 1.4;                                  /* Figma 13113:7439 LH 22.4 */
  color: var(--color-navy);                          /* Figma 13113:7439 fill #0b1628 */
}

.consumer-external__btn .btn__label {
  text-decoration: none;                             /* Figma I13113:7441;4179:8938 no textDecoration on the instance — NONE */
}

.consumer-external__image {
  position: relative;
  min-width: 0;
  min-height: 0;
  margin: 0;
  display: flex;
  align-self: stretch;                               /* Figma 13113:7519 layoutAlign STRETCH sizingV FILL — fills row 3 */
  overflow: hidden;
  border-radius: var(--radius-sm);                   /* Figma 13113:7519 cornerRadius 4 */
  box-shadow: 0 0 0 1px var(--color-navy-lightest), var(--shadow-md); /* Figma 13113:7519 stroke #e6e7e9 1px OUTSIDE + shadow:medium */
}

.consumer-external__image img {
  align-self: stretch;                               /* Figma 13113:7519 layoutAlign STRETCH — declared on the img too, the selector QA inspects (about-our-training.css:157) */
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;                                 /* Figma 13113:7519 scaleMode FILL, no imageTransform */
}

/* --------------------------------------------------------------------------
   Block 8 — Section_Disclaimer — Figma 13113:7910
   -------------------------------------------------------------------------- */
.consumer-disclaimer {
  padding: var(--space-16) var(--space-20) var(--space-28); /* Figma 13113:7910 pad T64 R80 B112 L80 */
  background-color: var(--color-white);              /* Figma 13113:7910 fill #ffffff */
}

.consumer-disclaimer__card {
  max-width: 1280px;                                 /* Figma 13113:7911 w=1280 FILL */
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 22px;                                         /* Figma 13113:7916 gap 22 — untokenized */
  padding: var(--space-16);                          /* Figma 13113:7911 pad 64 */
  background-color: var(--color-accent-silver);      /* Figma 13113:7911 fill #ebebeb */
  border-radius: var(--radius-sm);                   /* Figma 13113:7911 cornerRadius 4 */
}

.consumer-disclaimer__heading {
  margin: 0;
  font-family: var(--font-family);
  font-size: 24px;                                   /* Figma 13113:7918 size 24 */
  font-weight: var(--font-weight-normal);            /* Figma 13113:7918 FrutigerLTStd-Roman 400 */
  line-height: 1.3;                                  /* Figma 13113:7918 LH 31.2 */
  letter-spacing: -0.24px;                           /* Figma 13113:7918 LS -0.24 */
  color: var(--color-navy);                          /* Figma 13113:7918 fill #0b1628 */
}

.consumer-disclaimer__copy {
  margin: 0;
  font-family: var(--font-family);
  font-size: 14px;                                   /* Figma 13113:7920 size 14 */
  font-weight: var(--font-weight-normal);            /* Figma 13113:7920 FrutigerLTStd-Roman 400 */
  line-height: 1.4;                                  /* Figma 13113:7920 LH 19.6 */
  color: var(--color-navy);                          /* Figma 13113:7920 fill #0b1628 */
}

/* --------------------------------------------------------------------------
   Responsive — derived per roadmap/mobile-derivation-catalog.md (no mobile frame).
   The intro stacks at 1024, on the wage-summaries.css / edocs.css ladder: between 1024 and
   768 the 617 photo leaves the copy under 200px. The useful-resources row steps to two
   columns at 1024 (403px cards fall under ~260px) and to one at 768.
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .consumer-intro__row {
    flex-direction: column;                          /* copy above photo — the DOM order */
  }

  .consumer-intro__box {
    flex: 0 0 auto;
    width: 100%;
  }

  .consumer-intro__heading {
    max-width: none;                                 /* the 486 cap is column-relative */
  }

  .consumer-intro__image {
    flex: 0 0 420px;                                 /* mobile-derivation-catalog.md image height ladder — wage-summaries.css */
    width: 100%;
  }

  .resources-band__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .consumer-intro,
  .resources-band,
  .consumer-faqs,
  .consumer-external {
    padding: 50px 20px;                              /* Section Padding large 112->50, gutter 80->20 — mobile-derivation-catalog.md#container-caps */
  }

  .consumer-intro__row {
    gap: var(--space-8);                             /* stacked 2-col row gap 32 — wage-summaries.css */
  }

  .consumer-intro__box {
    gap: var(--space-6);                             /* Padding medium 36->24 */
  }

  .consumer-intro__heading {
    font-size: 32px;                                 /* H2 44->32 */
  }

  .consumer-intro__copy p {
    font-size: 18px;                                 /* Text Large 20->18 */
  }

  .resources-band__heading,
  .consumer-faqs__heading,
  .consumer-external__heading {
    font-size: 32px;                                 /* 48 is off-scale — the accepted 48->32 step (about-our-training.css:628) */
  }

  .resources-band__cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .resources-band .card--icon-strip .card__title {
    font-size: 24px;                                 /* H4 30->24 */
  }

  .consumer-faqs__question {
    font-size: 16px;                                 /* Text Medium 18->16 */
  }

  .consumer-external__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .consumer-external__card {
    padding: var(--space-6);                         /* Padding medium 36->24 */
  }

  .consumer-external__card-title {
    font-size: 24px;                                 /* H4 30->24 */
  }

  .consumer-external__org-name {
    font-size: 18px;                                 /* H6 20->18 */
  }

  .consumer-external__image {
    aspect-ratio: 622 / 489;                         /* Figma 13113:7519 622x489 — loses its FILL height in a stack */
  }

  .consumer-disclaimer {
    padding: 20px 20px 50px;                         /* Section Padding medium 64->20 top, large 112->50 bottom */
  }

  .consumer-disclaimer__card {
    padding: var(--space-12);                        /* Padding x-large 64->48 */
  }

  .consumer-disclaimer__heading {
    font-size: 20px;                                 /* H5 24->20 */
  }
}

@media (max-width: 402px) {
  .consumer-intro__image {
    flex-basis: 310px;                               /* mobile-derivation-catalog.md image height ladder — wage-summaries.css */
    --corner-cut: 60px;                              /* sitewide mobile cut */
  }

  .consumer-disclaimer__card {
    padding: var(--space-9) var(--space-6);          /* Padding medium 36->24 at phone width — find-a-member.css:866 */
  }
}