body[data-reading-level="220"] .reading-sentence,
body[data-reading-level="230"] .reading-sentence,
body[data-reading-level="240"] .reading-sentence,
body[data-reading-level="250"] .reading-sentence {
  min-height: 174px;
  flex-direction: column;
  align-content: stretch;
  align-items: stretch;
  gap: 6px;
  padding: 10px 12px;
  font-size: clamp(1.5rem, 5.8vw, 2rem);
}

.sentence-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 1px 4px;
}

body[data-reading-level="220"] .reading-sentence {
  font-size: clamp(1.65rem, 6.4vw, 2.18rem);
}

body[data-reading-level="240"] .reading-sentence {
  font-size: clamp(1.45rem, 5.5vw, 1.9rem);
}

body[data-reading-level="250"] .reading-sentence {
  font-size: clamp(1.38rem, 5.2vw, 1.82rem);
}

body[data-reading-level="220"] .sentence-word,
body[data-reading-level="230"] .sentence-word,
body[data-reading-level="240"] .sentence-word,
body[data-reading-level="250"] .sentence-word {
  min-height: 30px;
}

@media (max-width: 699px) {
  body[data-reading-level="220"] .reading-picture-wrap,
  body[data-reading-level="230"] .reading-picture-wrap,
  body[data-reading-level="240"] .reading-picture-wrap,
  body[data-reading-level="250"] .reading-picture-wrap {
    min-height: min(16dvh, 142px);
    max-height: 142px;
  }

  body[data-reading-level="220"] .reading-picture,
  body[data-reading-level="230"] .reading-picture,
  body[data-reading-level="240"] .reading-picture,
  body[data-reading-level="250"] .reading-picture {
    max-height: 118px;
  }

  body[data-reading-level="220"] .reading-sentence,
  body[data-reading-level="230"] .reading-sentence,
  body[data-reading-level="240"] .reading-sentence,
  body[data-reading-level="250"] .reading-sentence {
    min-height: 184px;
  }

  body[data-reading-level="220"] .reading-sentence {
    font-size: clamp(1.7rem, 7.4vw, 2.08rem);
  }

  body[data-reading-level="230"] .reading-sentence {
    font-size: clamp(1.62rem, 7vw, 1.98rem);
  }

  body[data-reading-level="240"] .reading-sentence {
    font-size: clamp(1.54rem, 6.6vw, 1.9rem);
  }

  body[data-reading-level="250"] .reading-sentence {
    font-size: clamp(1.46rem, 6.2vw, 1.82rem);
  }
}

@media (max-height: 720px) {
  body[data-reading-level="220"] .reading-picture-wrap,
  body[data-reading-level="230"] .reading-picture-wrap,
  body[data-reading-level="240"] .reading-picture-wrap,
  body[data-reading-level="250"] .reading-picture-wrap {
    min-height: 102px;
    max-height: 118px;
  }

  body[data-reading-level="220"] .reading-picture,
  body[data-reading-level="230"] .reading-picture,
  body[data-reading-level="240"] .reading-picture,
  body[data-reading-level="250"] .reading-picture {
    max-height: 96px;
  }

  body[data-reading-level="220"] .reading-sentence,
  body[data-reading-level="230"] .reading-sentence,
  body[data-reading-level="240"] .reading-sentence,
  body[data-reading-level="250"] .reading-sentence {
    min-height: 146px;
    gap: 2px;
    padding-block: 5px;
  }

  body[data-reading-level="220"] .reading-sentence {
    font-size: 1.52rem;
  }

  body[data-reading-level="230"] .reading-sentence {
    font-size: 1.46rem;
  }

  body[data-reading-level="240"] .reading-sentence {
    font-size: 1.4rem;
  }

  body[data-reading-level="250"] .reading-sentence {
    font-size: 1.34rem;
  }

  body[data-reading-level="220"] .sentence-word,
  body[data-reading-level="230"] .sentence-word,
  body[data-reading-level="240"] .sentence-word,
  body[data-reading-level="250"] .sentence-word {
    min-height: 25px;
  }
}