/*
 * EAM redesign: PhD & Master Programs (page 374, /activities/phd-master-programs/). Rulebook P-12.
 * RS: clone:src/app/grants/search/grant-listings/page.tsx (listing page, empty state),
 * RSC/shared/ListingFooter.tsx NoResults (an H3-sized heading in the listing area, no box).
 * Empty-state page, kept as is (B-06, X-08). No StickyFilter until there are programmes (P-12).
 *
 * Page layout only. The hero, its "At a glance" card, the kicker label, buttons, the CTA band and
 * type come from the shared files (components.css, forms.css, base.css). Rows by uniqueID:
 *   374_hero01-aa    hero (shared light hero, "At a glance" indigo hero card)
 *   374_panel01-aa   "Listings" (white row) with the column 374_panel02-bb: the empty state
 *   374_cta01-aa     "Want your program listed?" (white row, indigo CTA band)
 *
 * Content patch: scripts/redesign/pages/00374-phd-master-programs.mjs makes "No programs listed
 * yet" an H2 (it was an H3 before the first H2, D-19). The rules below match h2 and h3, so the page
 * looks the same before and after the patch is applied on live.
 */

/* 0. "At a glance" hero card (look from components.css; position only here): Kadence gives the
 * list a 24px bottom margin on desktop, so the card had 52px under the last item and 24px above
 * the title. Even padding all round. */
body.eam-redesign .entry-content .kadence-column374_herocol2-ff .wp-block-kadence-iconlist.kt-svg-icon-list-items374_herolist-hh {
  margin-bottom: 0;
}

body.eam-redesign .entry-content .kadence-column374_herocol2-ff .kt-svg-icon-list-items374_herolist-hh ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap:last-child {
  margin-bottom: 0;
}

/* 1. Empty state as RS NoResults, not a card.
 * The column carries .eam-tier-card (card frame, hover lift and a hidden clock icon from
 * components.css). Nothing in it is a link, so a lifting box reads as clickable, and at full
 * width its text ran to about 170 characters a line. Here it is a plain listing area: text on the
 * article measure (760px), no frame, no lift. The class stays, so the icon stays hidden. */
body.eam-redesign .entry-content .wp-block-kadence-column.kadence-column374_panel02-bb.eam-tier-card,
body.eam-redesign .entry-content .wp-block-kadence-column.kadence-column374_panel02-bb.eam-tier-card:hover {
  overflow: visible;
  transform: none;
}

body.eam-redesign .entry-content .wp-block-kadence-column.kadence-column374_panel02-bb.eam-tier-card > .kt-inside-inner-col,
body.eam-redesign .entry-content .wp-block-kadence-column.kadence-column374_panel02-bb.eam-tier-card:hover > .kt-inside-inner-col {
  max-width: var(--rd-measure);
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

/* "No programs listed yet": the RS NoResults heading, H3 size (32/1.2, 24 at <= 820). */
body.eam-redesign .entry-content .kadence-column374_panel02-bb .wp-block-kadence-advancedheading.kt-adv-heading374_panel06-ff:is(h2, h3)[data-kb-block] {
  margin: 0 0 var(--rd-space-s);
  font-size: var(--rd-fs-h3);
  line-height: var(--rd-lh-h3);
}

body.eam-redesign .entry-content .kadence-column374_panel02-bb p.wp-block-kadence-advancedheading.kt-adv-heading374_panel07-gg[data-kb-block] {
  margin: 0 0 var(--rd-space-base);
}

/* What to send: list text at body size (it was 14px, also on phones), the check marks with it.
 * Kadence centres the mark on the whole item; on a wrapped line (phones) it sits on the first
 * line instead, like a bullet (the mark's wrapper is one line high and centres it). */
body.eam-redesign .entry-content .kt-svg-icon-list-items374_panel08-hh ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap {
  align-items: flex-start;
  font-size: var(--rd-fs-body);
  line-height: var(--rd-lh-body);
}

body.eam-redesign .entry-content .wp-block-kadence-iconlist.kt-svg-icon-list-items374_panel08-hh .kb-svg-icon-wrap {
  font-size: var(--rd-fs-body);
}

/* Last block of the section: the row's own padding is the gap. */
body.eam-redesign .entry-content .wp-block-kadence-iconlist.kt-svg-icon-list-items374_panel08-hh {
  margin-bottom: 0;
}

/* 2. The listing row and the CTA row are both explicit white rows (.kt-row-has-bg), so base.css
 * cannot collapse them: 48 + 48 = 96px. One section gap between them. */
body.eam-redesign .kb-row-layout-id374_cta01-aa > .kt-row-column-wrap {
  padding-top: 0;
}