/* Clauses 08, 09, 10: what it isn't, the letter, the numbered questions. */
.isnt { display: grid; margin-top: 0; counter-reset: n; grid-column: 1 / -1; }
.isnt li { font-size: 28px; line-height: 1.12; font-weight: 700; padding: 18px 0; border-top: 1px solid var(--paper); max-width: 24em; }
.isnt li:last-child { border-bottom: 1px solid var(--paper); }
.isnt__help { margin-top: 32px; max-width: 34em; }
.isnt__help b { display: block; margin-bottom: 6px; }
.letter { display: grid; gap: 32px; grid-column: 1 / -1; margin-top: 0; }
.letter__img img { width: 100%; height: auto; }
.letter__text { display: grid; gap: 20px; font-size: 20px; line-height: 1.35; max-width: 34em; align-content: start; }
.letter__sig { font-stretch: var(--w-poster); font-weight: 900; font-size: 56px; line-height: 0.86; letter-spacing: -0.02em; text-transform: uppercase; }
.subs { display: grid; margin-top: 0; grid-column: 1 / -1; }
.subs li { border-top: 1px solid var(--ink); padding: 16px 0 20px; display: grid; gap: 8px; }
.subs li:last-child { border-bottom: 1px solid var(--ink); }
.sub__h { display: flex; flex-direction: column; gap: 4px; font-stretch: var(--w-h3); font-weight: 800; font-size: 28px; line-height: 0.95; text-transform: uppercase; letter-spacing: -0.01em; }
.sub__h .label { letter-spacing: 0.06em; }
.subs p { max-width: 34em; }
@media (min-width: 900px) {
  .isnt li { font-size: 40px; line-height: 1.1; max-width: 26em; padding: 24px 0; }
  .letter { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gut); align-items: start; }
  .letter__img { grid-column: 1 / 5; }
  .letter__text { grid-column: 6 / 12; font-size: 24px; line-height: 1.3; }
  .subs li { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gut); padding: 24px 0 28px; }
  .sub__h { grid-column: 1 / 5; font-size: 36px; }
  .subs p { grid-column: 5 / 11; }
}