/* One visual pair: the daily conversation and its reported outcome.
 * The percentage is a reported chance, not a 95% relative increase. */
#sI .frame { gap: clamp(20px, 3vh, 36px); }
#sI .checkin-title { margin: 0; max-width: 1100px; font: 400 clamp(28px, 3.2vw, 48px)/1.1 var(--ui); letter-spacing: -.02em; }
#sI .checkin-title strong { font-weight: 700; }
#sI .checkin-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 88px); align-items: center; }
#sI .wa { width: min(100%, 520px); }
#sI .checkin-evidence { min-width: 0; border-left: 1px solid rgba(27,40,32,.25); padding-left: clamp(24px, 4vw, 56px); }
#sI .checkin-lift { margin: 0 0 12px; font: 400 clamp(20px, 2vw, 30px)/1.2 var(--ui); letter-spacing: -.025em; }
#sI .checkin-lift strong { font-weight: 700; }
#sI .checkin-chance { display: flex; align-items: center; gap: clamp(8px, 1.5vw, 24px); margin: 0; }
#sI .checkin-number { font: 900 clamp(120px, 17vw, 250px)/.85 var(--disp); letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
#sI .checkin-arrow { color: var(--bone); font: 400 clamp(64px, 8vw, 116px)/1 var(--ui); }
#sI .checkin-copy { margin: 22px 0 0; max-width: 32ch; font: 400 clamp(16px, 1.45vw, 21px)/1.45 var(--ui); }
#sI .checkin-partner { display: inline-block; white-space: nowrap; }
#sI .research-guardian { margin-left: .3em; font-size: .75em; font-weight: 400; text-underline-offset: 3px; }
@media (max-width: 700px) {
  #sI .frame { gap: 20px; }
  #sI .checkin-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  #sI .checkin-evidence { border-left: 0; border-top: 1px solid rgba(27,40,32,.25); padding: 20px 0 0; }
  #sI .checkin-lift { font-size: 23px; margin-bottom: 12px; }
  #sI .checkin-number { font-size: clamp(130px, 40vw, 190px); }
  #sI .checkin-copy { margin-top: 16px; }
}