/* Reading pages need room for translated headings between phone and desktop widths. */
@media (min-width: 761px) and (max-width: 1000px) {
  .ia-result .ia-result-cover-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .ia-result .ia-result-cover-grid > div:first-child { max-width: 720px; }
  .ia-result .ia-result-art-wrap { padding-top: 32px; margin-top: 12px; border-top: 1px solid var(--note-rule); }
  .ia-result .ia-reading-layout { display: block; }
  .ia-result .ia-reading-layout > .ia-result-nav { position: sticky; top: 0; z-index: 15; width: 100%; background: #fcfbf7; border-bottom: 1px solid var(--note-rule); }
  .ia-result .ia-result-nav > div { display: flex; justify-content: center; flex-wrap: wrap; }
  .ia-result .ia-reading-layout > .ia-result-body { width: calc(100% - 64px); max-width: 720px; margin: 0 auto; padding-top: 42px; }
}

@media (max-width: 1000px) {
  .p38-type-card > span { min-width: 0; flex-wrap: wrap; gap: 5px 9px; }
  .p38-type-card strong { min-width: 0; overflow-wrap: anywhere; }
  .p38-type-card small { flex: none; }
  .ia-result .ia-deeper-next > div,
  .ia-result .ia-deeper-columns > div,
  .ia-result .ia-deeper-art strong { min-width: 0; overflow-wrap: anywhere; }
  .ia-result .ia-card-title { font-size: 22px; line-height: 1.08; top: 59%; }
  .ia-result .ia-card-overline { top: 53%; }
}

@media (min-width: 651px) and (max-width: 900px) {
  .p38-type-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .p38-type-card .p-person { height: 190px; }
}

@media (max-width: 760px) {
  .ia-result .ia-result-art-card { aspect-ratio: 352 / 520; }
  .ia-result .ia-card-title { top: 56%; font-size: clamp(18px, 5vw, 21px); line-height: 1.08; }
  .ia-result .ia-card-overline { top: 50%; }
  .ia-result .ia-card-script { top: 32%; max-height: 57%; font-size: clamp(15px, 4.2vw, 18px); line-height: 1.35; }
  .ia-result .ia-card-axes span { min-width: 0; overflow-wrap: anywhere; white-space: normal; }
}

@media (max-width: 390px) {
  .ia-result .ia-result-art-card { aspect-ratio: 352 / 550; }
  .ia-result .ia-card-title { top: 56%; font-size: 17px; }
  .ia-result .ia-card-overline { top: 50%; }
  .ia-result .ia-card-script { font-size: 15px; }
}

@media (max-width: 360px) {
  .ia-result .ia-result-art-card { aspect-ratio: 352 / 650; }
  .ia-result .ia-card-glyph { height: 29%; }
  .ia-result .ia-card-overline { top: 45%; }
  .ia-result .ia-card-title { top: 50%; }
}

/* Keep translated hero headlines from leaving a single character on the final line. */
.p38-hero h1{text-wrap:balance}

body[data-locale='zh-CN'] .p38-hero h1{max-width:8em;word-break:keep-all;text-wrap:normal}

@media(max-width:680px){body[data-locale='zh-CN'] .p38-hero h1{font-size:clamp(32px,10.5vw,52px);max-width:8em}}