/* Language-aware word breaks and readable type on narrow screens. */
@media (max-width: 600px) {
  main :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,figcaption) {
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: normal;
  }
  main :is(h1,h2,h3,h4,h5,h6) { text-wrap: balance; }
  main h1 { font-size: clamp(2rem, 1.4rem + 3vw, 2.65rem) !important; line-height: 1.16 !important; }
  main h2 { font-size: clamp(1.65rem, 1.25rem + 2vw, 2rem) !important; line-height: 1.25 !important; }
  main h3 { font-size: clamp(1.25rem, 1.05rem + 1vw, 1.5rem) !important; line-height: 1.35 !important; }
  main :is(p,li) { font-size: 1rem; }
  main :is(.wp-block-column,.gt-hero>div,.gt-app-hero>div,.gt-card-top>* , .gt-contact>div) { min-width: 0; }
  main :is(a,code) { overflow-wrap: anywhere; }
  main :is(code,pre) { -webkit-hyphens: none; hyphens: none; }
  main pre { max-width: 100%; overflow-x: auto; }
  main :is(.wp-block-table,.gt-study-table) { max-width: 100%; overflow-x: auto; }
  .gt-button, .wp-block-button__link { max-width: 100%; white-space: normal; text-align: center; }
  .gt-card-top img { flex-shrink: 0; }
  .gt-card-top { gap: 16px; }
  .gt-home .gt-intro { font-size: 1rem; }
  /* On phones each portrait gets its own row, leaving room for the name. */
  main[data-gt-page="about"] .wp-block-column > .wp-block-image.alignleft {
    float: none;
    margin: 0 0 20px;
  }
  main[data-gt-page="about"] .gt-member-name {
    font-size: clamp(1.5rem, 1.15rem + 2vw, 1.9rem) !important;
    line-height: 1.25 !important;
    -webkit-hyphens: none;
    hyphens: none;
    text-wrap: wrap;
  }
  :is(header,footer) .wp-block-site-title {
    font-size: clamp(1.3rem, 1rem + 2vw, 1.8rem) !important;
    overflow-wrap: anywhere;
  }
  footer :is(p,a) { overflow-wrap: anywhere; }
}