/* ============================================================
   Page CSS — MCA Cluster
   Shared by: page-mca-settlement, page-merchant-cash-advance-debt-relief-attorneys,
              page-defaulting-on-an-mca-the-real-consequences,
              page-what-happens-when-you-default-on-a-merchant-cash-advance,
              page-what-to-do-if-an-mca-lender-files-a-ucc-lien-against-you,
              page-how-medical-debt-can-impact-your-job-search-and-employment,
              page-proactive-mca-defense
   ============================================================ */

/* ---------- Alarm hero (red/cyan accents) ---------- */
.ds-mca-hero {
  position: relative;
  padding: 56px 60px 72px;
  background: #fff;
  border-bottom: 1px solid var(--ds-line);
  overflow: hidden;
}
.ds-mca-hero__inner {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.ds-mca-hero__crumbs {
  font-size: 12px;
  color: var(--ds-muted);
  margin-bottom: 24px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.ds-mca-hero__crumbs a { color: var(--ds-muted); }
.ds-mca-hero__eyebrow {
  font-size: 13px;
  font-weight: 800;
  color: var(--ds-cyan);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.ds-mca-hero h1 {
  font-size: clamp(44px, 6.4vw, 84px);
  line-height: 0.98;
  letter-spacing: -0.025em;
  font-weight: 900;
  margin: 0;
  text-transform: uppercase;
  text-wrap: balance;
  color: var(--ds-ink);
  max-width: 1100px;
}
.ds-mca-hero h1 .ds-emph { color: var(--ds-cyan); }
.ds-mca-hero__sub {
  font-size: 20px;
  line-height: 1.55;
  color: var(--ds-ink-3);
  margin-top: 28px;
  font-weight: 500;
  max-width: 780px;
}

/* ---------- Stat strip (40-60% / $100M+ etc) ---------- */
.ds-mca-stats {
  padding: 40px 60px;
  background: #fff;
}
.ds-mca-stats__inner {
  max-width: 1280px;
  margin: 0 auto;
}
.ds-mca-stats__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.ds-mca-stat {
  padding: 24px;
  background: var(--ds-paper);
  border-radius: 14px;
  border-left: 3px solid var(--ds-cyan);
}
.ds-mca-stat__n {
  font-size: 36px;
  font-weight: 900;
  color: var(--ds-cyan);
  letter-spacing: -0.02em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.ds-mca-stat__l {
  font-size: 12px;
  font-weight: 800;
  color: var(--ds-ink-3);
  margin-top: 8px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* ---------- Generic editorial section helpers ---------- */
.ds-mca-section {
  padding: 96px 60px;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.ds-mca-section--paper { background: var(--ds-paper); }
.ds-mca-section--ink { background: var(--ds-ink); color: #fff; }

/* Inline links inside MCA body sections (light bg) */
.ds-mca-section p a,
.ds-mca-section li a {
  color: var(--ds-cyan);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  font-weight: 600;
  transition: color 120ms ease, text-decoration-thickness 120ms ease;
}
.ds-mca-section p a:hover,
.ds-mca-section li a:hover {
  color: var(--ds-cyan-deep);
  text-decoration-thickness: 2px;
}
.ds-mca-section p a:focus-visible,
.ds-mca-section li a:focus-visible {
  outline: 2px solid var(--ds-cyan);
  outline-offset: 2px;
  border-radius: 2px;
}
/* Dark bg variant: bright cyan for contrast */
.ds-mca-section--ink p a,
.ds-mca-section--ink li a {
  color: var(--ds-cyan);
}
.ds-mca-section--ink p a:hover,
.ds-mca-section--ink li a:hover {
  color: #fff;
}

.ds-mca-section__inner {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.ds-mca-section__head {
  text-align: left;
  max-width: 820px;
}
.ds-mca-section__head--center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.ds-mca-eyebrow {
  font-size: 13px;
  font-weight: 800;
  color: var(--ds-cyan);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.ds-mca-h2 {
  font-size: 54px;
  line-height: 1.04;
  letter-spacing: -0.02em;
  font-weight: 800;
  color: var(--ds-ink);
  margin: 0;
  text-transform: uppercase;
  text-wrap: balance;
}
.ds-mca-section--ink .ds-mca-h2 { color: #fff; }
.ds-mca-h2 .ds-emph { color: var(--ds-cyan); }
.ds-mca-section__lede {
  margin-top: 20px;
  font-size: 17px;
  color: var(--ds-ink-3);
  line-height: 1.65;
  font-weight: 500;
  max-width: 740px;
}
.ds-mca-section--ink .ds-mca-section__lede { color: rgba(255,255,255,.78); }

/* ---------- Two-column problem split (with image card) ---------- */
.ds-mca-split {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 64px;
  align-items: start;
}
.ds-mca-split--bal { grid-template-columns: 1fr 1.3fr; }
.ds-mca-split--bal2 { grid-template-columns: 1fr 1.2fr; align-items: center; }
.ds-mca-split--wide { grid-template-columns: 1.3fr 1fr; align-items: end; }
.ds-mca-split--wide2 { grid-template-columns: 1.2fr 1fr; align-items: center; }

.ds-mca-split__card {
  margin-top: 32px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(var(--ds-ink) 0%, var(--ds-ink-2) 100%);
  aspect-ratio: 4 / 5;
  min-height: 360px;
}
.ds-mca-split__bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: auto;
  max-width: none;
  display: block;
  z-index: 1;
}
.ds-mca-split__card .ds-mca-split__chip,
.ds-mca-split__card .ds-mca-split__quote { z-index: 2; }
.ds-mca-split__chip {
  position: absolute;
  top: 18px;
  left: 18px;
  padding: 8px 16px;
  border-radius: 999px;
  background: #fff;
  color: var(--ds-ink);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.ds-mca-split__quote {
  position: absolute;
  bottom: 18px;
  left: 18px;
  right: 18px;
  padding: 14px 18px;
  background: rgba(255,255,255,.96);
  border-radius: 12px;
}
.ds-mca-split__quote .lab {
  font-size: 11px;
  font-weight: 800;
  color: var(--ds-danger);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.ds-mca-split__quote .q {
  font-size: 14px;
  font-weight: 900;
  color: var(--ds-ink);
  margin-top: 3px;
}

.ds-mca-prose p {
  font-size: 16px;
  line-height: 1.65;
  color: var(--ds-ink-3);
  font-weight: 500;
  margin: 0 0 20px;
}
.ds-mca-prose p:first-child {
  font-size: 18px;
  color: var(--ds-ink-2);
}
.ds-mca-prose strong { color: var(--ds-ink); }
.ds-mca-prose ul {
  list-style: none;
  padding-left: 22px;
  margin: 0 0 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ds-mca-prose ul li {
  position: relative;
  padding-left: 18px;
  font-size: 16px;
  line-height: 1.65;
  color: var(--ds-ink-3);
  font-weight: 500;
}
.ds-mca-prose ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ds-cyan);
}
.ds-mca-prose ol {
  list-style: decimal-leading-zero;
  padding-left: 34px;
  margin: 0 0 20px;
}
.ds-mca-prose ol li {
  font-size: 16px;
  line-height: 1.65;
  color: var(--ds-ink-3);
  font-weight: 500;
  padding-left: 6px;
  margin-bottom: 6px;
}
.ds-mca-prose ol li::marker { color: var(--ds-cyan); font-weight: 800; }

/* Callout — left bar accent */
.ds-mca-callout {
  padding: 24px 28px;
  background: #fff;
  border-left: 4px solid var(--ds-cyan);
  border-radius: 0 12px 12px 0;
  margin-top: 8px;
}
.ds-mca-callout--danger { border-left-color: var(--ds-danger); }
.ds-mca-callout__lab {
  font-size: 13px;
  font-weight: 800;
  color: var(--ds-cyan);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.ds-mca-callout--danger .ds-mca-callout__lab { color: var(--ds-danger); }
.ds-mca-callout p {
  font-size: 16px;
  line-height: 1.55;
  color: var(--ds-ink);
  margin: 0;
  font-weight: 600;
}

/* ---------- Anatomy (contract clauses) cards ---------- */
.ds-mca-anatomy {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 56px;
}
.ds-mca-clause {
  position: relative;
  padding: 26px;
  background: #fff;
  border-radius: 14px;
  border: 1px solid var(--ds-line);
}
.ds-mca-clause__sec {
  position: absolute;
  top: -10px;
  left: 24px;
  padding: 4px 10px;
  background: var(--ds-danger);
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
  border-radius: 6px;
  font-family: ui-monospace, Menlo, monospace;
}
.ds-mca-clause h3 {
  font-size: 16px;
  font-weight: 800;
  color: var(--ds-ink);
  margin: 12px 0 10px;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  line-height: 1.25;
}
.ds-mca-clause p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--ds-ink-3);
  margin: 0;
  font-weight: 500;
}

/* ---------- Inline contract/leverage CTA bar ---------- */
.ds-mca-bar {
  margin-top: 32px;
  padding: 20px 28px;
  background: var(--ds-ink);
  border-radius: 14px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.ds-mca-bar__copy {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  max-width: 640px;
}
.ds-mca-bar__copy strong { color: var(--ds-cyan); }
.ds-mca-bar__cta {
  height: 48px;
  padding: 0 22px;
  border-radius: var(--ds-radius-pill);
  background: var(--ds-cyan);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  text-decoration: none;
  box-shadow: var(--ds-shadow-cta);
  transition: transform var(--ds-dur) var(--ds-ease), box-shadow var(--ds-dur) var(--ds-ease);
}
.ds-mca-bar__cta:hover {
  transform: translateY(-1px);
  box-shadow: var(--ds-shadow-cta-hover);
  color: #fff;
}
.ds-mca-bar__cta:focus-visible {
  outline: 2px solid var(--ds-ink);
  outline-offset: 3px;
}

/* ---------- APR comparison bars ---------- */
.ds-mca-apr-row { margin-bottom: 18px; }
.ds-mca-apr-row__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 8px;
}
.ds-mca-apr-row__lab {
  font-size: 14px;
  font-weight: 700;
  color: var(--ds-ink-2);
}
.ds-mca-apr-row__lab--bold {
  font-weight: 900;
  color: var(--ds-ink);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.ds-mca-apr-row__val {
  font-size: 15px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}
.ds-mca-apr-row__val--ok    { color: var(--ds-success); }
.ds-mca-apr-row__val--warn  { color: var(--ds-warn); }
.ds-mca-apr-row__val--bad   { color: var(--ds-danger); }
.ds-mca-apr-row__bar {
  height: 10px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--ds-line);
}
.ds-mca-apr-row__bar--lg { height: 14px; }
.ds-mca-apr-row__fill {
  height: 100%;
  border-radius: 8px;
  transition: width .8s var(--ds-ease);
}
.ds-mca-apr-row__fill--ok   { background: var(--ds-success); }
.ds-mca-apr-row__fill--warn { background: var(--ds-warn); }
.ds-mca-apr-row__fill--bad  { background: var(--ds-danger); }
.ds-mca-apr-foot {
  font-size: 12px;
  color: var(--ds-muted);
  margin-top: 16px;
  font-weight: 500;
  line-height: 1.5;
}

/* ---------- Sign cards (numbered top-bordered) ---------- */
.ds-mca-signs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 56px;
}
.ds-mca-sign {
  padding: 28px;
  background: var(--ds-paper);
  border-radius: 16px;
  border-top: 3px solid var(--ds-cyan);
}
.ds-mca-section--paper .ds-mca-sign { background: #fff; }
.ds-mca-sign__n {
  font-size: 13px;
  font-weight: 900;
  color: var(--ds-cyan);
  font-family: ui-monospace, Menlo, monospace;
  margin-bottom: 12px;
}
.ds-mca-sign h3 {
  font-size: 17px;
  font-weight: 800;
  color: var(--ds-ink);
  margin: 0 0 12px;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  line-height: 1.25;
}
.ds-mca-sign p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--ds-ink-3);
  margin: 0;
  font-weight: 500;
}

/* ---------- Stacking debit visualization ---------- */
.ds-mca-stack-card {
  position: relative;
  padding: 40px 36px;
  background: #fff;
  border-radius: 20px;
  border: 1px solid var(--ds-line);
}
.ds-mca-stack-card__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 24px;
}
.ds-mca-stack-card__head > div {
  font-size: 11px;
  font-weight: 800;
  color: var(--ds-muted);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.ds-mca-stack-row { margin-bottom: 16px; position: relative; }
.ds-mca-stack-row__top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 6px;
}
.ds-mca-stack-row__m {
  font-size: 12px;
  font-weight: 700;
  color: var(--ds-ink-2);
  font-family: ui-monospace, Menlo, monospace;
}
.ds-mca-stack-row__v {
  font-size: 14px;
  font-weight: 900;
  color: var(--ds-ink);
  font-variant-numeric: tabular-nums;
}
.ds-mca-stack-row__v--bad { color: var(--ds-danger); }
.ds-mca-stack-row__bar {
  height: 22px;
  background: var(--ds-paper);
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.ds-mca-stack-row__fill {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--ds-cyan) 0%, var(--ds-cyan-deep) 100%);
  border-radius: 6px;
}
.ds-mca-stack-row__fill--bad {
  background: linear-gradient(90deg, var(--ds-cyan), var(--ds-danger));
}
.ds-mca-stack-row__lab {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  font-size: 11px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ds-mca-stack-card__foot {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--ds-line);
  display: flex;
  justify-content: space-between;
}
.ds-mca-stack-card__foot .l {
  font-size: 10px;
  font-weight: 800;
  color: var(--ds-muted);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.ds-mca-stack-card__foot .l--bad { color: var(--ds-danger); }
.ds-mca-stack-card__foot .v {
  font-size: 20px;
  font-weight: 900;
  color: var(--ds-ink);
  font-variant-numeric: tabular-nums;
  margin-top: 4px;
}
.ds-mca-stack-card__foot .v--bad { color: var(--ds-danger); }

/* ---------- Process timeline (4 circles) ---------- */
.ds-mca-process {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  position: relative;
}
.ds-mca-process::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 12.5%;
  right: 12.5%;
  height: 2px;
  background: rgba(0,184,240,.25);
}
.ds-mca-process__step {
  text-align: center;
  padding: 0 16px;
  position: relative;
}
.ds-mca-process__num {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--ds-cyan);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 900;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  margin: 0 auto 24px;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 0 6px var(--ds-ink), 0 6px 18px rgba(0,184,240,.35);
}
.ds-mca-process__when {
  font-size: 10px;
  font-weight: 800;
  color: var(--ds-cyan);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: inline-block;
  padding: 4px 10px;
  background: rgba(0,184,240,.12);
  border-radius: 999px;
}
.ds-mca-process h3 {
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  margin: 0 0 12px;
  text-transform: uppercase;
  letter-spacing: -0.005em;
  line-height: 1.2;
}
.ds-mca-section--ink .ds-mca-process h3 { color: #fff; }
.ds-mca-process p {
  font-size: 14.5px;
  line-height: 1.55;
  color: rgba(255,255,255,.78);
  margin: 0;
  font-weight: 500;
}

/* ---------- Case result cards (settlement examples) ---------- */
.ds-mca-cases {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.ds-mca-case {
  border-radius: 20px;
  border: 1px solid var(--ds-line);
  overflow: hidden;
  background: #fff;
}
.ds-mca-case__head {
  padding: 24px 26px;
  background: var(--ds-paper);
  border-bottom: 1px solid var(--ds-line);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ds-mca-case__head .ind {
  font-size: 17px;
  font-weight: 800;
  color: var(--ds-ink);
  text-transform: uppercase;
}
.ds-mca-case__head .loc {
  font-size: 13px;
  color: var(--ds-muted);
  margin-top: 2px;
  font-weight: 600;
}
.ds-mca-case__pct {
  text-align: right;
}
.ds-mca-case__pct .n {
  font-size: 30px;
  font-weight: 900;
  color: var(--ds-cyan);
  letter-spacing: -0.02em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.ds-mca-case__pct .l {
  font-size: 10px;
  font-weight: 800;
  color: var(--ds-ink);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-top: 2px;
}
.ds-mca-case__body { padding: 20px 26px; }
.ds-mca-case__nums {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--ds-line);
}
.ds-mca-case__nums .lab {
  font-size: 10px;
  font-weight: 800;
  color: var(--ds-muted);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.ds-mca-case__nums .lab--cyan { color: var(--ds-cyan); }
.ds-mca-case__nums .v {
  font-size: 18px;
  font-weight: 800;
  color: var(--ds-ink);
  font-variant-numeric: tabular-nums;
  margin-top: 4px;
}
.ds-mca-case__nums .v--cyan { color: var(--ds-cyan); }
.ds-mca-case__body p {
  font-size: 14px;
  line-height: 1.55;
  color: var(--ds-ink-3);
  margin: 0;
  font-weight: 500;
}

/* ---------- Phone CTA banner (cyan gradient) ---------- */
.ds-mca-phone {
  padding: 32px 60px;
  background: #fff;
}
.ds-mca-phone__inner {
  max-width: 1280px;
  margin: 0 auto;
}
.ds-mca-phone__card {
  padding: 28px 36px;
  background: linear-gradient(135deg, var(--ds-cyan) 0%, var(--ds-cyan-deep) 100%);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
  color: #fff;
}
.ds-mca-phone__left {
  display: flex;
  align-items: center;
  gap: 24px;
}
.ds-mca-phone__icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.ds-mca-phone__icon svg { color: #fff; }
.ds-mca-phone__t {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -0.01em;
}
.ds-mca-phone__sub {
  font-size: 14px;
  font-weight: 600;
  opacity: 0.9;
  margin-top: 4px;
}
.ds-mca-phone__buttons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.ds-mca-phone__call {
  height: 54px;
  padding: 0 28px;
  border-radius: 999px;
  background: #fff;
  color: var(--ds-ink);
  font-size: 15px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.ds-mca-phone__call:hover { color: var(--ds-ink); }
.ds-mca-phone__apply {
  height: 54px;
  padding: 0 28px;
  border-radius: 999px;
  background: var(--ds-ink);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
.ds-mca-phone__apply:hover { color: #fff; }

/* ---------- Pricing card ---------- */
.ds-mca-pricing {
  background: #fff;
  border-radius: 20px;
  padding: 40px 44px;
  border: 1px solid var(--ds-line);
  margin-bottom: 24px;
}
.ds-mca-pricing__row {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 12px;
}
.ds-mca-pricing__pct {
  font-size: 64px;
  font-weight: 900;
  color: var(--ds-cyan);
  letter-spacing: -0.03em;
  line-height: 1;
}
.ds-mca-pricing__of {
  font-size: 14px;
  color: var(--ds-ink-3);
  font-weight: 600;
}
.ds-mca-pricing p {
  font-size: 16px;
  line-height: 1.65;
  color: var(--ds-ink-2);
  margin: 8px 0 24px;
  font-weight: 500;
}
.ds-mca-pricing__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ds-mca-pricing__list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  color: var(--ds-ink-2);
  font-weight: 600;
}
.ds-mca-pricing__check {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--ds-cyan);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.ds-mca-pricing__check svg { color: #fff; }
.ds-mca-pricing__foot {
  font-size: 13px;
  color: var(--ds-muted);
  line-height: 1.6;
  font-weight: 500;
}

/* ---------- 4-up comparison cards ---------- */
.ds-mca-vs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.ds-mca-vs__card {
  padding: 32px 28px;
  border-radius: 18px;
  background: var(--ds-paper);
  color: var(--ds-ink);
  position: relative;
  border: 1px solid var(--ds-line);
}
.ds-mca-vs__card--ours {
  background: var(--ds-cyan);
  color: #fff;
  border: 0;
}
.ds-mca-vs__rec {
  position: absolute;
  top: -12px;
  left: 24px;
  background: var(--ds-ink);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 999px;
}
.ds-mca-vs__card h3 {
  font-size: 18px;
  font-weight: 800;
  margin: 0 0 24px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.ds-mca-vs__row {
  padding-top: 14px;
  margin-top: 14px;
  border-top: 1px solid var(--ds-line);
}
.ds-mca-vs__card--ours .ds-mca-vs__row {
  border-top-color: rgba(255,255,255,.25);
}
.ds-mca-vs__row .l {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.6;
}
.ds-mca-vs__card--ours .ds-mca-vs__row .l { opacity: 0.85; }
.ds-mca-vs__row .v {
  font-size: 15px;
  font-weight: 700;
  margin-top: 4px;
  line-height: 1.4;
}

/* ---------- COJ defense (specialty) split ---------- */
.ds-mca-coj-pads {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 32px;
}
.ds-mca-coj-pad {
  padding: 18px 20px;
  background: rgba(255,255,255,.06);
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.1);
}
.ds-mca-coj-pad__n {
  font-size: 24px;
  font-weight: 900;
  color: var(--ds-cyan);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.ds-mca-coj-pad__t {
  font-size: 13px;
  font-weight: 800;
  color: #fff;
  margin-top: 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.ds-mca-coj-pad__d {
  font-size: 12px;
  color: rgba(255,255,255,.65);
  margin-top: 6px;
  line-height: 1.5;
}
.ds-mca-coj-img {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 20px;
  overflow: hidden;
  background: var(--ds-cyan, #06b6d4);
  padding: 28px;
  display: flex;
  flex-direction: column;
}
.ds-mca-coj-img__overlay {
  position: relative;
  padding: 14px 20px;
  background: #dc2626;
  border-radius: 12px;
  color: #fff;
  z-index: 2;
}
.ds-mca-coj-img__overlay .lab {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  opacity: 0.95;
  color: #fff;
}
.ds-mca-coj-img__overlay .t {
  font-size: 14px;
  font-weight: 800;
  margin-top: 4px;
  line-height: 1.35;
  color: #fff;
}
.ds-mca-coj-img__inner {
  display: none;
}
.ds-mca-coj-img__photo {
  display: none;
}

/* ---------- States grid (where we work) ---------- */
.ds-mca-states {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.ds-mca-state {
  padding: 22px 24px;
  background: var(--ds-paper);
  border-radius: 14px;
  border: 1px solid var(--ds-line);
  color: var(--ds-ink);
  display: block;
  transition: 0.2s var(--ds-ease);
}
.ds-mca-state:hover {
  transform: translateY(-2px);
  box-shadow: var(--ds-shadow-card);
  color: var(--ds-ink);
}
.ds-mca-state__name {
  font-size: 17px;
  font-weight: 900;
  color: var(--ds-ink);
  text-transform: uppercase;
  letter-spacing: 0.01em;
}
.ds-mca-state__n {
  font-size: 22px;
  font-weight: 900;
  color: var(--ds-cyan);
  margin-top: 8px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.ds-mca-state__cap {
  font-size: 11px;
  font-weight: 700;
  color: var(--ds-muted);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-top: 6px;
}
.ds-mca-state__d {
  font-size: 13px;
  color: var(--ds-ink-3);
  margin-top: 12px;
  font-weight: 500;
  line-height: 1.4;
}
.ds-mca-states__more {
  text-align: center;
  margin-top: 32px;
}
.ds-mca-states__more a {
  font-size: 14px;
  font-weight: 700;
  color: var(--ds-cyan);
  border-bottom: 1px solid var(--ds-cyan);
  padding-bottom: 2px;
}

/* ---------- Related articles cards (3 col) ---------- */
.ds-mca-related {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.ds-mca-related__card {
  display: block;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--ds-line);
  color: var(--ds-ink);
  transition: 0.2s var(--ds-ease);
}
.ds-mca-related__card:hover {
  transform: translateY(-2px);
  box-shadow: var(--ds-shadow-card);
  color: var(--ds-ink);
}
.ds-mca-related__art {
  aspect-ratio: 16 / 10;
  position: relative;
  background: var(--ds-ink);
  padding: 30px 28px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
}
.ds-mca-related__art--paper {
  background: var(--ds-paper);
  color: var(--ds-ink);
}
.ds-mca-related__art--cyan {
  background: var(--ds-cyan);
  color: var(--ds-ink);
}
.ds-mca-related__tag {
  position: absolute;
  top: 14px;
  left: 14px;
  padding: 5px 10px;
  background: #fff;
  color: var(--ds-ink);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
  border-radius: 999px;
  text-transform: uppercase;
  z-index: 2;
}
.ds-mca-related__kicker {
  font-size: 11px;
  font-weight: 800;
  color: var(--ds-cyan);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.ds-mca-related__art--cyan .ds-mca-related__kicker { color: var(--ds-ink); opacity: 0.7; }
.ds-mca-related__nums {
  display: flex;
  align-items: baseline;
  gap: 14px;
  line-height: 0.9;
  letter-spacing: -0.04em;
  font-weight: 900;
}
.ds-mca-related__nums .a, .ds-mca-related__nums .c { font-size: 64px; }
.ds-mca-related__nums .b { font-size: 64px; color: var(--ds-cyan); }
.ds-mca-related__nums .arr { font-size: 18px; opacity: 0.5; }
.ds-mca-related__nums-cap {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  max-width: 280px;
  opacity: 0.55;
}
.ds-mca-related__chip {
  display: inline-block;
  padding: 7px 14px;
  background: #fff;
  border: 1.5px solid var(--ds-ink);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  color: var(--ds-ink);
  margin-bottom: 8px;
}
.ds-mca-related__chip--mute {
  background: rgba(10,18,31,.08);
  text-decoration: line-through 2px;
  opacity: 0.55;
}
.ds-mca-related__body { padding: 24px 26px; }
.ds-mca-related__body h3 {
  font-size: 18px;
  font-weight: 800;
  color: var(--ds-ink);
  margin: 0 0 10px;
  line-height: 1.3;
  letter-spacing: -0.01em;
}
.ds-mca-related__body p {
  font-size: 14px;
  color: var(--ds-ink-3);
  line-height: 1.55;
  margin: 0;
  font-weight: 500;
}
.ds-mca-related__more {
  margin-top: 18px;
  font-size: 12px;
  font-weight: 800;
  color: var(--ds-cyan);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* ---------- Testimonial dark ---------- */
.ds-mca-testimonial {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 56px;
  align-items: center;
}
.ds-mca-testimonial__photo {
  position: relative;
  width: 280px;
  height: 340px;
  border-radius: 20px;
  overflow: hidden;
  background: var(--ds-ink-2);
  flex-shrink: 0;
}
.ds-mca-testimonial__photo-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ds-mca-testimonial__photo-fg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: auto;
  max-width: none;
  display: block;
}
.ds-mca-testimonial__stars {
  display: flex;
  gap: 6px;
  margin-bottom: 24px;
}
.ds-mca-testimonial__stars span {
  color: var(--ds-cyan);
  font-size: 22px;
}
.ds-mca-testimonial__quote {
  font-size: 32px;
  line-height: 1.25;
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 0 0 28px;
  text-wrap: pretty;
}
.ds-mca-testimonial__quote span { color: var(--ds-cyan); }
.ds-mca-testimonial__by {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.ds-mca-testimonial__name {
  font-size: 15px;
  font-weight: 800;
  color: #fff;
}
.ds-mca-testimonial__role {
  font-size: 13px;
  color: rgba(255,255,255,.65);
  font-weight: 600;
  margin-top: 2px;
}
.ds-mca-testimonial__amt {
  padding: 6px 12px;
  background: rgba(0,184,240,.15);
  color: var(--ds-cyan);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  border-radius: 999px;
  border: 1px solid rgba(0,184,240,.3);
}

/* ---------- FAQ accordion (cyan-active first) ---------- */
.ds-mca-faqs {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ds-mca-faq {
  background: #fff;
  border-radius: 14px;
  border: 1px solid var(--ds-line);
  padding: 22px 26px;
}
.ds-mca-faq[open] {
  border-color: var(--ds-cyan);
}
.ds-mca-faq summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.ds-mca-faq summary::-webkit-details-marker { display: none; }
.ds-mca-faq summary h3 {
  font-size: 17px;
  font-weight: 800;
  color: var(--ds-ink);
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  flex: 1;
}
.ds-mca-faq[open] summary h3 { color: var(--ds-cyan); }
.ds-mca-faq__chev { transition: transform .2s var(--ds-ease); flex-shrink: 0; }
.ds-mca-faq[open] .ds-mca-faq__chev { transform: rotate(180deg); }
.ds-mca-faq__a {
  font-size: 15px;
  line-height: 1.65;
  color: var(--ds-ink-3);
  margin-top: 14px;
  margin-bottom: 0;
  font-weight: 500;
}

/* ---------- TL;DR pillbox (used in guides) ---------- */
.ds-guide__tldr {
  background: var(--ds-paper);
  border-left: 4px solid var(--ds-cyan);
  border-radius: 0 14px 14px 0;
  padding: 24px 28px;
  margin-bottom: 32px;
}
.ds-guide__tldr-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  color: var(--ds-cyan);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.ds-guide__tldr-chip .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ds-cyan);
}
.ds-guide__tldr ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ds-guide__tldr li {
  display: flex;
  gap: 14px;
  font-size: 15px;
  line-height: 1.55;
  color: var(--ds-ink-2);
  font-weight: 500;
}
.ds-guide__tldr .n {
  font-size: 12px;
  font-weight: 900;
  color: var(--ds-cyan);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.06em;
  margin-top: 2px;
}

/* ---------- Guide timeline (big numbered circles) ---------- */
.ds-guide__timeline {
  margin: 56px 0;
  padding: 40px 36px 36px;
  background: var(--ds-ink);
  border-radius: 24px;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.ds-guide__timeline::before {
  content: "";
  position: absolute;
  top: -60px;
  right: -80px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: var(--ds-cyan);
  opacity: 0.08;
  pointer-events: none;
}
.ds-guide__timeline > * { position: relative; }
.ds-guide__timeline-kicker {
  font-size: 11px;
  font-weight: 800;
  color: var(--ds-cyan);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.ds-guide__timeline h2 {
  font-size: 28px;
  font-weight: 900;
  color: #fff;
  margin: 0 0 28px;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  line-height: 1;
}
.ds-guide__timeline h2 .ds-emph { color: var(--ds-cyan); }
.ds-guide__timeline ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 22px;
  position: relative;
}
.ds-guide__timeline ol::before {
  content: "";
  position: absolute;
  left: 19px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: linear-gradient(180deg, var(--ds-cyan) 0%, rgba(0, 184, 240, 0.15) 100%);
  pointer-events: none;
}
.ds-guide__timeline li {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 18px;
  align-items: flex-start;
  position: relative;
}
.ds-guide__timeline__num {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--ds-cyan);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 900;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  box-shadow: 0 0 0 4px var(--ds-ink), 0 6px 18px rgba(0, 184, 240, 0.35);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  z-index: 1;
}
.ds-guide__timeline__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 6px;
  flex-wrap: wrap;
  padding-top: 8px;
}
.ds-guide__timeline .d {
  font-size: 11px;
  font-weight: 800;
  color: var(--ds-cyan);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.ds-guide__timeline__sep {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255,255,255,.3);
  display: inline-block;
}
.ds-guide__timeline .t {
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -0.005em;
  line-height: 1.2;
}
.ds-guide__timeline p {
  font-size: 14.5px;
  line-height: 1.55;
  color: rgba(255,255,255,.78);
  margin: 0;
  font-weight: 500;
}

/* ---------- Guide checklist (action items) ---------- */
.ds-guide__checklist {
  margin: 56px 0;
  padding: 32px 36px;
  background: var(--ds-paper);
  border-radius: 18px;
  border-left: 4px solid var(--ds-cyan);
}
.ds-guide__checklist-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  color: var(--ds-cyan);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.ds-guide__checklist-chip .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ds-cyan);
}
.ds-guide__checklist h3 {
  font-size: 22px;
  font-weight: 900;
  color: var(--ds-ink);
  margin: 0 0 18px;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}
.ds-guide__checklist ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ds-guide__checklist li {
  padding-left: 36px;
  position: relative;
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--ds-ink-2);
  font-weight: 500;
}
.ds-guide__checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background-color: var(--ds-cyan);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* ---------- Guide: senior advisor CTA card ---------- */
.ds-guide__senior {
  margin-top: 56px;
  padding: 32px 36px;
  background: #fff;
  border: 1.5px solid var(--ds-cyan);
  border-radius: 18px;
}
.ds-guide__senior-eyebrow {
  font-size: 11px;
  font-weight: 800;
  color: var(--ds-cyan);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.ds-guide__senior h3 {
  font-size: 26px;
  font-weight: 900;
  color: var(--ds-ink);
  margin: 0 0 12px;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}
.ds-guide__senior p {
  font-size: 15px;
  color: var(--ds-ink-3);
  margin: 0 0 20px;
  font-weight: 500;
}
.ds-guide__senior-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.ds-guide__senior-tel {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 22px;
  height: 46px;
  border-radius: 999px;
  border: 1px solid var(--ds-line);
  font-size: 13px;
  font-weight: 700;
  color: var(--ds-ink);
  text-decoration: none;
}
.ds-guide__senior-tel:hover { border-color: var(--ds-cyan); color: var(--ds-cyan); }

/* ---------- Guide: about the author card ---------- */
.ds-guide__author {
  margin-top: 28px;
  padding: 28px 32px;
  background: #fff;
  border: 1px solid var(--ds-line);
  border-radius: 18px;
  display: flex;
  align-items: flex-start;
  gap: 22px;
}
.ds-guide__author-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.ds-guide__author-eyebrow {
  font-size: 11px;
  font-weight: 800;
  color: var(--ds-cyan);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.ds-guide__author-name {
  font-size: 18px;
  font-weight: 900;
  color: var(--ds-ink);
  margin-bottom: 2px;
}
.ds-guide__author-role {
  font-size: 14px;
  color: var(--ds-ink-3);
  margin-bottom: 12px;
  font-weight: 500;
}
.ds-guide__author-review {
  font-size: 13px;
  color: var(--ds-ink-3);
  line-height: 1.5;
  font-weight: 500;
}
.ds-guide__author-review strong { color: var(--ds-ink); }

/* ---------- Guide: references / citations ---------- */
.ds-guide__refs {
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid var(--ds-line);
}
.ds-guide__refs-eyebrow {
  font-size: 11px;
  font-weight: 800;
  color: var(--ds-ink-3);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.ds-guide__refs ol {
  list-style: decimal;
  padding-left: 22px;
  margin: 0;
}
.ds-guide__refs li {
  font-size: 14px;
  line-height: 1.6;
  color: var(--ds-ink-2);
  font-weight: 500;
  padding-left: 6px;
  margin-bottom: 8px;
}

/* ---------- Guide FAQ wrapper ---------- */
.ds-guide__faqs { margin-top: 56px; }
.ds-guide__faq-kicker {
  font-size: 11px;
  font-weight: 800;
  color: var(--ds-cyan);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.ds-guide__faqs h3 {
  font-size: 28px;
  font-weight: 900;
  color: var(--ds-ink);
  margin: 0 0 18px;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}

/* ---------- Guide hero byline ---------- */
.ds-guide-hero__byline {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-top: 32px;
  padding: 18px 0;
  border-top: 1px solid var(--ds-line);
  border-bottom: 1px solid var(--ds-line);
  font-size: 13px;
  color: var(--ds-muted);
  font-weight: 500;
  letter-spacing: 0.02em;
  flex-wrap: wrap;
}
.ds-guide-hero__byline > span {
  display: inline-block;
}
.ds-guide-hero__byline > span strong { margin-left: 4px; }
.ds-guide-hero__byline .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #16a34a;
  margin-right: 10px;
}
.ds-guide-hero__byline strong { color: var(--ds-ink); font-weight: 700; }
.ds-guide-hero__byline .ds-byline-author { color: inherit; text-decoration: none; }
.ds-guide-hero__byline .ds-byline-author strong { color: var(--ds-cyan-deep, #0a8fbc); }
.ds-guide-hero__byline .ds-byline-author:hover strong { color: var(--ds-cyan, #00b8f0); text-decoration: underline; }
.ds-guide-hero__byline-sep {
  width: 1px;
  height: 16px;
  background: var(--ds-line);
  display: inline-block;
}
.ds-guide-hero__byline-rule {
  width: 1px;
  height: 16px;
  background: var(--ds-line);
}
.ds-guide-hero__byline > span:first-child {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 11px;
  font-weight: 800;
  color: var(--ds-ink);
}

/* ---------- Guide TOC jump (secondary nav block) ---------- */
.ds-guide__toc-jump {
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid var(--ds-line);
}
.ds-guide__toc-jump ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ds-guide__toc-jump a {
  font-size: 13px;
  font-weight: 700;
  color: var(--ds-ink-2);
}
.ds-guide__toc-jump a:hover { color: var(--ds-cyan); }

/* ---------- Settlement estimator (interactive widget) ---------- */
.ds-guide-estimator {
  margin: 48px 0;
  padding: 32px 36px;
  background: linear-gradient(135deg, var(--ds-paper) 0%, #fff 100%);
  border: 1px solid var(--ds-line);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  min-width: 0;
}
.ds-guide-estimator__kicker {
  font-size: 11px;
  font-weight: 800;
  color: var(--ds-cyan);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.ds-guide-estimator__h {
  font-size: 22px;
  font-weight: 900;
  color: var(--ds-ink);
  letter-spacing: -0.01em;
  text-transform: uppercase;
  margin: 0 0 4px;
  line-height: 1.15;
}
.ds-guide-estimator__sub {
  font-size: 13px;
  color: var(--ds-muted);
  font-weight: 500;
  margin: 0 0 24px;
}
.ds-guide-estimator__label {
  display: block;
  margin-bottom: 18px;
}
.ds-guide-estimator__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 8px;
}
.ds-guide-estimator__row-lab {
  font-size: 11px;
  font-weight: 800;
  color: var(--ds-ink);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.ds-guide-estimator__amount {
  font-size: 28px;
  font-weight: 900;
  color: var(--ds-cyan);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  text-align: right;
  line-height: 1;
}
.ds-guide-estimator__slider {
  width: 100%;
  accent-color: var(--ds-cyan);
  height: 6px;
  cursor: pointer;
}
.ds-guide-estimator__range {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  font-weight: 700;
  color: var(--ds-muted);
  margin-top: 6px;
  letter-spacing: 0.08em;
}
.ds-guide-estimator__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 8px;
}
.ds-guide-estimator__card {
  padding: 18px 16px;
  background: #fff;
  border: 1px solid var(--ds-line);
  border-top-width: 3px;
  border-radius: 14px;
  min-width: 0;
}
.ds-guide-estimator__card--success { border-top-color: var(--ds-success); }
.ds-guide-estimator__card--cyan    { border-top-color: var(--ds-cyan); }
.ds-guide-estimator__card--ink     { border-top-color: var(--ds-ink); }
.ds-guide-estimator__card-lab {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.ds-guide-estimator__card--success .ds-guide-estimator__card-lab { color: var(--ds-success); }
.ds-guide-estimator__card--cyan    .ds-guide-estimator__card-lab { color: var(--ds-cyan); }
.ds-guide-estimator__card--ink     .ds-guide-estimator__card-lab { color: var(--ds-ink); }
.ds-guide-estimator__card-amt {
  font-size: 20px;
  font-weight: 900;
  color: var(--ds-ink);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  word-break: normal;
  overflow-wrap: anywhere;
}
.ds-guide-estimator__card-sub {
  font-size: 11px;
  font-weight: 600;
  color: var(--ds-muted);
  margin-top: 6px;
}
.ds-guide-estimator__card-foot {
  font-size: 11px;
  font-weight: 600;
  color: var(--ds-ink-3);
  margin-top: 8px;
}
.ds-guide-estimator__foot {
  margin-top: 18px;
  padding: 14px 18px;
  background: rgba(0, 184, 240, 0.06);
  border-radius: 12px;
  font-size: 12px;
  color: var(--ds-ink-3);
  font-weight: 600;
  line-height: 1.5;
}
.ds-guide-estimator__foot strong { color: var(--ds-ink); }
.ds-guide-estimator__foot a {
  color: var(--ds-cyan);
  font-weight: 800;
  text-decoration: none;
}
.ds-guide-estimator__foot a:hover { text-decoration: underline; }

/* ---------- Defensive fix: prevent vertical word-stack on grid children ---------- */
/* Grid items default to min-width: auto (= min-content), which can collapse to a
   word-width column under certain ancestor constraints (e.g. parent flex/grid with
   no explicit min-width). Explicit min-width: 0 forces normal text wrapping. */
.ds-guide__inner > * { min-width: 0; }
.ds-guide__article { min-width: 0; width: 100%; display: block; }
.ds-guide__checklist { min-width: 0; width: 100%; display: block; box-sizing: border-box; }
.ds-guide__checklist ol { min-width: 0; width: 100%; display: flex; flex-direction: column; }
.ds-guide__checklist li {
  min-width: 0;
  width: 100%;
  word-break: normal;
  overflow-wrap: break-word;
  white-space: normal;
  writing-mode: horizontal-tb;
  display: list-item;
}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width: 1100px) {
  .ds-mca-section { padding: 72px 32px; }
  .ds-mca-hero { padding: 48px 32px 56px; }
  .ds-mca-hero h1 { font-size: 56px; }
  .ds-mca-h2 { font-size: 40px; }
  .ds-mca-stats { padding: 32px; }
  .ds-mca-stats__grid { grid-template-columns: repeat(2, 1fr); }
  .ds-mca-split,
  .ds-mca-split--bal,
  .ds-mca-split--bal2,
  .ds-mca-split--wide,
  .ds-mca-split--wide2 { grid-template-columns: 1fr; gap: 40px; }
  .ds-mca-anatomy { grid-template-columns: 1fr 1fr; }
  .ds-mca-signs { grid-template-columns: 1fr 1fr; }
  .ds-mca-process { grid-template-columns: 1fr 1fr; gap: 40px 0; }
  .ds-mca-process::before { display: none; }
  .ds-mca-cases { grid-template-columns: 1fr 1fr; }
  .ds-mca-vs { grid-template-columns: 1fr 1fr; gap: 16px 18px; }
  .ds-mca-states { grid-template-columns: 1fr 1fr; }
  .ds-mca-related { grid-template-columns: 1fr 1fr; }
  .ds-mca-testimonial { grid-template-columns: 1fr; gap: 32px; }
  .ds-mca-testimonial__photo { width: 100%; max-width: 320px; height: 360px; margin: 0 auto; }
  .ds-mca-phone { padding: 24px 32px; }
  .ds-mca-phone__card { padding: 24px 26px; }
  /* Collapse guide layout to single column (mirrors pages-forms.css; redundant but defensive). */
  .ds-guide__inner { grid-template-columns: 1fr; gap: 40px; }
  .ds-guide__toc { position: static; }
  .ds-guide-estimator { padding: 28px 24px; }
  .ds-guide-estimator__amount { font-size: 24px; }
}
@media (max-width: 640px) {
  .ds-guide-estimator { padding: 24px 20px; }
  .ds-guide-estimator__cards { grid-template-columns: 1fr; }
  .ds-guide-estimator__amount { font-size: 22px; }
  .ds-guide-estimator__h { font-size: 20px; }
}
@media (max-width: 720px) {
  .ds-mca-section { padding: 56px 20px; }
  .ds-mca-hero { padding: 40px 20px 48px; }
  .ds-mca-hero h1 { font-size: 40px; }
  .ds-mca-h2 { font-size: 32px; }
  .ds-mca-stats__grid { grid-template-columns: 1fr; }
  .ds-mca-anatomy { grid-template-columns: 1fr; }
  .ds-mca-signs { grid-template-columns: 1fr; }
  .ds-mca-process { grid-template-columns: 1fr; }
  .ds-mca-cases { grid-template-columns: 1fr; }
  .ds-mca-vs { grid-template-columns: 1fr; }
  .ds-mca-states { grid-template-columns: 1fr; }
  .ds-mca-related { grid-template-columns: 1fr; }
  .ds-mca-stack-card { padding: 28px 22px; }
  .ds-mca-pricing { padding: 28px 26px; }
  .ds-mca-pricing__pct { font-size: 48px; }
  .ds-mca-testimonial__quote { font-size: 24px; }
  .ds-mca-phone { padding: 20px; }
  .ds-mca-phone__card { padding: 22px; }
  .ds-mca-phone__t { font-size: 18px; }
  .ds-mca-phone__call,
  .ds-mca-phone__apply { width: 100%; justify-content: center; }
  .ds-mca-bar { padding: 20px; }
  .ds-guide__timeline { padding: 32px 22px 28px; margin: 40px 0; }
  .ds-guide__timeline ol::before { left: 17px; }
  .ds-guide__timeline li { grid-template-columns: 36px 1fr; gap: 14px; }
  .ds-guide__timeline__num { width: 36px; height: 36px; font-size: 14px; }
  .ds-guide__timeline .t { font-size: 16px; }
  .ds-guide__checklist { padding: 24px 22px; margin: 40px 0; }
  .ds-mca-coj-pads { grid-template-columns: 1fr 1fr; gap: 12px; }
  .ds-mca-coj-pad { padding: 14px 16px; }
}

/* ==========================================================================
   Final CTA band (mca-settlement)
   ========================================================================== */
.ds-mca-finalcta { padding: 96px 24px; text-align: center; }
.ds-mca-finalcta__inner { max-width: 880px; margin: 0 auto; }
.ds-mca-finalcta__h2 {
  font-size: clamp(36px, 5vw, 54px);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin: 0 0 22px;
  color: #fff;
}
.ds-mca-finalcta__sub {
  font-size: 17px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.78);
  margin: 0 auto 32px;
  font-weight: 500;
  max-width: 720px;
}
.ds-mca-finalcta__trust {
  display: flex;
  gap: 28px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
  color: #fff;
}
.ds-mca-finalcta__trust-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}
.ds-mca-finalcta__buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 640px) {
  .ds-mca-finalcta { padding: 64px 20px; }
  .ds-mca-finalcta__trust { gap: 16px; }
  .ds-mca-finalcta__buttons .ds-cta { width: 100%; justify-content: center; }
}

/* ==========================================================================
   "More from We Know Debt" related-articles strip (above final CTA)
   ========================================================================== */
.ds-mca-keep-reading {
  background: var(--ds-paper);
  padding: 96px 60px;
}
.ds-mca-keep-reading__inner {
  max-width: 1200px;
  margin: 0 auto;
}
.ds-mca-keep-reading__head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 40px;
}
.ds-mca-keep-reading__eyebrow {
  font-size: 12px;
  font-weight: 800;
  color: var(--ds-cyan);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.ds-mca-keep-reading__title {
  font-size: 40px;
  font-weight: 900;
  color: var(--ds-ink);
  letter-spacing: -0.02em;
  line-height: 1.05;
  text-transform: uppercase;
  margin: 0;
}
.ds-mca-keep-reading__title .ds-emph { color: var(--ds-cyan); }
.ds-mca-keep-reading__all {
  font-size: 13px;
  font-weight: 800;
  color: var(--ds-ink);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-bottom: 2px solid var(--ds-cyan);
  padding-bottom: 4px;
}
.ds-mca-keep-reading__all { transition: color var(--ds-dur) var(--ds-ease); }
.ds-mca-keep-reading__all:hover { color: var(--ds-cyan); }
.ds-mca-keep-reading__all svg { transition: transform var(--ds-dur) var(--ds-ease); }
.ds-mca-keep-reading__all:hover svg { transform: translateX(3px); }
.ds-mca-keep-reading__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.ds-mca-kr-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--ds-line);
  border-radius: 18px;
  padding: 28px 26px 26px;
  color: var(--ds-ink);
  text-decoration: none;
  transition: transform 0.2s var(--ds-ease), box-shadow 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease);
  min-height: 220px;
}
.ds-mca-kr-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px -16px rgba(15, 26, 45, 0.18);
  border-color: var(--ds-cyan);
  color: var(--ds-ink);
}
.ds-mca-kr-card__pill {
  display: inline-block;
  align-self: flex-start;
  padding: 6px 12px;
  background: var(--ds-cyan-soft);
  color: var(--ds-cyan-deep);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  border-radius: 999px;
  margin-bottom: 18px;
}
.ds-mca-kr-card__title {
  font-size: 19px;
  font-weight: 800;
  color: var(--ds-ink);
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin: 0 0 auto;
}
.ds-mca-kr-card__meta {
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid var(--ds-line-soft);
  font-size: 12px;
  font-weight: 700;
  color: var(--ds-ink-3);
  letter-spacing: 0.04em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.ds-mca-kr-card__more {
  font-size: 11px;
  font-weight: 800;
  color: var(--ds-cyan);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
@media (max-width: 1000px) {
  .ds-mca-keep-reading { padding: 72px 32px; }
  .ds-mca-keep-reading__grid { grid-template-columns: 1fr 1fr; }
  .ds-mca-keep-reading__title { font-size: 34px; }
}
@media (max-width: 720px) {
  .ds-mca-keep-reading { padding: 56px 20px; }
  .ds-mca-keep-reading__grid { grid-template-columns: 1fr; }
  .ds-mca-keep-reading__title { font-size: 28px; }
  .ds-mca-keep-reading__head { margin-bottom: 28px; }
}

/* ==========================================================================
   Cyan portrait CTA band — shared between MCA guide pages
   (replaces the dark .ds-cta-band--ink at the bottom of each page)
   ========================================================================== */
.ds-mca-final-cta {
  position: relative;
  background-color: var(--ds-cyan);
  color: #fff;
  overflow: hidden;
  padding: 96px 60px;
}
.ds-mca-final-cta--dark { background-color: var(--ds-ink); }
.ds-mca-final-cta--dark::before {
  /* override the full-width d-tile mask to cover only LEFT half (behind heading) */
  top: -40%;
  left: -20%;
  right: auto;
  width: 70%;
  height: 180%;
}
.ds-mca-final-cta--dark::after {
  background: linear-gradient(90deg, rgba(11, 18, 32, 0.40) 0%, rgba(11, 18, 32, 0.75) 60%, rgba(11, 18, 32, 0.92) 100%);
}
.ds-mca-final-cta::before {
  /* Canonical d-pattern (CtaBand variant): right 45% strip.
     Slant + tile spacing + glyph offset all baked into d-pattern.svg
     via SVG <pattern patternTransform="rotate(15)"> — no CSS rotation. */
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 45%;
  background: url('../images/d-pattern.svg') center / cover no-repeat;
  opacity: 0.18;
  pointer-events: none;
  z-index: 1;
}
.ds-mca-final-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  pointer-events: none;
  z-index: 1;
}

/* Guide pages — d-pattern on the RIGHT side only, smaller, rotated to the right, with more spacing */
.ds-mca-final-cta--guide::before {
  top: -10%;
  left: 45%;
  right: -15%;
  width: auto;
  height: 130%;
  background-color: transparent;
  background-image: url('../images/ico-delancey.svg');
  background-repeat: repeat;
  background-size: 280px 320px;
  background-position: 0 0;
  -webkit-mask-image: none;
          mask-image: none;
  filter: brightness(0) invert(1);
  opacity: 0.22;
  transform: rotate(15deg);
}
.ds-mca-final-cta--guide::after {
  background: linear-gradient(90deg, rgba(0, 184, 240, 0.85) 0%, rgba(0, 184, 240, 0.50) 45%, rgba(0, 184, 240, 0.20) 100%);
}
.ds-mca-final-cta__inner {
  position: relative;
  z-index: 2;
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 48px;
  align-items: center;
}
.ds-mca-final-cta__copy {
  padding-bottom: 0;
}
.ds-mca-final-cta__eyebrow {
  font-size: 12px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.78);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.ds-mca-final-cta__h2 {
  font-size: 60px;
  font-weight: 900;
  line-height: 0.96;
  letter-spacing: -0.02em;
  margin: 0 0 22px;
  text-transform: uppercase;
  color: #fff;
}
.ds-mca-final-cta__sub {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
  margin: 0 0 32px;
  max-width: 560px;
  color: rgba(255, 255, 255, 0.95);
}
.ds-mca-final-cta__sub strong { color: #fff; }
.ds-mca-final-cta__ctas {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.ds-mca-final-cta__cta-white {
  background: #fff;
  color: var(--ds-ink);
}
.ds-mca-final-cta__cta-white:hover {
  background: #f1f1f1;
  color: var(--ds-ink);
}
.ds-mca-final-cta__cta-tel {
  height: 60px;
  padding: 0 28px;
  border-radius: var(--ds-radius-pill);
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-decoration: none;
  transition: transform var(--ds-dur) var(--ds-ease), background var(--ds-dur) var(--ds-ease), border-color var(--ds-dur) var(--ds-ease);
}
.ds-mca-final-cta__cta-tel:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.6);
  color: #fff;
}
.ds-mca-final-cta__cta-tel:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
.ds-mca-final-cta__assurances {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 8px;
  color: #fff;
}
.ds-mca-final-cta__assurance {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
}
.ds-mca-final-cta__form {
  position: relative;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 24px;
  padding: 32px 32px 36px;
  margin-bottom: 56px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
/* Make sure the dark MCA-settlement final CTA section has breathing room
   below the form before the next section/footer begins. */
.ds-mca-final-cta--dark { padding-bottom: 80px; }
.ds-mca-final-cta__form .ds-form,
.ds-mca-final-cta__form .ds-form--grid { gap: 16px; }
.ds-mca-final-cta__form label {
  color: rgba(255, 255, 255, 0.85);
  font-weight: 800;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  font-size: 11px;
}
.ds-mca-final-cta__form input,
.ds-mca-final-cta__form select,
.ds-mca-final-cta__form textarea {
  background: rgba(255, 255, 255, 0.95);
  color: var(--ds-ink);
  border: 1.5px solid rgba(255, 255, 255, 0.3);
}
.ds-mca-final-cta__form input:focus,
.ds-mca-final-cta__form select:focus,
.ds-mca-final-cta__form textarea:focus {
  border-color: var(--ds-cyan);
  box-shadow: 0 0 0 3px rgba(0, 184, 240, 0.25);
}
.ds-mca-final-cta__form input::placeholder,
.ds-mca-final-cta__form textarea::placeholder { color: var(--ds-muted); }
.ds-mca-final-cta__form .ds-form__pill {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.32);
  color: #fff;
}
.ds-mca-final-cta__form .ds-form__pill.is-active {
  background: var(--ds-ink);
  border-color: var(--ds-ink);
  color: #fff;
}
.ds-mca-final-cta__form .ds-form__submit {
  background: var(--ds-ink);
  color: #fff;
}
.ds-mca-final-cta__form .ds-form__consent-note { color: rgba(255, 255, 255, 0.7); }
.ds-mca-final-cta__portrait {
  position: relative;
  width: 100%;
  max-width: 420px;
  height: 480px;
  margin: 40px 0 40px auto;
  border-radius: 24px;
  overflow: visible;
  background: rgba(0, 0, 0, 0.05);
}
.ds-mca-final-cta__portrait img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
  z-index: 5;
}
.ds-mca-final-cta__pill {
  position: absolute;
  top: 40px;
  left: 30px;
  padding: 10px 22px;
  background: #fff;
  color: var(--ds-ink);
  border-radius: 999px;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -0.01em;
  box-shadow: 0 18px 40px -10px rgba(0, 0, 0, 0.25);
  z-index: 7;
  white-space: nowrap;
  text-decoration: underline;
}
.ds-mca-final-cta__pill span { color: var(--ds-cyan); }
@media (max-width: 900px) {
  .ds-mca-final-cta { padding: 72px 32px 56px; }
  .ds-mca-final-cta__inner { grid-template-columns: 1fr; gap: 32px; }
  .ds-mca-final-cta__copy { padding-bottom: 0; }
  .ds-mca-final-cta__h2 { font-size: 44px; }
  .ds-mca-final-cta__sub { font-size: 17px; }
  .ds-mca-final-cta__portrait {
    height: 420px;
    max-width: 100%;
    margin: 24px auto;
  }
  .ds-mca-final-cta__pill {
    top: -16px;
    right: 16px;
  }
}
@media (max-width: 640px) {
  .ds-mca-final-cta { padding: 56px 20px 40px; }
  .ds-mca-final-cta__h2 { font-size: 34px; overflow-wrap: anywhere; word-break: break-word; }
  .ds-mca-final-cta__sub { overflow-wrap: anywhere; }
  .ds-mca-final-cta__ctas { flex-direction: column; align-items: stretch; }
  .ds-mca-final-cta__ctas .ds-cta,
  .ds-mca-final-cta__cta-tel { width: 100%; justify-content: center; }
  .ds-mca-final-cta__portrait { height: 340px; }
  .ds-mca-final-cta__pill { font-size: 18px; padding: 10px 18px; }
  /* Tighten form padding so inputs don't push container wider than viewport */
  .ds-mca-final-cta__form { padding: 24px 18px 28px; border-radius: 18px; }
  .ds-mca-final-cta__assurances { flex-wrap: wrap; gap: 10px; }
}

/* PAGE-MCA-RQC: very narrow phones — final-CTA form keeps inputs full-width
   and ensures the required-asterisks remain visible inline with labels. */
@media (max-width: 480px) {
  .ds-mca-final-cta { padding: 48px 16px 32px; }
  .ds-mca-final-cta__form { padding: 20px 14px 24px; }
  .ds-mca-final-cta__form label { font-size: 10.5px; letter-spacing: 0.08em; }
  .ds-mca-final-cta__form .ds-form__row { grid-template-columns: 1fr; gap: 12px; }
  .ds-mca-final-cta__form input,
  .ds-mca-final-cta__form select { font-size: 16px; }
  .ds-mca-final-cta__h2 { font-size: 26px; }
}

/* ============================================================
   Defensive accordion collapse — ensure MCA FAQ stays
   collapsed when not [open]. Native <details> handles this
   via UA stylesheet, but explicit display rules on body
   containers can occasionally defeat the UA hide on older
   browsers. Make the collapsed state explicit.
   ============================================================ */
.ds-mca-faq:not([open]) .ds-mca-faq__a { display: none; }

/* AQC7 Fix 1: MCA hero h1 at very-narrow phones */
@media (max-width: 480px) {
  .ds-mca-hero { padding: 32px 16px 40px; }
  .ds-mca-hero h1 { font-size: 32px; }
  .ds-mca-final-cta__h2 { font-size: 28px; }
}

/* AQC8: MCA settlement narrow-phone fixes (375px) */
@media (max-width: 480px) {
  /* Section padding: 56→40 vertical, 20→16 horizontal at very narrow */
  .ds-mca-section { padding: 40px 16px; }
  .ds-mca-h2 { font-size: 28px; }

  /* Anatomy clause cards: tighten padding (was 26px) */
  .ds-mca-clause { padding: 22px 18px; }

  /* Stack card: tighten padding (was 28px 22px @720) */
  .ds-mca-stack-card { padding: 24px 18px; }
  .ds-mca-stack-card__foot .v { font-size: 18px; }

  /* Pricing card: tighten padding (was 28px 26px @720) */
  .ds-mca-pricing { padding: 24px 20px; }
  .ds-mca-pricing__pct { font-size: 40px; }

  /* APR rows: tighter spacing */
  .ds-mca-apr-row__lab { font-size: 13px; }

  /* Inline CTA bar */
  .ds-mca-bar { padding: 16px; }
  .ds-mca-bar__cta { width: 100%; justify-content: center; }

  /* COJ pads: stack to 1col so labels don't truncate */
  .ds-mca-coj-pads { grid-template-columns: 1fr; }

  /* Keep-reading title */
  .ds-mca-keep-reading__title { font-size: 24px; }
}

/* ============================================================
   UX CRITIQUE FIXES (May 2026) — MCA cluster polish
   Goals: tighten hierarchy, add visual presence to stats, soften
   editorial hero, improve CTA conversion, restrain decoration.
   ============================================================ */

/* --- FIX 1 -------------------------------------------------
   Hero H1 was clamping at 84px which reads as a promotional
   landing-page voice. On EDITORIAL/GUIDE pages, the hero sits
   above a TL;DR + sidebar TOC and should feel like a long-form
   article. Pull the upper bound down and tighten the lede so
   eye lands on body sooner. Conversion pages keep their punch
   via .ds-mca-hero--lp escape hatch.
   ----------------------------------------------------------- */
body.page-template-page-merchant-cash-advance-debt-relief-attorneys .ds-mca-hero h1,
body.page-template-page-defaulting-on-an-mca-the-real-consequences .ds-mca-hero h1,
body.page-template-page-what-to-do-if-an-mca-lender-files-a-ucc-lien-against-you .ds-mca-hero h1,
body.page-template-page-what-happens-when-you-default-on-a-merchant-cash-advance .ds-mca-hero h1,
.ds-mca-hero--editorial h1 {
  font-size: clamp(36px, 4.6vw, 60px);
  line-height: 1.02;
  letter-spacing: -0.02em;
  max-width: 920px;
}
body.page-template-page-merchant-cash-advance-debt-relief-attorneys .ds-mca-hero,
body.page-template-page-defaulting-on-an-mca-the-real-consequences .ds-mca-hero,
body.page-template-page-what-to-do-if-an-mca-lender-files-a-ucc-lien-against-you .ds-mca-hero,
body.page-template-page-what-happens-when-you-default-on-a-merchant-cash-advance .ds-mca-hero,
.ds-mca-hero--editorial {
  padding-top: 44px;
  padding-bottom: 56px;
}
body.page-template-page-merchant-cash-advance-debt-relief-attorneys .ds-mca-hero__sub,
body.page-template-page-defaulting-on-an-mca-the-real-consequences .ds-mca-hero__sub,
body.page-template-page-what-to-do-if-an-mca-lender-files-a-ucc-lien-against-you .ds-mca-hero__sub,
body.page-template-page-what-happens-when-you-default-on-a-merchant-cash-advance .ds-mca-hero__sub,
.ds-mca-hero--editorial .ds-mca-hero__sub {
  font-size: 18px;
  margin-top: 20px;
  max-width: 720px;
}

/* --- FIX 2 -------------------------------------------------
   Stat strip cards were a flat paper rectangle with a thin
   3px cyan stripe — they read as background on first glance.
   Lift them with a subtle shadow + slightly larger numbers
   so the headline statistics actually anchor scanning.
   ----------------------------------------------------------- */
.ds-mca-stat {
  padding: 28px 24px;
  border-left-width: 4px;
  box-shadow: 0 1px 2px rgba(11,18,32,.04), 0 8px 24px -16px rgba(11,18,32,.10);
  transition: transform .25s var(--ds-ease), box-shadow .25s var(--ds-ease);
}
.ds-mca-stat:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 4px rgba(11,18,32,.06), 0 14px 32px -16px rgba(0,184,240,.20);
}
.ds-mca-stat__n {
  font-size: 42px;
  line-height: 0.95;
}
.ds-mca-stat__l {
  font-size: 11.5px;
  letter-spacing: 0.16em;
  margin-top: 10px;
  color: var(--ds-ink-2);
}

/* --- FIX 3 -------------------------------------------------
   FAQ summaries had only 1px gray border with cyan ON-OPEN.
   In the closed (default) state they all blend together and
   the page reads as "wall of empty cards". Add a hover
   surface so users see them as interactive, and lift the
   chevron's contrast so it's discoverable.
   ----------------------------------------------------------- */
.ds-mca-faq {
  transition: border-color .2s var(--ds-ease), background .2s var(--ds-ease), box-shadow .2s var(--ds-ease);
}
.ds-mca-faq:hover {
  border-color: rgba(0,184,240,.45);
  background: linear-gradient(180deg, #fff 0%, var(--ds-paper) 100%);
}
.ds-mca-faq[open] {
  box-shadow: 0 1px 2px rgba(0,184,240,.06), 0 10px 28px -18px rgba(0,184,240,.30);
}
.ds-mca-faq__chev {
  color: var(--ds-cyan);
  width: 20px;
  height: 20px;
}
.ds-mca-faq summary h3 { font-size: 16px; }

/* --- FIX 4 -------------------------------------------------
   Process timeline (4 cyan circles): the connector line was
   rgba(0,184,240,.25) which essentially disappears on the
   --ds-ink near-black bg. Bump opacity, add a dashed accent
   so the "step-through" reads, and tighten step copy line-h.
   ----------------------------------------------------------- */
.ds-mca-process::before {
  background: linear-gradient(90deg,
    rgba(0,184,240,0) 0%,
    rgba(0,184,240,.55) 12%,
    rgba(0,184,240,.55) 88%,
    rgba(0,184,240,0) 100%);
  height: 2px;
}
.ds-mca-process__num {
  box-shadow: 0 0 0 6px var(--ds-ink), 0 6px 20px rgba(0,184,240,.55);
}
.ds-mca-process h3 { font-size: 17px; }
.ds-mca-process p { font-size: 14px; line-height: 1.6; }

/* --- FIX 5 -------------------------------------------------
   Final CTA (READY TO TAKE THE NEXT STEP / TALK TO A STRATEGIST):
   the 60px h2 with line-height .96 sometimes clips descenders
   and the cyan-on-cyan d-pattern gets noisy behind the form
   on conversion pages. Tighten hierarchy and dial back the
   pattern so eye goes to CTA buttons, not decoration.
   ----------------------------------------------------------- */
.ds-mca-final-cta__h2 {
  font-size: clamp(40px, 4.6vw, 56px);
  line-height: 1.02;
  margin-bottom: 18px;
}
.ds-mca-final-cta__sub {
  font-size: 18px;
  margin-bottom: 28px;
}
.ds-mca-final-cta::before { opacity: 0.10; }
.ds-mca-final-cta--guide::before { opacity: 0.14; }
.ds-mca-final-cta__cta-tel {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(2px);
}
.ds-mca-final-cta__cta-tel:hover {
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.40);
}

/* --- FIX 6 -------------------------------------------------
   Inline phone CTA banner ("Talk to a workout specialist") had
   too-equal weighting between left copy and right buttons.
   Add a subtle gradient + stronger button contrast so the
   primary phone CTA is visually dominant.
   ----------------------------------------------------------- */
.ds-mca-phone__card {
  background: linear-gradient(135deg, var(--ds-ink) 0%, #0f1a2d 100%);
  box-shadow: 0 12px 40px -20px rgba(0,184,240,.35);
}
.ds-mca-phone__call {
  box-shadow: 0 4px 14px rgba(255,255,255,.12);
}
.ds-mca-phone__call:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(255,255,255,.18);
}

/* --- FIX 7 -------------------------------------------------
   Case-result cards (RETAIL CHAIN 45% etc): the pct number
   at 30px was outweighed by the industry name at 17px. Bring
   the savings-% forward — it's the headline data point.
   Also tighten card head padding so cards feel more compact.
   ----------------------------------------------------------- */
.ds-mca-case__pct .n { font-size: 38px; }
.ds-mca-case__head { padding: 20px 24px; }
.ds-mca-case__head .ind { font-size: 16px; }
.ds-mca-case {
  transition: border-color .2s var(--ds-ease), transform .2s var(--ds-ease), box-shadow .2s var(--ds-ease);
}
.ds-mca-case:hover {
  border-color: rgba(0,184,240,.50);
  transform: translateY(-2px);
  box-shadow: 0 2px 4px rgba(11,18,32,.04), 0 16px 36px -20px rgba(0,184,240,.22);
}

/* --- FIX 8 -------------------------------------------------
   Guide sidebar TOC numbers (01, 02, 03) were rendering very
   small and pale next to the link copy, so the eye loses
   the index. Tighten typography + cyan weight.
   ----------------------------------------------------------- */
.ds-mca-toc__num,
.ds-guide__toc-num {
  font-size: 13px;
  font-weight: 900;
  color: var(--ds-cyan);
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
}

/* --- FIX 9 -------------------------------------------------
   "Senior advisor" sidebar CTA card on guide pages used a 1.5px
   cyan border that competes with the content's own cyan accents.
   Switch to a tinted-fill panel — same emphasis, less line-noise.
   ----------------------------------------------------------- */
.ds-guide__senior {
  background: linear-gradient(180deg, var(--ds-ink) 0%, #0f1a2d 100%);
  border: 1px solid rgba(0,184,240,.35);
  color: #fff;
}
.ds-guide__senior h3 { color: #fff; }
.ds-guide__senior p { color: rgba(255,255,255,.78); }
.ds-guide__senior-tel {
  border-color: rgba(255,255,255,.22);
  color: #fff;
}
.ds-guide__senior-tel:hover {
  border-color: var(--ds-cyan);
  color: var(--ds-cyan);
  background: rgba(0,184,240,.10);
}
/* Ensure the primary button is readable on the dark/cyan-tinted senior card —
   was rendering cyan-on-cyan blend. Force white pill with ink text. */
.ds-guide__senior .ds-cta {
  background: #fff;
  color: var(--ds-ink);
  box-shadow: 0 8px 20px -6px rgba(0, 0, 0, .35);
}
.ds-guide__senior .ds-cta:hover {
  background: var(--ds-cyan);
  color: #fff;
}
.ds-guide__senior .ds-cta svg { color: var(--ds-cyan); }
.ds-guide__senior .ds-cta:hover svg { color: #fff; }

/* --- FIX 10 ------------------------------------------------
   Pricing card "ONE FEE" % icon area felt empty — the "%"
   glyph was sized as a paragraph, not a hero number. Make it
   land as the focal element it should be on this section.
   ----------------------------------------------------------- */
.ds-mca-pricing__pct { font-size: clamp(48px, 5vw, 68px); line-height: 1; }

/* --- FIX 11 ------------------------------------------------
   "What actually happens" guide timeline (dark, numbered):
   the rounded-corner border + the absolute-positioned blob
   were both fighting the cyan numbered list. Soften the bg
   blob radius/opacity, add gentle border, and tighten step
   spacing so the list reads as a proper sequence.
   ----------------------------------------------------------- */
.ds-guide__timeline {
  border: 1px solid rgba(0,184,240,.18);
}
.ds-guide__timeline::before {
  width: 360px;
  height: 360px;
  opacity: 0.06;
  filter: blur(20px);
}

/* --- FIX 12 ------------------------------------------------
   Stat strip on conversion pages: at narrow desktops (<1100)
   the 4-up grid wraps oddly because cells try to keep a 1fr
   column. Allow 2x2 fallback so values stay readable.
   ----------------------------------------------------------- */
@media (max-width: 1100px) and (min-width: 721px) {
  .ds-mca-stats__grid { grid-template-columns: repeat(2, 1fr); }
  .ds-mca-stat__n { font-size: 38px; }
}

/* --- FIX 13 ------------------------------------------------
   TL;DR pillbox numbers were tiny next to the body copy.
   Pump them up + add a soft circle ground so the eye treats
   them as ordinal markers, not stray digits.
   ----------------------------------------------------------- */
.ds-guide__tldr .n {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(0,184,240,.12);
  font-size: 11px;
  margin-top: 0;
  letter-spacing: 0;
}
.ds-guide__tldr li { align-items: center; }

/* ============================================================
   QC May 2026 — Responsive overflow fixes (MCA cluster)
   Targets: 375 / 768 / 1280 widths, hero/timeline/VS/FAQ/CTA
   ============================================================ */

/* Global: prevent any descendant from forcing horizontal scroll */
.ds-mca-section,
.ds-mca-hero,
.ds-mca-stats,
.ds-mca-phone,
.ds-mca-final-cta,
.ds-mca-finalcta,
.ds-mca-keep-reading {
  overflow-x: clip;
}

/* Hero: hard-wrap long uppercase words ("MERCHANT", "SETTLEMENT", "CONSEQUENCES")
   so headlines never overflow narrow phones. */
.ds-mca-hero h1,
.ds-mca-h2,
.ds-mca-finalcta__h2,
.ds-mca-final-cta__h2,
.ds-mca-keep-reading__title {
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
}

/* Phone CTA bar: wrap buttons at narrow widths so the call+apply pair never
   sticks out of the cyan card. */
.ds-mca-phone__buttons {
  flex-wrap: wrap;
  min-width: 0;
}
.ds-mca-phone__call,
.ds-mca-phone__apply {
  min-width: 0;
  white-space: normal;
}

/* Stack-trap chart: keep the row labels readable when bars are very short */
.ds-mca-stack-row { min-width: 0; }
.ds-mca-stack-row__lab { max-width: calc(100% - 12px); }

/* 1280 polish — keep large hero from being absurdly tall on laptops */
@media (max-width: 1280px) {
  .ds-mca-hero h1 { font-size: clamp(40px, 5.4vw, 76px); }
}

/* 1100 — process timeline collapses cleanly to 2-up; ensure the connector dots
   don't draw across stacked rows. The base @1100 already drops ::before; this
   keeps step padding consistent. */
@media (max-width: 1100px) {
  .ds-mca-process__step { padding: 0 12px 24px; }
  .ds-mca-vs { gap: 14px; }
  .ds-mca-vs__card { padding: 26px 22px; }
}

/* 768 tablet — guard against horizontal page scroll caused by the cyan
   phone CTA pill row + final-cta__pill positioning. */
@media (max-width: 768px) {
  .ds-mca-phone { padding: 24px 20px; }
  .ds-mca-phone__card {
    padding: 22px 22px;
    flex-direction: column;
    align-items: flex-start;
  }
  .ds-mca-phone__buttons {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
  .ds-mca-phone__call,
  .ds-mca-phone__apply {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  /* VS comparison — switch from 4-up grid to scroll-snap horizontal carousel
     with a min-width per card so each card stays readable. */
  .ds-mca-vs {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  /* Final CTA pill sits above portrait when stacked */
  .ds-mca-final-cta__pill {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 0 0 12px;
    display: inline-block;
  }
}

/* 640 — FAQ tap targets, ensure 44px+ tap height (WCAG) */
@media (max-width: 640px) {
  .ds-mca-faq { padding: 18px 20px; }
  .ds-mca-faq summary { min-height: 44px; }
  .ds-mca-faq summary h3 { font-size: 15.5px; }
  .ds-mca-faq__a { font-size: 14.5px; }
}

/* 480 — narrow phones, comprehensive overflow guard */
@media (max-width: 480px) {
  /* Hero: smaller, balance long words */
  .ds-mca-hero h1 { font-size: 30px; line-height: 1.02; }
  .ds-mca-hero__sub { font-size: 16px; margin-top: 22px; }
  .ds-mca-hero__crumbs { font-size: 11px; }

  /* Stats card padding */
  .ds-mca-stat { padding: 20px 18px; }
  .ds-mca-stat__n { font-size: 30px; }

  /* Stack-trap chart fits mobile: tighter rows, smaller labels */
  .ds-mca-stack-card { padding: 22px 16px; }
  .ds-mca-stack-card__head > div { font-size: 10px; }
  .ds-mca-stack-row__bar { height: 20px; }
  .ds-mca-stack-row__lab { font-size: 10px; }
  .ds-mca-stack-row__v { font-size: 13px; }

  /* Process timeline collapses to single column with tight spacing */
  .ds-mca-process { gap: 28px 0; }
  .ds-mca-process__step { padding: 0; text-align: left; }
  .ds-mca-process__num { margin: 0 0 12px; }

  /* Comparison VS — full single-column stack on narrow phones */
  .ds-mca-vs { grid-template-columns: 1fr; gap: 12px; }
  .ds-mca-vs__card { padding: 24px 20px; }

  /* Cases / states / related: 1col */
  .ds-mca-cases,
  .ds-mca-states,
  .ds-mca-related,
  .ds-mca-anatomy,
  .ds-mca-signs { grid-template-columns: 1fr; }

  /* Phone CTA card: slimmer */
  .ds-mca-phone { padding: 20px 16px; }
  .ds-mca-phone__card { padding: 22px 18px; }
  .ds-mca-phone__t { font-size: 17px; }
  .ds-mca-phone__sub { font-size: 13px; }
  .ds-mca-phone__call { height: 50px; padding: 0 22px; font-size: 14px; }
  .ds-mca-phone__apply { height: 50px; padding: 0 22px; font-size: 12px; }
  .ds-mca-phone__icon { width: 44px; height: 44px; }

  /* Final CTA band: fits without overflow, button stack */
  .ds-mca-finalcta { padding: 56px 16px; }
  .ds-mca-finalcta__h2 { font-size: 26px; }
  .ds-mca-finalcta__sub { font-size: 15px; }
  .ds-mca-finalcta__buttons { flex-direction: column; }
  .ds-mca-finalcta__buttons .ds-cta { width: 100%; justify-content: center; }
  .ds-mca-finalcta__trust { gap: 12px; }
  .ds-mca-finalcta__trust-item { font-size: 12.5px; }

  .ds-mca-final-cta { padding: 48px 16px 0; }
  .ds-mca-final-cta__h2 { font-size: 26px; line-height: 1.05; }
  .ds-mca-final-cta__sub { font-size: 15px; }
  .ds-mca-final-cta__cta-tel { height: 52px; padding: 0 22px; font-size: 13px; width: 100%; justify-content: center; }
  .ds-mca-final-cta__portrait { height: 280px; }
  .ds-mca-final-cta__pill { font-size: 16px; padding: 8px 16px; }
  .ds-mca-final-cta__assurances { gap: 14px; }

  /* Testimonial photo doesn't overflow */
  .ds-mca-testimonial__photo { width: 100%; max-width: 280px; height: 320px; }
  .ds-mca-testimonial__quote { font-size: 20px; }

  /* Pricing card */
  .ds-mca-pricing { padding: 22px 16px; }
  .ds-mca-pricing__pct { font-size: 36px; }

  /* Keep-reading cards */
  .ds-mca-keep-reading { padding: 48px 16px; }
  .ds-mca-keep-reading__title { font-size: 22px; }
  .ds-mca-keep-reading__head { gap: 16px; margin-bottom: 24px; }
  .ds-mca-kr-card { padding: 22px 18px; }

  /* Guide TOC and timeline */
  .ds-guide__timeline { padding: 24px 18px 22px; margin: 32px 0; }
  .ds-guide__timeline h2 { font-size: 20px; }
  .ds-guide__timeline ol::before { left: 14px; }
  .ds-guide__timeline li { grid-template-columns: 30px 1fr; gap: 12px; }
  .ds-guide__timeline__num { width: 30px; height: 30px; font-size: 12px; }
  .ds-guide__checklist { padding: 22px 18px; }
}

/* 400px and below — extra-tight phones (iPhone SE 1st gen, etc.) */
@media (max-width: 400px) {
  .ds-mca-hero h1 { font-size: 28px; }
  .ds-mca-h2 { font-size: 24px; }
  .ds-mca-finalcta__h2,
  .ds-mca-final-cta__h2 { font-size: 24px; }
  .ds-mca-stat__n { font-size: 26px; }
  .ds-mca-stat__l { font-size: 11px; }
  .ds-mca-keep-reading__title { font-size: 20px; }
}

/* ============================================================
   Mobile QC May 2026 — Editorial guide pages (.ds-guide-hero)
   At <800 the base rule sets h1 to 40px and the surrounding
   sub-text to default sizes. At narrow phone widths (<480 / <400)
   that 40px gets truncated alongside body copy. Add overflow
   guards + scaled type so guide pages render cleanly on iPhone.
   ============================================================ */
@media (max-width: 480px) {
  .ds-guide-hero { padding: 32px 16px 20px; }
  .ds-guide-hero h1 {
    font-size: 28px;
    line-height: 1.04;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
  }
  .ds-guide-hero__sub { font-size: 15.5px; margin-top: 18px; }
  .ds-guide-hero__chips { gap: 8px; margin-bottom: 14px; }
  .ds-guide-hero__chip-cyan { padding: 4px 10px; font-size: 10px; letter-spacing: 0.12em; }
  .ds-guide-hero__byline { gap: 10px; padding: 14px 0; font-size: 12px; }
  .ds-guide { padding: 18px 16px 48px; }
  /* Safety: prevent any direct child of guide hero from forcing horizontal scroll */
  .ds-guide-hero,
  .ds-guide { overflow-x: hidden; }
  .ds-guide-hero__inner,
  .ds-guide__inner { min-width: 0; }
}
@media (max-width: 400px) {
  .ds-guide-hero h1 { font-size: 26px; }
}

/* ==========================================================================
   /mca-settlement/ — long-form SEO editorial intro
   ========================================================================== */
.ds-mca-longform .ds-mca-section__inner { max-width: 1100px; }
.ds-mca-longform__head { margin-bottom: 36px; }
.ds-mca-longform__body {
  max-width: 760px;
  font-size: 17px;
  line-height: 1.75;
  color: var(--ds-ink-soft, #3a4863);
  font-weight: 500;
}
.ds-mca-longform__body p { margin: 0 0 22px; }
.ds-mca-longform__body p:last-child { margin-bottom: 0; }
.ds-mca-longform__body strong { color: var(--ds-ink); font-weight: 800; }
.ds-mca-longform__body .ds-mca-h3 {
  font-size: 26px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--ds-ink);
  margin: 36px 0 14px;
  text-transform: none;
}
.ds-mca-longform__bullets {
  list-style: none;
  padding-left: 0;
  margin: 0 0 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ds-mca-longform__bullets li {
  position: relative;
  padding: 14px 18px 14px 22px;
  background: var(--ds-paper, #f4f8fb);
  border-left: 3px solid var(--ds-cyan, #00b8f0);
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .ds-mca-longform__body { font-size: 16px; }
  .ds-mca-longform__body .ds-mca-h3 { font-size: 22px; }
}