/* S2 / B2 «Partner sheet». Source: Paper 268-0 (desktop 1440×1200) and
   37D-0 (mobile 390×865), get_jsx. Mobile-first; desktop from 1024px.
   Rules: 1px surface at 25% opacity, edge to edge. */

.sheet {
  --rule: color-mix(in srgb, var(--color-surface) 25%, transparent);
  padding-block: 64px 80px;
}

/* Display sentence: shared .ruled component (base.css). */
.sheet__kw {
  font-weight: var(--font-weight-black);
}
/* On the canvas the last line is word-split with a fixed gap (9px mobile,
   20px desktop); a natural space measures 7.42px / 15.7px, hence the
   word-spacing on exactly those words. */
.sheet__gap-m {
  word-spacing: 1.58px;
}

/* Blank ruled line (37S-0 / 2M3-0): 68 / 124 plus its closing rule (border-box). */
.sheet__pause {
  height: 69px;
  border-bottom: 1px solid var(--rule);
}

/* Three statements: rows with a rule below each; Inter 400 22/28 -0.01em
   mobile (word gap 6 on the canvas, natural 5.66), 40/48 -0.015em desktop;
   the subject in 700. Explicit desktop breaks via .br-d. */
.sheet__vulns {
  list-style: none;
}
.sheet__vuln {
  padding-block: 20px;
  border-bottom: 1px solid var(--rule);
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -0.01em;
  word-spacing: 0.34px;
}
.sheet__vuln strong {
  font-weight: var(--font-weight-bold);
}

@media (min-width: 1024px) {
  .sheet {
    padding-block: 112px 128px;
  }
  .sheet__gap-d {
    word-spacing: 4.3px;
  }
  .sheet__gap-m {
    word-spacing: inherit;
  }
  .sheet__pause {
    height: 125px;
  }
  .sheet__vuln {
    padding-block: 28px;
    font-size: var(--text-h2);
    line-height: var(--leading-tight);
    letter-spacing: -0.015em;
    word-spacing: normal;
  }
}