/* Shittu Adeyemi Moses (Author)
   Esther Oduntan — mobile reading layout, 23 October 2026.
   Clear type hierarchy and natural word spacing at phone and small-tablet widths.
   Desktop presentation is unchanged. */

@media (max-width: 820px) {
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

  /* Justification creates very wide word gaps on narrow screens.
     This covers the biography, research descriptions, timeline, testimonials,
     community panel and shared footer without changing their desktop styling. */
  main :is(p, blockquote, li),
  .esther-oduntan-site-footer :is(p, li) {
    text-align: left !important;
    text-justify: auto !important;
    word-spacing: normal !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: break-word;
  }

  /* Comfortable, consistent reading text across the five pages. */
  main p:not(.esther-oduntan-section-kicker):not(.esther-oduntan-about-section-eyebrow):not(.esther-oduntan-eyebrow):not(.esther-oduntan-footer-eyebrow):not(.esther-oduntan-collaboration-label):not(.eo-classic-smallcap),
  main blockquote,
  .esther-oduntan-site-footer p:not(.esther-oduntan-footer-eyebrow) {
    font-size: clamp(15px, 4.05vw, 16px) !important;
    line-height: 1.68 !important;
    letter-spacing: normal !important;
  }
  main li { line-height: 1.6; }
  main :is(h1, h2, h3) {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: normal;
    white-space: normal !important;
    text-wrap: pretty;
  }

  /* Page titles and section captions are modest and consistent, not billboard-sized. */
  main h1,
  main .esther-oduntan-hero :is(h1, h2) {
    font-size: clamp(27px, 7.35vw, 32px) !important;
    line-height: 1.2 !important;
    letter-spacing: -.028em !important;
  }
  main h2,
  main .esther-oduntan-section-headline h2,
  main .esther-oduntan-scholar-content h2,
  main .esther-oduntan-scholar-intro h2,
  main .esther-oduntan-about-section-header h2,
  main .esther-oduntan-about-page-hero h2,
  main .esther-oduntan-research-heading h2,
  main .eo-cv-section-top h2,
  main .eo-gallery-heading h2,
  main .esther-oduntan-collaboration h2,
  main .esther-oduntan-collaboration-band h2,
  main .eo-classic-section-title {
    font-size: clamp(23px, 6.25vw, 27px) !important;
    line-height: 1.25 !important;
    letter-spacing: -.025em !important;
  }
  main h3,
  main .esther-oduntan-about-interests h3,
  main .esther-oduntan-about-research h3 {
    font-size: clamp(18px, 5vw, 21px) !important;
    line-height: 1.3 !important;
    letter-spacing: -.012em !important;
  }

  /* The Contact page's name is deliberately kept on a single line. */
  main .eo-classic-person-name,
  main .eo-classic-person-name > span {
    white-space: nowrap !important;
    text-wrap: nowrap !important;
  }
  main .eo-classic-person-name {
    font-size: clamp(20px, 6.6vw, 27px) !important;
    line-height: 1.24 !important;
    letter-spacing: -.035em !important;
  }

  /* Uppercase eyebrow text can break cleanly instead of spilling or crowding. */
  main :is(.esther-oduntan-section-kicker, .esther-oduntan-about-section-eyebrow,
    .esther-oduntan-eyebrow, .esther-oduntan-collaboration-label,
    .esther-oduntan-hero-kicker, .eo-classic-smallcap),
  .esther-oduntan-footer-eyebrow {
    font-size: 11px !important;
    line-height: 1.55 !important;
    letter-spacing: .12em !important;
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: break-word;
  }

  /* Keep the lower-page identity prominent but smaller than section titles. */
  .esther-oduntan-site-footer h2 {
    font-size: clamp(22px, 6vw, 27px) !important;
    line-height: 1.3 !important;
    letter-spacing: -.02em !important;
  }
}

@media (max-width: 359px) {
  main h1, main .esther-oduntan-hero :is(h1, h2) { font-size: 26px !important; }
  main h2, main .esther-oduntan-about-section-header h2,
  main .esther-oduntan-collaboration h2 { font-size: 22px !important; }
  main .eo-classic-person-name { font-size: 20px !important; }
}

/* ================================================================
   Shittu Adeyemi Moses (Author)
   Targeted home-page caption corrections — 23 October 2026.
   Keep the biography's intended justified alignment, with tighter,
   two-line section headings that do not dominate narrow screens.
   ================================================================ */
@media (max-width: 820px) {
  /* Restore the researcher's biography layout without changing other copy. */
  main .esther-oduntan-scholar-polished .esther-oduntan-scholar-content > p {
    text-align: justify !important;
    text-justify: inter-word !important;
    word-spacing: normal !important;
    hyphens: none !important;
  }

  /* Two balanced lines, including on smaller Android phones. */
  main .esther-oduntan-scholar-polished .esther-oduntan-scholar-intro h2 {
    font-size: clamp(23px, 6.55vw, 28px) !important;
    line-height: 1.23 !important;
    letter-spacing: -.035em !important;
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
    max-width: 100%;
    margin-bottom: 16px;
  }
  main .esther-oduntan-scholar-polished .esther-oduntan-scholar-intro h2 span {
    display: block;
  }

  /* The Nexus heading is a compact section title, not a hero heading. */
  main .esther-oduntan-collaboration-premium h2 {
    font-size: clamp(23px, 6.4vw, 28px) !important;
    line-height: 1.25 !important;
    letter-spacing: -.035em !important;
    white-space: normal !important;
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
    max-width: 100%;
  }
}
@media (max-width: 359px) {
  main .esther-oduntan-scholar-polished .esther-oduntan-scholar-intro h2 {
    font-size: 22px !important;
  }
  main .esther-oduntan-collaboration-premium h2 {
    font-size: 22px !important;
  }
}