/*
 * EAM redesign: Join EAM / Pricing (page 275). Rulebook P-04, R-54, R-57.
 * Loaded by includes/redesign.php on this page only, after the shared layer.
 *
 * Page layout only, by the page's Kadence uniqueIDs (no content change):
 *   1. Hero 275_c21d1a-ec: the solid indigo centred band becomes the RS light
 *      hero (tint band, text in columns 1-7 on the 1364 container, left edge
 *      shared with the breadcrumb and the header logo). The row has no playbook
 *      classes, so the shared hero rules in components.css do not reach it; the
 *      values here are the same tokens.
 *   2. "Our Activities" 275_3fb535-a9: section header + two feature lists.
 *   3. Tier cards 275_fd4a2e-8e: RS text cards (white surface, hairline, card
 *      shadow, square), price as a bold row, buttons pinned to the bottom;
 *      Institutional keeps its ink panel (RS restricted/ink card) with the RS
 *      white button (ink label). R-57 is a board question: all three tiers keep
 *      the same size. Old rules met here: eam-site-polish.css:873-919 (button
 *      order and colours), Kadence per-column backgrounds, radii, hover colours.
 *   4. R-54: the AEMCCO note next to the Student and Individual options is a
 *      callout (indigo rule, tint well, body size) instead of small grey text.
 *   5. Low-income geo hint (assets/js/pricing-geo.js, pricing-geo.css): square,
 *      tokens.
 *   6. Application band: "Apply first, pay after acceptance" 275_0337ca-2e and
 *      form 1500 row 275_7ac6e4-52 share one tint band; the form sits in a white
 *      panel (field and button look: forms.css; D-50 placeholder kept there).
 *   7. Section rhythm between these rows (white rows with an explicit white
 *      background are not collapsed by base.css).
 *
 * Specificity: Kadence per-block CSS is at most (0,4,0) here (column hover
 * rules); every rule below starts with body.eam-redesign.page-id-275 plus the
 * row's uniqueID class, (0,3,1) or more. No !important.
 */

/* =========================================================================
 * 1. Hero
 * ========================================================================= */

body.eam-redesign.page-id-275 .kb-row-layout-wrap.kb-row-layout-id275_c21d1a-ec {
  background-color: var(--rd-tint);
  background-image: none;
  color: var(--rd-color-text);
  /* The breadcrumb PHP marks this row "on dark" (bgColor palette1 in the
   * block attributes); on the tint band it follows the text colour. */
  --rd-breadcrumb-color: var(--rd-color-text);
  --rd-hero-fg: var(--rd-color-text);
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_c21d1a-ec > .kt-row-layout-overlay {
  display: none;
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_c21d1a-ec > .kt-row-column-wrap {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--rd-grid-gap);
  align-content: start;
  align-items: start;
  max-width: var(--rd-container);
  min-height: 0;
  margin-inline: auto;
  padding: calc(var(--rd-space-l) * 2) var(--rd-gutter);
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_c21d1a-ec > .kt-row-column-wrap > .wp-block-kadence-column.kadence-column275_d86728-d8 {
  grid-column: 1 / 8;
  text-align: left;
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_c21d1a-ec .kadence-column275_d86728-d8 > .kt-inside-inner-col {
  align-items: flex-start;
  padding: 0;
}

/* Eyebrow (B-07: editor text stays, small label under the breadcrumb). */
body.eam-redesign.page-id-275 .kb-row-layout-id275_c21d1a-ec .wp-block-kadence-advancedheading.kt-adv-heading275_e37192-c0[data-kb-block] {
  margin: 0 0 var(--rd-space-xs);
  padding: 0;
  font-family: var(--rd-font);
  font-size: var(--rd-fs-small);
  font-weight: var(--rd-fw-semibold);
  line-height: var(--rd-lh-body);
  letter-spacing: var(--rd-ls-body);
  text-align: left;
  text-transform: none;
  --wp--preset--color--theme-palette-9: var(--rd-color-text-70);
  color: var(--rd-color-text-70);
}

/* H1 (the block sets 64px, line height 1, white). */
body.eam-redesign.page-id-275 .kb-row-layout-id275_c21d1a-ec .wp-block-kadence-advancedheading.kt-adv-heading275_ba68ce-a8[data-kb-block] {
  margin: 0 0 13px;
  padding: 0;
  font-family: var(--rd-font);
  font-size: var(--rd-fs-h1);
  font-weight: var(--rd-fw-semibold);
  line-height: var(--rd-lh-h1);
  letter-spacing: var(--rd-ls-heading);
  text-align: left;
  --wp--preset--color--theme-palette-9: var(--rd-color-text);
  color: var(--rd-color-text);
  animation: rd-fade-up var(--rd-dur-enter) var(--rd-ease-out-cubic) both;
}

/* Intro (RS hero intro 24/1.2; the block centred it at 896px). */
body.eam-redesign.page-id-275 .kb-row-layout-id275_c21d1a-ec .wp-block-kadence-advancedheading.kt-adv-heading275_d26eb3-4d[data-kb-block] {
  max-width: 34em;
  margin: 0 0 var(--rd-space-base);
  padding: 0;
  font-family: var(--rd-font);
  font-size: var(--rd-fs-lead);
  font-weight: var(--rd-fw-regular);
  line-height: var(--rd-lh-lead);
  letter-spacing: var(--rd-ls-body);
  text-align: left;
  --wp--preset--color--theme-palette-9: var(--rd-color-text);
  color: var(--rd-color-text);
  animation: rd-fade-up var(--rd-dur-enter) var(--rd-ease-out-cubic) var(--rd-stagger) both;
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_c21d1a-ec .wp-block-kadence-advancedbtn.kb-btns275_96be54-cc {
  justify-content: flex-start;
  gap: var(--rd-space-s);
  margin: 0;
  animation: rd-fade-up var(--rd-dur-enter) var(--rd-ease-out-cubic) calc(var(--rd-stagger) * 2) both;
}

/* "Learn More": the one hero button is RS primary on the light band (the
 * block drew a white outline for the old indigo band). Same on hover/focus. */
body.eam-redesign.page-id-275 .kb-row-layout-id275_c21d1a-ec .wp-block-kadence-advancedbtn .kb-button.kb-btn275_c62270-cb,
body.eam-redesign.page-id-275 .kb-row-layout-id275_c21d1a-ec .wp-block-kadence-advancedbtn .kb-button.kb-btn275_c62270-cb:is(:hover, :focus) {
  border: var(--rd-btn-border, 2px) solid var(--rd-color-primary);
  background: var(--rd-color-primary);
  color: var(--rd-color-on-primary);
}

/* =========================================================================
 * 2. "Our Activities": H2 in columns 1-4, two feature lists beside it
 * ========================================================================= */

body.eam-redesign.page-id-275 .kb-row-layout-id275_3fb535-a9 > .kt-row-column-wrap {
  column-gap: var(--rd-space-m);
  row-gap: var(--rd-space-base);
  align-items: start;
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_3fb535-a9 .wp-block-kadence-advancedheading.kt-adv-heading275_e9349c-98[data-kb-block] {
  max-width: none;
  margin: 0;
  font-size: var(--rd-fs-h2);
  font-weight: var(--rd-fw-semibold);
  line-height: var(--rd-lh-h2);
  letter-spacing: var(--rd-ls-heading);
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_3fb535-a9 .wp-block-kadence-iconlist {
  margin: 0;
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_3fb535-a9 .wp-block-kadence-iconlist ul.kt-svg-icon-list {
  grid-row-gap: var(--rd-space-s);
  row-gap: var(--rd-space-s);
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_3fb535-a9 .wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap {
  font-size: var(--rd-fs-large);
  line-height: var(--rd-lh-h5);
  color: var(--rd-color-text);
}

/* =========================================================================
 * 3. Tier cards
 * ========================================================================= */

body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap {
  column-gap: var(--rd-grid-gap);
  row-gap: var(--rd-grid-gap);
  align-items: stretch;
}

/* Card frame (RS card, components.css section 5 values). The Kadence columns
 * set #f8f9fa / #e9ecef / ink panels, 24px radius, blue hover shadows and
 * hover colours; eam-site-polish.css:896 tinted the middle card. */
body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col,
body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap > .wp-block-kadence-column:hover > .kt-inside-inner-col {
  height: 100%;
  padding: var(--rd-space-m);
  border: var(--rd-border-width) solid var(--rd-border-light);
  border-radius: var(--rd-radius);
  background-color: var(--rd-color-surface);
  background-image: none;
  box-shadow: var(--rd-shadow-card);
  /* Kadence palette5 (grey) and palette4 text on these cards read as ink. */
  --wp--preset--color--theme-palette-5: var(--rd-color-text);
  --wp--preset--color--theme-palette-4: var(--rd-color-text);
  color: var(--rd-color-text);
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col::before {
  border-radius: var(--rd-radius);
}

/* Institutional: ink panel (RS ink card), white text. */
body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap > .wp-block-kadence-column.kadence-column275_1752cb-ef > .kt-inside-inner-col,
body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap > .wp-block-kadence-column.kadence-column275_1752cb-ef:hover > .kt-inside-inner-col {
  border-color: var(--rd-color-dark);
  background-color: var(--rd-color-dark);
  color: var(--rd-white);
}

/* Titles: RS card title (24, 18 at <= 820), no forced capitals. The blocks set
 * 18px with line height 1, which crushed two-line titles at tablet width. */
body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e .wp-block-kadence-advancedheading:is(.kt-adv-heading275_a219ce-15, .kt-adv-heading275_99bc0a-08, .kt-adv-heading275_22b826-44)[data-kb-block] {
  margin: 0 0 var(--rd-space-xs);
  font-family: var(--rd-font);
  font-size: var(--rd-fs-h4);
  font-weight: var(--rd-fw-semibold);
  line-height: var(--rd-lh-h4);
  letter-spacing: var(--rd-ls-heading);
  text-transform: none;
  /* Greedy wrapping: "Student / Low-Income" stays whole on line one
   * (eam-site-polish.css:43 balances headings, which split "Low-Income"). */
  text-wrap: wrap;
}

/* Three across: titles reserve two lines so the prices line up. */
@media (min-width: 1081px) {
  body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e .wp-block-kadence-advancedheading:is(.kt-adv-heading275_a219ce-15, .kt-adv-heading275_99bc0a-08, .kt-adv-heading275_22b826-44)[data-kb-block] {
    min-height: calc(var(--rd-lh-h4) * 2em);
  }
}

/* Price: bold row under the title (P-04), H3 size so it reads first. */
body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e .wp-block-kadence-advancedheading:is(.kt-adv-heading275_28e5c9-16, .kt-adv-heading275_4fb94f-04, .kt-adv-heading275_b53de9-a2)[data-kb-block] {
  display: block;
  margin: 0 0 var(--rd-space-s);
  font-family: var(--rd-font);
  font-size: var(--rd-fs-h3);
  font-weight: var(--rd-fw-bold);
  line-height: var(--rd-lh-h3);
  letter-spacing: var(--rd-ls-heading);
}

/* Descriptions: body 16/24. */
body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e p.wp-block-kadence-advancedheading:is(.kt-adv-heading275_12ef43-a4, .kt-adv-heading275_0c601b-ac, .kt-adv-heading275_8eb77c-43)[data-kb-block] {
  margin: 0;
  font-family: var(--rd-font);
  font-size: var(--rd-fs-body);
  line-height: var(--rd-lh-body);
  letter-spacing: var(--rd-ls-body);
}

/* R-54 (Ana, Pricing-FINAL C61): the AEMCCO note, next to the Student and
 * Individual options, as a callout: indigo rule on a tint well, body size
 * (it was 14px grey text between the description and the benefits). */
body.eam-redesign.page-id-275 .wp-block-kadence-advancedheading:is(.kt-adv-heading275_aemcco-student, .kt-adv-heading275_aemcco-individual, .kt-adv-heading275_applynote-aemcco)[data-kb-block] {
  margin: var(--rd-space-base) 0 0;
  padding: var(--rd-space-s) var(--rd-space-base) var(--rd-space-s) var(--rd-space-s);
  border-left: calc(var(--rd-border-width) * 4) solid var(--rd-color-primary);
  background: var(--rd-tint);
  font-family: var(--rd-font);
  font-size: var(--rd-fs-body);
  line-height: var(--rd-lh-body);
  letter-spacing: var(--rd-ls-body);
  color: var(--rd-color-text);
}

body.eam-redesign.page-id-275 .wp-block-kadence-advancedheading:is(.kt-adv-heading275_aemcco-student, .kt-adv-heading275_aemcco-individual, .kt-adv-heading275_applynote-aemcco)[data-kb-block] strong {
  font-weight: var(--rd-fw-bold);
}

/* D-07: indigo on the tint keeps weight 600. */
body.eam-redesign.page-id-275 .wp-block-kadence-advancedheading:is(.kt-adv-heading275_aemcco-student, .kt-adv-heading275_aemcco-individual, .kt-adv-heading275_applynote-aemcco)[data-kb-block] a,
body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e p.wp-block-kadence-advancedheading[data-kb-block] a {
  color: var(--rd-color-link);
  font-weight: var(--rd-fw-semibold);
}

/* Divider between the intro part and the benefits. */
body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e .wp-block-kadence-spacer .kt-block-spacer {
  height: var(--rd-space-m);
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e .wp-block-kadence-spacer .kt-divider {
  border-top-color: var(--rd-border-light);
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e .kadence-column275_1752cb-ef .wp-block-kadence-spacer .kt-divider {
  border-top-color: currentColor;
  opacity: .3;
}

/* Benefit lists: body 16/24, ink (white on the ink card). */
body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e .wp-block-kadence-iconlist {
  margin: 0;
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e .wp-block-kadence-iconlist ul.kt-svg-icon-list {
  grid-row-gap: var(--rd-space-xs);
  row-gap: var(--rd-space-xs);
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e .wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap {
  font-family: var(--rd-font);
  font-size: var(--rd-fs-body);
  line-height: var(--rd-lh-body);
  color: var(--rd-color-text);
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e .kadence-column275_1752cb-ef .wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap {
  color: var(--rd-white);
}

/* Indigo checks read at 3:1 on ink only just: tint checks there. */
body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e .kadence-column275_1752cb-ef .wp-block-kadence-iconlist .kb-svg-icon-wrap {
  color: var(--rd-tint);
}

/* Buttons: pinned to the card bottom (eam-site-polish.css:890 orders them
 * last), full width. Student and Individual: RS primary. Institutional: RS
 * white (ink label) on the ink card. Same colours on hover/focus (forms.css
 * adds the RS fade and press). */
body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .wp-block-kadence-advancedbtn {
  margin-top: auto;
  margin-bottom: 0;
  padding-top: var(--rd-space-base);
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e .wp-block-kadence-advancedbtn .kb-button:is(.kb-btn275_c0a06a-99, .kb-btn275_7d05f4-a3),
body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e .wp-block-kadence-advancedbtn .kb-button:is(.kb-btn275_c0a06a-99, .kb-btn275_7d05f4-a3):is(:hover, :focus) {
  width: 100%;
  margin: 0;
  border: var(--rd-btn-border, 2px) solid var(--rd-color-primary);
  background: var(--rd-color-primary);
  color: var(--rd-color-on-primary);
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e .wp-block-kadence-advancedbtn .kb-button.kb-btn275_b7c4aa-ff,
body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e .wp-block-kadence-advancedbtn .kb-button.kb-btn275_b7c4aa-ff:is(:hover, :focus) {
  width: 100%;
  margin: 0;
  border: var(--rd-btn-border, 2px) solid var(--rd-white);
  background: var(--rd-white);
  color: var(--rd-ink);
}

/* =========================================================================
 * 4. Low-income geo hint (pricing-geo.js adds .eam-geo-banner before the
 *    cards and .eam-geo-highlight on the Student card for visitors from a
 *    listed country; pricing-geo.css drew a rounded banner and a pill).
 * ========================================================================= */

body.eam-redesign.page-id-275 .entry-content > .eam-geo-banner {
  box-sizing: border-box;
  width: calc(100% - 2 * var(--rd-gutter));
  max-width: calc(var(--rd-container) - 2 * var(--rd-gutter));
  margin: var(--rd-space-l) auto 0;
  padding: var(--rd-space-s) var(--rd-space-base) var(--rd-space-s) var(--rd-space-s);
  border: 0;
  border-left: calc(var(--rd-border-width) * 4) solid var(--rd-color-primary);
  border-radius: var(--rd-radius);
  background: var(--rd-tint);
  font-family: var(--rd-font);
  font-size: var(--rd-fs-body);
  line-height: var(--rd-lh-body);
  color: var(--rd-color-text);
}

body.eam-redesign.page-id-275 .entry-content > .eam-geo-banner a {
  color: var(--rd-color-link);
  font-weight: var(--rd-fw-semibold);
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e .wp-block-kadence-column.eam-geo-highlight {
  border-radius: var(--rd-radius);
  box-shadow: 0 0 0 calc(var(--rd-border-width) * 2) var(--rd-color-primary);
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e .wp-block-kadence-column.eam-geo-highlight::before {
  top: calc(var(--rd-space-xs) * -1);
  left: var(--rd-space-m);
  transform: none;
  padding: 0 var(--rd-space-xs);
  border-radius: var(--rd-radius-pill);
  background: var(--rd-color-primary);
  color: var(--rd-color-on-primary);
  font-family: var(--rd-font);
  font-size: var(--rd-fs-small);
  font-weight: var(--rd-fw-semibold);
  line-height: var(--rd-lh-body);
  letter-spacing: 0;
  text-transform: none;
}

/* =========================================================================
 * 5. Application band: note + form 1500 on one tint band, form in a panel
 * ========================================================================= */

body.eam-redesign.page-id-275 .kb-row-layout-wrap:is(.kb-row-layout-id275_0337ca-2e, .kb-row-layout-id275_7ac6e4-52) {
  background-color: var(--rd-tint);
}

/* The note column was a rounded #eef1ff box: now plain text on the band,
 * at reading width. */
body.eam-redesign.page-id-275 .kb-row-layout-id275_0337ca-2e .kadence-column275_1206b5-82 > .kt-inside-inner-col {
  max-width: var(--rd-measure);
  padding: 0;
  border-radius: var(--rd-radius);
  background: none;
  --wp--preset--color--theme-palette-4: var(--rd-color-text);
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_0337ca-2e .wp-block-kadence-advancedheading.kt-adv-heading275_applynote-title[data-kb-block] {
  margin: 0 0 var(--rd-space-base);
  font-family: var(--rd-font);
  font-size: var(--rd-fs-h2);
  font-weight: var(--rd-fw-semibold);
  line-height: var(--rd-lh-h2);
  letter-spacing: var(--rd-ls-heading);
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_0337ca-2e .wp-block-kadence-advancedheading.kt-adv-heading275_applynote-body[data-kb-block] {
  margin: 0;
  font-family: var(--rd-font);
  font-size: var(--rd-fs-large);
  line-height: var(--rd-lh-body);
  letter-spacing: var(--rd-ls-body);
  color: var(--rd-color-text);
}

/* On the tint band the AEMCCO callout is a white well. */
body.eam-redesign.page-id-275 .kb-row-layout-id275_0337ca-2e .wp-block-kadence-advancedheading.kt-adv-heading275_applynote-aemcco[data-kb-block] {
  background: var(--rd-color-surface);
}

/* Form panel (RS form panel role, white on the band). */
body.eam-redesign.page-id-275 .kb-row-layout-id275_7ac6e4-52 .kadence-column275_b14797-30 > .kt-inside-inner-col {
  padding: var(--rd-space-m);
  border: var(--rd-border-width) solid var(--rd-border-light);
  border-radius: var(--rd-radius);
  background: var(--rd-color-surface);
  box-shadow: var(--rd-shadow-card);
}

/* =========================================================================
 * 6. Section rhythm (rows with an explicit white background are not
 *    collapsed by base.css). Hero | activities | cards | tint band | footer.
 * ========================================================================= */

body.eam-redesign.page-id-275 .kb-row-layout-id275_3fb535-a9 > .kt-row-column-wrap {
  padding-top: var(--rd-space-xl);
  padding-bottom: 0;
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap {
  padding-top: var(--rd-space-section);
  padding-bottom: var(--rd-space-xl);
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_0337ca-2e > .kt-row-column-wrap {
  padding-top: var(--rd-space-xl);
  padding-bottom: var(--rd-space-m);
}

body.eam-redesign.page-id-275 .kb-row-layout-id275_7ac6e4-52 > .kt-row-column-wrap {
  padding-top: 0;
  padding-bottom: var(--rd-space-xl);
}

/* =========================================================================
 * 7. Below desktop
 * ========================================================================= */

@media (max-width: 1080px) {
  /* Activities: heading above, the two lists side by side. */
  body.eam-redesign.page-id-275 .kb-row-layout-id275_3fb535-a9 > .kt-row-column-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.eam-redesign.page-id-275 .kb-row-layout-id275_3fb535-a9 > .kt-row-column-wrap > .wp-block-kadence-column.kadence-column275_9dfb68-5f {
    grid-column: 1 / -1;
  }

  /* Cards: one per row, all three the same size (R-57: no tier is made
   * bigger or smaller). Kadence's tablet "last row" layout made the
   * Institutional card a full-width slab under two narrow ones. */
  body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--rd-space-base);
  }

  body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap > .wp-block-kadence-column {
    grid-column: 1 / -1;
  }
}

/* Wide cards (one per row, from about 700px of viewport up to 1080px): name,
 * price, text, AEMCCO note and button on the left, benefits on the right.
 * Decided by the card's own width (container query), so no extra media
 * breakpoint: three across on desktop and phones stay one column. */
body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap > .wp-block-kadence-column {
  container: rd-tier / inline-size;
}

@container rd-tier (min-width: 640px) {
  body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto auto auto auto 1fr;
    column-gap: var(--rd-space-l);
    align-content: start;
  }

  body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > * {
    grid-column: 1;
    min-width: 0;
  }

  body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .wp-block-kadence-spacer {
    display: none;
  }

  body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .wp-block-kadence-iconlist {
    grid-column: 2;
    grid-row: 1 / span 5;
    align-self: start;
    padding-left: var(--rd-space-l);
    border-left: var(--rd-border-width) solid var(--rd-border-light);
  }

  body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap > .wp-block-kadence-column.kadence-column275_1752cb-ef > .kt-inside-inner-col > .wp-block-kadence-iconlist {
    border-left-color: var(--rd-color-text-70);
  }

  body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .wp-block-kadence-advancedbtn {
    grid-row: 5;
    align-self: end;
  }
}

@media (max-width: 820px) {
  body.eam-redesign.page-id-275 .kb-row-layout-id275_c21d1a-ec > .kt-row-column-wrap {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    padding-top: calc(var(--rd-space-l) + var(--rd-space-s));
    padding-bottom: var(--rd-space-m);
  }

  body.eam-redesign.page-id-275 .kb-row-layout-id275_c21d1a-ec > .kt-row-column-wrap > .wp-block-kadence-column.kadence-column275_d86728-d8 {
    grid-column: 1 / -1;
  }

  body.eam-redesign.page-id-275 .kb-row-layout-id275_3fb535-a9 > .kt-row-column-wrap {
    padding-top: var(--rd-space-l);
  }

  body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap {
    padding-bottom: var(--rd-space-l);
  }

  body.eam-redesign.page-id-275 .kb-row-layout-id275_0337ca-2e > .kt-row-column-wrap {
    padding-top: var(--rd-space-l);
    padding-bottom: var(--rd-space-base);
  }

  body.eam-redesign.page-id-275 .kb-row-layout-id275_7ac6e4-52 > .kt-row-column-wrap {
    padding-bottom: var(--rd-space-l);
  }

  body.eam-redesign.page-id-275 .kb-row-layout-id275_7ac6e4-52 .kadence-column275_b14797-30 > .kt-inside-inner-col {
    padding: var(--rd-space-base);
  }
}

@media (max-width: 480px) {
  /* Activities lists stack under the heading. */
  body.eam-redesign.page-id-275 .kb-row-layout-id275_3fb535-a9 > .kt-row-column-wrap {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--rd-space-s);
  }

  /* Cards: RS phone padding. */
  body.eam-redesign.page-id-275 .kb-row-layout-id275_fd4a2e-8e > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col {
    padding: var(--rd-space-base);
  }

  body.eam-redesign.page-id-275 .wp-block-kadence-advancedheading:is(.kt-adv-heading275_aemcco-student, .kt-adv-heading275_aemcco-individual, .kt-adv-heading275_applynote-aemcco)[data-kb-block] {
    padding-right: var(--rd-space-s);
  }

  body.eam-redesign.page-id-275 .kb-row-layout-id275_7ac6e4-52 .kadence-column275_b14797-30 > .kt-inside-inner-col {
    padding: var(--rd-space-s);
  }
}

/* Reduced motion (S-13): the hero fade-up is off. */
@media (prefers-reduced-motion: reduce) {
  body.eam-redesign.page-id-275 .kb-row-layout-id275_c21d1a-ec :is(.wp-block-kadence-advancedheading, .wp-block-kadence-advancedbtn) {
    animation: none;
  }
}