/* Two treatments for the approved method and inference constraints. */
.kh-panel.hs-panel.hs-03 .kh-statement p,
.kh-panel.hs-panel.hs-04 .kh-statement p {
  min-width: 0;
  max-width: none;
  margin: 0;
  letter-spacing: 0;
}
.kh-panel.hs-panel.hs-03 .mb-lead,
.kh-panel.hs-panel.hs-04 .mb-lead,
.kh-panel.hs-panel.hs-03 .mb-limits,
.kh-panel.hs-panel.hs-04 .mb-limits {
  display: block;
  margin-left: 0;
}

/* 03: the statement reads as a compact editorial lead. */
.kh-panel.hs-panel.hs-03 .mb-lead {
  font: italic 500 clamp(1.25rem, 1.6vw, 1.44rem)/1.32 var(--serif);
  letter-spacing: -.009em;
  color: #111;
}
.kh-panel.hs-panel.hs-03 .mb-limits {
  margin-top: .6rem;
  font: 400 .86rem/1.55 var(--sans);
  letter-spacing: .003em;
  color: #626259;
}
.kh-panel.hs-panel.hs-03 .kh-crosshair { margin-top: .24rem; }

/* 04: a clear sans statement over a quiet technical annotation. */
.kh-panel.hs-panel.hs-04 .mb-lead {
  font: 600 clamp(1.02rem, 1.23vw, 1.13rem)/1.47 var(--sans);
  letter-spacing: -.008em;
  color: #111;
}
.kh-panel.hs-panel.hs-04 .mb-limits {
  margin-top: .68rem;
  font: 400 .77rem/1.65 var(--mono);
  letter-spacing: -.018em;
  color: #65655b;
}
.kh-panel.hs-panel.hs-04 .kh-crosshair { margin-top: .08rem; }

@media (max-width: 460px) {
  .kh-panel.hs-panel.hs-03 .mb-lead { font-size: 1.25rem; line-height: 1.33; }
  .kh-panel.hs-panel.hs-03 .mb-limits { font-size: .83rem; }
  .kh-panel.hs-panel.hs-04 .mb-lead { font-size: 1.02rem; line-height: 1.46; }
  .kh-panel.hs-panel.hs-04 .mb-limits { font-size: .76rem; line-height: 1.6; }
}

/* Fit the complete approved goal into its desktop text column. */
@media (min-width: 1001px) {
  .kh-panel.hs-panel.hs-04 .kh-statement p {
    container-type: inline-size;
  }
  .kh-panel.hs-panel.hs-04 .mb-lead {
    font-size: min(1.13rem, 2.1cqi);
    white-space: nowrap;
  }
  .kh-panel.hs-panel.hs-04 .mb-limits {
    font-size: min(.77rem, 1.9cqi);
  }
}
