/* Keep this section aligned with the existing editorial typography and shell. */
[data-operating-conditions] > .shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: min-content 1fr;
  column-gap: clamp(32px, 7vw, 112px);
  row-gap: 22px;
  align-items: start;
}

[data-operating-conditions] > .shell > .eyebrow {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
}

[data-operating-conditions] h2 {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  max-width: 13ch;
  margin: 0;
  color: var(--ink);
  font-family: var(--serif, Georgia, "Times New Roman", serif);
  font-size: clamp(46px, 5.2vw, 82px);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -0.05em;
  text-wrap: balance;
  overflow-wrap: break-word;
}

[data-operating-conditions] ul {
  grid-column: 2;
  grid-row: 1 / span 2;
  min-width: 0;
  max-width: 780px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #4e5d65;
  font-family: var(--sans, Inter, ui-sans-serif, sans-serif);
  font-size: var(--copy, clamp(16px, 1.16vw, 19px));
  font-weight: 400;
  line-height: 1.72;
}

[data-operating-conditions] li {
  margin: 0;
  padding: 22px 0;
  border-top: 1px solid var(--line, rgba(13, 30, 40, 0.16));
  overflow-wrap: break-word;
}

[data-operating-conditions] li:last-child {
  padding-bottom: 0;
}

@media (max-width: 899px) {
  [data-operating-conditions] > .shell {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 22px;
  }

  [data-operating-conditions] h2 {
    max-width: 20ch;
    font-size: clamp(40px, 7vw, 50px);
  }

  [data-operating-conditions] ul {
    grid-column: 1;
    grid-row: 3;
    margin-top: 6px;
    font-size: 16px;
  }
}