/*
 * Type scale v2 (Grant Thornton x1.125). Sizes are fluid between a 20rem (320px)
 * and 90rem (1440px) viewport: clamp(min, calc(slope + intercept), max).
 *
 * The heading tag carries the structure and these classes carry the look, so a
 * component pulls a look in by role, never by tag:
 *   .title { composes: h4 from '../shared/typography.module.css'; }
 *
 * Only weights 900 / 700 / 500 / 400. Letter spacing is always 0.
 */

.eTgxBsZtVH_S6lt4ONyA {
  font-size: clamp(2.75rem, calc(1.7857vw + 2.3929rem), 4rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: 0;
}

.IdZjdB7Cg5C9APM2Jowp {
  font-size: clamp(2.25rem, calc(1.6071vw + 1.9286rem), 3.375rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

.pcp39eVV7CW8XdQ8N9j1 {
  font-size: clamp(1.625rem, calc(1.0714vw + 1.4107rem), 2.375rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
}

.XDqDBZATkGYv9NgHZ9s1 {
  font-size: clamp(1.375rem, calc(0.5357vw + 1.2679rem), 1.75rem);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
}

.fWdPpLNvtbnq43YV9e0Q {
  font-size: clamp(1.25rem, calc(0.3571vw + 1.1786rem), 1.5rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
}

.CLkfBEM4JxWFM7wEhZUW {
  font-size: clamp(1.125rem, calc(0.1786vw + 1.0893rem), 1.25rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}

/* Eyebrows use the H6 look at weight 500 (the one exception to "labels are 400") */
.U25eXfOSSn4hPaLI0sNk {
}

.FbXsEIL1UL2M2MYriVij {
  font-size: clamp(1.25rem, calc(0.1786vw + 1.2143rem), 1.375rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

.K7tinMrbfBXB3faSHSF3 {
  font-size: clamp(1rem, calc(0.1786vw + 0.9643rem), 1.125rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

.IjlDPMsLsJHQqXbq1CYT {
  font-size: clamp(0.9375rem, calc(0.0893vw + 0.9196rem), 1rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

/* Labels (tags, badges, form labels, stat labels): Small size, weight 400 */
.WLn6QiUblW2VfEZsJgiP {
}

.iksm_jhnI651xzJpbx4J,
.iksm_jhnI651xzJpbx4J *,
.iksm_jhnI651xzJpbx4J *::before,
.iksm_jhnI651xzJpbx4J *::after {
  box-sizing: border-box;
}

/* ── light theme ── */
.iksm_jhnI651xzJpbx4J.u6pypai6lIhL6kSZ1Zxs {
  --csb-head: #001b41;
  --csb-dim: rgba(0, 27, 65, 0.66);
  --csb-cyan: #0a9fb8;
  --csb-line: rgba(3, 36, 71, 0.14);
  --csb-skel: #ffffff;
  --csb-skel-shine: rgba(16, 200, 229, 0.10);
}

/* ── dark theme ── */
.iksm_jhnI651xzJpbx4J.oy6g_lVJQOY7ieMPX5X1 {
  --csb-head: #ffffff;
  --csb-dim: rgba(221, 233, 249, 0.62);
  --csb-cyan: #10C8E5;
  --csb-line: rgba(125, 170, 215, 0.18);
  --csb-skel: #0A1325;
  --csb-skel-shine: rgba(16, 200, 229, 0.08);
}

.iksm_jhnI651xzJpbx4J {
  width: 100%;
  min-width: 0;
  font-family: inherit;
}

/* ── header: intro left, filters right ── */
.uqk3LXKVu3CxAZ9pW0rk {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px 32px;
  margin-bottom: 32px;
}

.vOw_AR_FxRrUGnGsSynk {
  min-width: 0;
  color: var(--csb-head);
}

.cdUw6eC_jGJgtroTn9r6 {
  margin: 0 0 10px;
  color: var(--csb-cyan);
}

/* Left-aligned rows, so pills that wrap (or drop below the heading) line up
   with the heading's left edge instead of hanging off the right. When they fit
   beside the heading, the whole group still sits on the right (header's space-between). */
.z7vED25Bz9AuOYwRe7AS {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
}

/* ── grid (columns per breakpoint + last-card span come from gridLayout's per-instance CSS) ── */
.S3sBVWLgG0Mb5qtivUZs {
  display: grid;
  gap: 24px;
}

.BAEuoHPFWDHPcbbtMPyK {
  min-width: 0;
}

/* ── loading placeholders ── */
.idJYnIpPzHKTyZEYKZTP {
  position: relative;
  min-height: 460px;
  overflow: hidden;
  background: var(--csb-skel);
  border: 1px solid var(--csb-line);
}

.idJYnIpPzHKTyZEYKZTP::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 30%, var(--csb-skel-shine) 50%, transparent 70%);
  transform: translateX(-100%);
  animation: PWkJmKQ7xaGBswWCtsqg 1.4s ease-in-out infinite;
}

@keyframes PWkJmKQ7xaGBswWCtsqg {
  to { transform: translateX(100%); }
}

/* ── empty / error / not configured ── */
.eKToJ9zMpBQxs2gPArBJ {
  margin: 0;
  padding: 40px 24px;
  border: 1px dashed var(--csb-line);
  color: var(--csb-dim);
  text-align: center;
}

/* attribute names in the designer-only setup hint */
.eKToJ9zMpBQxs2gPArBJ code {
  padding: 0.1em 0.35em;
  border-radius: 3px;
  background: rgba(16, 200, 229, 0.12);
  color: var(--csb-head);
  font-size: 0.9em;
}

.zcyHZy4Bb51mjNvYWg3T {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 767px) {
  .uqk3LXKVu3CxAZ9pW0rk {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .idJYnIpPzHKTyZEYKZTP::after {
    animation: none;
  }
}

/* The heading element is the root */
.lPJkxvUbiRdwNmoIdajv,
.lPJkxvUbiRdwNmoIdajv *,
.lPJkxvUbiRdwNmoIdajv *::before,
.lPJkxvUbiRdwNmoIdajv *::after {
  box-sizing: border-box;
}

.lPJkxvUbiRdwNmoIdajv {
  margin: 0;
  font-family: inherit;
  color: inherit;
  overflow-wrap: break-word;
  hyphens: none;
}

/* ── look: one step of the type scale (only one is ever applied) ── */
.OCIOO0GaPBc84Ixk0xgA { }
.zmA7INOt4UD0Y__FpDIJ { }
.IyHpsB5YGwxE80tRfcnb { }
.qTyh_3t5uJYxfmwrJlTg { }
.aLPrhHaSOP0TI20V4NXU { }
.CFINxTsbE78uIzdenHTL { }

/* ── alignment: each breakpoint value centres at that width and below ── */
.Kcnm5gbjZp6vdQQWTDmw {
  text-align: center;
}

@media (max-width: 991px) {
  .wh2q3tWPEZ9kY9CE_iA_ {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .cBuC8PcFunin2SEhJopP {
    text-align: center;
  }
}

@media (max-width: 479px) {
  .fM0wCPJt8PiGnLjTxj4c {
    text-align: center;
  }
}

.F36rnZqM0IE5dyU7S48q,
.F36rnZqM0IE5dyU7S48q *,
.F36rnZqM0IE5dyU7S48q *::before,
.F36rnZqM0IE5dyU7S48q *::after {
  box-sizing: border-box;
}

/* ── dark theme ── */
.F36rnZqM0IE5dyU7S48q.eZlCFpPq4uqoPyiRXZHW {
  --pill-bg: #0A1325;
  --pill-border: rgba(125, 170, 215, 0.14);
  --pill-hover: #0f1e38;
  --pill-label: rgba(221, 233, 249, 0.80);
  --pill-label-hover: #ffffff;
  --pill-icon: #10C8E5;
  --pill-number-bg: rgba(16, 200, 229, 0.16);
  --pill-number-text: #ffffff;
}

/* ── light theme ── */
.F36rnZqM0IE5dyU7S48q.JlZAkHxfKIkm8D92g_5p {
  --pill-bg: #ffffff;
  --pill-border: rgba(3, 36, 71, 0.10);
  --pill-hover: #f0f6ff;
  --pill-label: rgba(0, 27, 65, 0.75);
  --pill-label-hover: #001b41;
  --pill-icon: #10C8E5;
  --pill-number-bg: rgba(16, 200, 229, 0.16);
  --pill-number-text: #001b41;
}

/* The pill itself is the root, so it sits inline like a tag */
.F36rnZqM0IE5dyU7S48q {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 7px 16px;
  background: var(--pill-bg);
  border: 1px solid var(--pill-border);
  border-radius: 999px;
  font-family: inherit;
  text-decoration: none;
  vertical-align: middle;
  cursor: default;
  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

/* a little less padding on the side the icon sits, like Pill List */
.F36rnZqM0IE5dyU7S48q.sKm_cvOs5wocNzAbgjGv { padding-left: 12px; }
.F36rnZqM0IE5dyU7S48q.ir6iMirAAq2rl40CZNbI { padding-right: 12px; }

/* A trailing number badge sits concentric with the pill's rounded end: inset
   the same on the right as top and bottom (padding + 1px border = 8px each). */
.F36rnZqM0IE5dyU7S48q.xTDQiufwDNnlRLfOGzNo { padding-right: 7px; }
.F36rnZqM0IE5dyU7S48q.ZFDz3STBzPGT5nIjenPz { padding: 7px; }

.d0_9aEBHCiCCwfIXVbc9 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  color: var(--pill-icon);
  transition: transform 0.25s ease;
}

.HagZlC3b1n40sDFNcU0q {
  min-width: 0;
  color: var(--pill-label);
  overflow-wrap: break-word;
  transition: color 0.25s ease;
}

.FimR0Vii2rHPHSEoWFJA {
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 1.75em;
  height: 1.75em;
  padding: 0 0.55em;
  border-radius: 999px;
  background: var(--pill-number-bg);
  color: var(--pill-number-text);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  transition: background 0.25s ease, box-shadow 0.25s ease;
}

/* ── link: same hover effects as Pill List ── */
.FyYI6OP63Rus64PeCJCO {
  cursor: pointer;
}

.FyYI6OP63Rus64PeCJCO:hover {
  background: var(--pill-hover);
  border-color: rgba(16, 200, 229, 0.40);
  box-shadow: 0 0 0 1px rgba(16, 200, 229, 0.12);
}

.FyYI6OP63Rus64PeCJCO:hover .d0_9aEBHCiCCwfIXVbc9 {
  transform: scale(1.15);
}

.FyYI6OP63Rus64PeCJCO:hover .HagZlC3b1n40sDFNcU0q {
  color: var(--pill-label-hover);
}

.FyYI6OP63Rus64PeCJCO:hover .FimR0Vii2rHPHSEoWFJA {
  box-shadow: 0 0 0 1px rgba(16, 200, 229, 0.30);
}

.FyYI6OP63Rus64PeCJCO:focus-visible {
  outline: 2px solid #10C8E5;
  outline-offset: 2px;
}

/* ── toggle button (e.g. a filter) ── */
.bLQDsxBb2vUqxam9q1EG {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  font: inherit;
  text-align: inherit;
  line-height: inherit;
}

/* selected: inverted pill with a cyan ring, number badge flips to cyan */
.F36rnZqM0IE5dyU7S48q.JlZAkHxfKIkm8D92g_5p.BUwXbPAWgv74UHKKLU4d {
  --pill-bg: #001b41;
  --pill-hover: #062a5c;
  --pill-border: #10C8E5;
  --pill-label: #ffffff;
  --pill-label-hover: #ffffff;
  --pill-number-bg: #10C8E5;
  --pill-number-text: #001b41;
}

.F36rnZqM0IE5dyU7S48q.eZlCFpPq4uqoPyiRXZHW.BUwXbPAWgv74UHKKLU4d {
  --pill-bg: #10C8E5;
  --pill-hover: #3fd4ec;
  --pill-border: #10C8E5;
  --pill-label: #001b41;
  --pill-label-hover: #001b41;
  --pill-icon: #001b41;
  --pill-number-bg: #001b41;
  --pill-number-text: #ffffff;
}

.BUwXbPAWgv74UHKKLU4d,
.BUwXbPAWgv74UHKKLU4d:hover {
  box-shadow: 0 0 0 3px rgba(16, 200, 229, 0.28), 0 0 18px rgba(16, 200, 229, 0.18);
}

@media (prefers-reduced-motion: reduce) {
  .F36rnZqM0IE5dyU7S48q,
  .d0_9aEBHCiCCwfIXVbc9,
  .HagZlC3b1n40sDFNcU0q,
  .FimR0Vii2rHPHSEoWFJA {
    transition: none;
  }

  .FyYI6OP63Rus64PeCJCO:hover .d0_9aEBHCiCCwfIXVbc9 {
    transform: none;
  }
}

.FsOeOaTxHpEja5CjJVng,
.FsOeOaTxHpEja5CjJVng *,
.FsOeOaTxHpEja5CjJVng *::before,
.FsOeOaTxHpEja5CjJVng *::after {
  box-sizing: border-box;
}

/* ── dark theme ── */
.FsOeOaTxHpEja5CjJVng.nGlbASHe6LRguf9ygwQJ {
  --csc-field: #070C18;
  --csc-panel: #0A1325;
  --csc-line: rgba(125, 170, 215, 0.14);
  --csc-line-strong: rgba(16, 200, 229, 0.34);
  --csc-head: #ffffff;
  --csc-dim: rgba(221, 233, 249, 0.62);
  --csc-cyan: #10C8E5;
  --csc-tagbg: rgba(7, 12, 24, 0.68);
  --csc-media1: #0A1325;
  --csc-media2: #070C18;
  --csc-on-cyan: #001b41;
}

/* ── light theme ── */
.FsOeOaTxHpEja5CjJVng.inTGj8W57zS4S4vP73Nq {
  --csc-field: #ffffff;
  --csc-panel: #f3f6fb;
  --csc-line: rgba(3, 36, 71, 0.12);
  --csc-line-strong: rgba(16, 200, 229, 0.45);
  --csc-head: #001b41;
  --csc-dim: rgba(0, 27, 65, 0.66);
  --csc-cyan: #0a9fb8;
  --csc-tagbg: rgba(255, 255, 255, 0.86);
  --csc-media1: #e8edf5;
  --csc-media2: #dde6f2;
  --csc-on-cyan: #001b41;
}

.FsOeOaTxHpEja5CjJVng {
  --csc-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
  height: 100%;
  min-width: 0;
  font-family: inherit;
  /* lets the card switch to image-beside-text when it's given a wide slot */
  container-type: inline-size;
}

/* ── card ── */
.PVjBxAt2fMWYJRucRJ6b {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--csc-field);
  border: 1px solid var(--csc-line);
  overflow: hidden;
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.7s var(--csc-ease-out),
    transform 0.7s var(--csc-ease-out),
    background 0.2s ease,
    border-color 0.6s var(--csc-ease-out),
    box-shadow 0.6s var(--csc-ease-out);
}

.PVjBxAt2fMWYJRucRJ6b.bRZgBTW131yDQyw2a5Qe {
  opacity: 1;
  transform: none;
}

.PVjBxAt2fMWYJRucRJ6b.bRZgBTW131yDQyw2a5Qe:hover {
  background: var(--csc-panel);
  border-color: rgba(16, 200, 229, 0.55);
  box-shadow:
    0 0 0 1px rgba(16, 200, 229, 0.20),
    0 0 32px rgba(16, 200, 229, 0.10);
}

/* ── corner ticks (appear on hover) ── */
.BfSDrI74G1xNjsr3_sFZ {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.PVjBxAt2fMWYJRucRJ6b.bRZgBTW131yDQyw2a5Qe:hover .BfSDrI74G1xNjsr3_sFZ {
  opacity: 1;
}

.q9cefabpzAuhfhmR7JUX {
  position: absolute;
  width: 11px;
  height: 11px;
}

.sql1IvnBVJHacM8LNLBw { top: 8px; left: 8px; border-top: 1px solid var(--csc-line-strong); border-left: 1px solid var(--csc-line-strong); }
.CaDGxeeENmDuJc1whQS0 { top: 8px; right: 8px; border-top: 1px solid var(--csc-line-strong); border-right: 1px solid var(--csc-line-strong); }
.RyD4LEsSHPBHrPbGT0o0 { bottom: 8px; left: 8px; border-bottom: 1px solid var(--csc-line-strong); border-left: 1px solid var(--csc-line-strong); }
.Pq0UFT3IiTgqS24RnMXI { bottom: 8px; right: 8px; border-bottom: 1px solid var(--csc-line-strong); border-right: 1px solid var(--csc-line-strong); }

/* ── media ── */
.fUiwOFBXqqp3LpHT1OSJ {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  flex-shrink: 0;
  background:
    repeating-linear-gradient(45deg, rgba(16, 200, 229, 0.05) 0 1px, transparent 1px 14px),
    linear-gradient(160deg, var(--csc-media1), var(--csc-media2));
  border-bottom: 1px solid var(--csc-line);
}

.fUiwOFBXqqp3LpHT1OSJ img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: transform 0.9s var(--csc-ease-out);
}

.PVjBxAt2fMWYJRucRJ6b.bRZgBTW131yDQyw2a5Qe:hover .fUiwOFBXqqp3LpHT1OSJ img {
  transform: scale(1.05);
}

/* diagonal shine sweep across the image on hover */
.fUiwOFBXqqp3LpHT1OSJ::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    105deg,
    transparent 38%,
    rgba(255, 255, 255, 0.08) 46%,
    rgba(16, 200, 229, 0.18) 50%,
    rgba(255, 255, 255, 0.08) 54%,
    transparent 62%
  );
  transform: translateX(-140%) skewX(-14deg);
  transition: transform 1.1s var(--csc-ease-out);
}

.PVjBxAt2fMWYJRucRJ6b.bRZgBTW131yDQyw2a5Qe:hover .fUiwOFBXqqp3LpHT1OSJ::after {
  transform: translateX(140%) skewX(-14deg);
}

.Vk5fMzToHlx903Xf15ov {
  position: absolute;
  left: 16px;
  bottom: 16px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  max-width: calc(100% - 32px);
  padding: 4px 14px;
  background: var(--csc-tagbg);
  backdrop-filter: blur(6px);
  border: 1px solid var(--csc-line-strong);
  border-radius: 999px;
  color: var(--csc-head);
  line-height: 1.4;
}

/* ── content ── */
.uM8D_bsZK_nX52_fATUW {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 24px 24px 22px;
  min-width: 0;
}

.yKjrouFtf64SgTVyU5jH {
  margin: 0 0 10px;
  color: var(--csc-cyan);
}

.lmQrwaD89WpC6NndrDr2 {
  margin: 0 0 12px;
  color: var(--csc-head);
  overflow-wrap: break-word;
  transition: transform 0.65s var(--csc-ease-out);
}

/* optional line limit (titleLines prop) with an ellipsis. Clamped on the inner
   text span so the heading's ::after underline below isn't clipped. */
.UV17ac2rchdHZYvJmFl1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--csc-title-lines);
  line-clamp: var(--csc-title-lines);
  overflow: hidden;
}

/* gradient underline that grows on hover */
.lmQrwaD89WpC6NndrDr2::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  margin-top: 10px;
  background: linear-gradient(90deg, #10C8E5 0%, rgba(15, 99, 243, 0.45) 100%);
  transition: width 0.7s var(--csc-ease-out);
}

.PVjBxAt2fMWYJRucRJ6b.bRZgBTW131yDQyw2a5Qe:hover .lmQrwaD89WpC6NndrDr2 {
  transform: translateX(6px);
}

.PVjBxAt2fMWYJRucRJ6b.bRZgBTW131yDQyw2a5Qe:hover .lmQrwaD89WpC6NndrDr2::after {
  width: 40px;
}

.s_d8FWN7KurhDp2_mfxY {
  margin: 0;
  color: var(--csc-dim);
  overflow-wrap: break-word;
}

/* optional line limit (excerptLines prop) with an ellipsis, per screen size:
   --csc-lines-1 desktop, -2 ≤991px, -3 ≤768px, -4 ≤479px ("none" = no limit) */
.E1Ys8jFX6sWkHLuLbjoH {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--csc-lines-1);
  line-clamp: var(--csc-lines-1);
  overflow: hidden;
}

@media (max-width: 991px) {
  .E1Ys8jFX6sWkHLuLbjoH {
    -webkit-line-clamp: var(--csc-lines-2);
    line-clamp: var(--csc-lines-2);
  }
}

@media (max-width: 768px) {
  .E1Ys8jFX6sWkHLuLbjoH {
    -webkit-line-clamp: var(--csc-lines-3);
    line-clamp: var(--csc-lines-3);
  }
}

@media (max-width: 479px) {
  .E1Ys8jFX6sWkHLuLbjoH {
    -webkit-line-clamp: var(--csc-lines-4);
    line-clamp: var(--csc-lines-4);
  }
}

/* ── wide slot (e.g. the last card spanning two grid columns): image beside text ── */
@container (min-width: 640px) {
  .PVjBxAt2fMWYJRucRJ6b {
    flex-direction: row;
  }

  .fUiwOFBXqqp3LpHT1OSJ {
    flex: 0 0 46%;
    aspect-ratio: auto;
    min-height: 300px;
    border-bottom: 0;
    border-right: 1px solid var(--csc-line);
  }

  .uM8D_bsZK_nX52_fATUW {
    justify-content: center;
    padding: 32px 36px 28px;
  }
}

/* text block keeps a fixed gap above the divider */
.b2CjzNrHreegKAh5x80F {
  padding-bottom: 24px;
}

/* ── footer CTA: pinned to the bottom so cards in a row line up ── */
.BYtfKea2J_sepbrrv8CR {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid var(--csc-line);
}

.kPbePhxXQsN7dDDyf8ig {
  font-weight: 500;
  color: var(--csc-head);
}

.tg34UjbCOd_1kr5d6Owk {
  display: inline-flex;
}

.XXjIA16t9IeJjyBrvX37 {
  display: inline-block;
  overflow: hidden;
  height: 1.3em;
  line-height: 1.3em;
}

.H016WoWsOSNpBNNBBETn {
  display: flex;
  flex-direction: column;
  transition: transform 0.38s var(--csc-ease-out);
}

.MzJtY31zFuhHs9kkpBLc {
  display: block;
  height: 1.3em;
  line-height: 1.3em;
}

.PVjBxAt2fMWYJRucRJ6b.bRZgBTW131yDQyw2a5Qe:hover .H016WoWsOSNpBNNBBETn {
  transform: translateY(-1.3em);
}

.m_BMm9X525uFureJA0Yn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border: 1px solid var(--csc-line);
  border-radius: 50%;
  color: var(--csc-head);
  transition:
    background 0.3s ease,
    border-color 0.3s ease,
    color 0.25s ease,
    box-shadow 0.3s ease;
}

.roNtYCURgPgjIc1G26J2 {
  display: flex;
  transition: transform 0.3s ease;
}

.PVjBxAt2fMWYJRucRJ6b.bRZgBTW131yDQyw2a5Qe:hover .m_BMm9X525uFureJA0Yn {
  background: #10C8E5;
  border-color: #10C8E5;
  color: var(--csc-on-cyan);
  box-shadow: 0 0 0 3px rgba(16, 200, 229, 0.18), 0 0 18px rgba(16, 200, 229, 0.18);
}

.PVjBxAt2fMWYJRucRJ6b.bRZgBTW131yDQyw2a5Qe:hover .roNtYCURgPgjIc1G26J2 {
  transform: translateX(2px) rotate(-45deg);
  transition: transform 0.4s var(--csc-ease-out) var(--csc-icon-delay, 0ms);
}

/* ── whole card is the link: the CTA's overlay covers the card ── */
.YarYMXM9_fVwDNR3sSl_ {
  color: inherit;
  text-decoration: none;
}

.YarYMXM9_fVwDNR3sSl_::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 4;
}

.YarYMXM9_fVwDNR3sSl_:focus-visible {
  outline: none;
}

.YarYMXM9_fVwDNR3sSl_:focus-visible::before {
  outline: 2px solid #10C8E5;
  outline-offset: -2px;
}

.PVjBxAt2fMWYJRucRJ6b:has(.YarYMXM9_fVwDNR3sSl_) {
  cursor: pointer;
}

@media (max-width: 479px) {
  .uM8D_bsZK_nX52_fATUW {
    padding: 20px 18px 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .PVjBxAt2fMWYJRucRJ6b,
  .fUiwOFBXqqp3LpHT1OSJ img,
  .fUiwOFBXqqp3LpHT1OSJ::after,
  .lmQrwaD89WpC6NndrDr2,
  .lmQrwaD89WpC6NndrDr2::after,
  .H016WoWsOSNpBNNBBETn,
  .m_BMm9X525uFureJA0Yn,
  .roNtYCURgPgjIc1G26J2 {
    transition: none;
  }

  .PVjBxAt2fMWYJRucRJ6b {
    opacity: 1;
    transform: none;
  }

  .PVjBxAt2fMWYJRucRJ6b.bRZgBTW131yDQyw2a5Qe:hover .fUiwOFBXqqp3LpHT1OSJ img,
  .PVjBxAt2fMWYJRucRJ6b.bRZgBTW131yDQyw2a5Qe:hover .lmQrwaD89WpC6NndrDr2,
  .PVjBxAt2fMWYJRucRJ6b.bRZgBTW131yDQyw2a5Qe:hover .H016WoWsOSNpBNNBBETn {
    transform: none;
  }
}