/* ============================================
   included — node 4:196 (mobile 390, DRAWN). Desktop 1024–1920 INVENTED (mobile-only-mode):
   `split-40-60` heading ‖ list from 768 (BA-INV-IN1, BA-INV-IN2). Pattern A (§1b), no bg.
   Fluid values: brief/included.md §2 (anchor 390, --vw-base 1440 INVENTED).
   Generic N-row list: no per-row rules (BA-IN2).
============================================ */

/* Section 4:196 (+ the unbuilt content wrapper 4:197, gap 40 — D-IN-2) */
.included {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* longhands only — never a padding shorthand on .container */
  padding-top: clamp(41px, calc(50px + (var(--max-vw) - 390px) * 0.015), 100px);
  padding-bottom: clamp(41px, calc(50px + (var(--max-vw) - 390px) * 0.015), 100px);
  row-gap: clamp(33px, calc(40px + (var(--max-vw) - 390px) * 0.015), 60px);
}

/* Heading 4:198 — token `h2`, UPPER, ink */
.included__title {
  width: 100%;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--text-h2);
  line-height: var(--lh-h2);
  letter-spacing: var(--ls-display);
  text-transform: uppercase;
  color: var(--color-ink);
  text-align: left;
  overflow-wrap: break-word;
}

/* List 4:199 — vertical, gap 20 */
.included__list {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: clamp(16px, calc(20px + (var(--max-vw) - 390px) * 0.015), 30px);
  list-style: none;
}

/* Row 4:200… — horizontal, counter-axis MIN, gap 16 */
.included__item {
  display: flex;
  align-items: flex-start;
  column-gap: clamp(13px, calc(16px + (var(--max-vw) - 390px) * 0.015), 24px);
}

/* Number 4:202… — token `number` (Onest 800); 24 wide = 1.5em; top 5.5 = 0.171875 × title size (D-IN-3/4) */
.included__num {
  display: block;
  flex: 0 0 1.5em;
  margin-top: calc(var(--text-title-display) * 0.171875);
  font-family: var(--font-body);
  font-weight: 800;
  font-size: var(--text-number);
  line-height: var(--lh-number);
  letter-spacing: var(--ls-body);
  color: var(--color-ink);
  text-align: left;   /* Figma JUSTIFIED on one line = left (D-IN-5) */
}

/* Row title 4:204… — token `title-display`, UPPER; MUST-APPLY flex/min-width (§5) */
.included__item-title {
  flex: 1 1 0;
  min-width: 0;
  overflow-wrap: break-word;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--text-title-display);
  line-height: var(--lh-title-display);
  letter-spacing: var(--ls-display);
  text-transform: uppercase;
  color: var(--color-ink);
  text-align: left;
}

/* PSEUDO-TABLET 768–1023 (no tablet layer): split-40-60 already (BA-INV-IN2), M-767 + (vw-768)*0.025 */
@media (min-width: 768px) {
  .included {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    column-gap: var(--gutter);
    row-gap: 0;
    align-items: start;
    padding-top: clamp(55.66px, calc(55.66px + (var(--max-vw) - 768px) * 0.025), 100px);
    padding-bottom: clamp(55.66px, calc(55.66px + (var(--max-vw) - 768px) * 0.025), 100px);
  }

  .included__list {
    row-gap: clamp(25.66px, calc(25.66px + (var(--max-vw) - 768px) * 0.025), 30px);
  }

  .included__item {
    column-gap: clamp(21.66px, calc(21.66px + (var(--max-vw) - 768px) * 0.025), 24px);
  }
}

/* DESKTOP 1024+ (INVENTED D-base at --vw-base 1440): clamp(D-min, D-base * vw/1440, D-max) */
@media (min-width: 1024px) {
  .included {
    padding-top: clamp(71px, calc(100px * (var(--max-vw) / var(--vw-base))), 133px);
    padding-bottom: clamp(71px, calc(100px * (var(--max-vw) / var(--vw-base))), 133px);
  }

  .included__list {
    row-gap: clamp(21px, calc(30px * (var(--max-vw) / var(--vw-base))), 40px);
  }

  .included__item {
    column-gap: clamp(17px, calc(24px * (var(--max-vw) / var(--vw-base))), 32px);
  }
}