/* BibleQuest narrow-phone readability correction.
   Loaded after the production mobile sheet so later releases cannot regress into
   tiny 6-10 px support text or a five-column nav when the app has four tabs. */

@media (max-width: 649px) {
  .bottom {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .navbtn {
    min-height: 54px !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
  }
  .navbtn b {
    font-size: 20px !important;
  }

  .today-journey-top p { font-size: 12px !important; line-height: 1.45 !important; }
  .today-journey-top small { font-size: 10px !important; }
  .journey-streak small { font-size: 9px !important; }
  .engagement-focus-chip b { font-size: 12px !important; }
  .engagement-focus-chip em,
  .engagement-focus-chip small { font-size: 10px !important; line-height: 1.35 !important; }
  .bq-engagement-home .journey-primary { font-size: 14px !important; min-height: 46px !important; }
  .today-journey-actions .journey-secondary { font-size: 11px !important; min-height: 40px !important; }

  .journey-card-head b { font-size: 13px !important; }
  .journey-card-head button { font-size: 11px !important; min-height: 40px !important; }
  .journey-node b { font-size: 10px !important; line-height: 1.2 !important; }
  .journey-node small { font-size: 9px !important; line-height: 1.2 !important; }
  .journey-path-card > p { font-size: 10px !important; line-height: 1.4 !important; }

  .journey-season b,
  .journey-season-empty b { font-size: 13px !important; }
  .journey-season small,
  .journey-season-empty small { font-size: 10px !important; line-height: 1.35 !important; }
  .journey-mini-row button { font-size: 11px !important; min-height: 44px !important; }

  .modern-label small { font-size: 11px !important; }
  .modern-hub small { font-size: 11px !important; line-height: 1.35 !important; }
  .modern-footer-row { font-size: 10px !important; }
  .modern-footer-row button { font-size: 11px !important; min-height: 40px !important; }

  .modern-sheet-list b { font-size: 13px !important; }
  .modern-sheet-list small { font-size: 11px !important; line-height: 1.35 !important; }
}

@media (max-width: 360px) {
  .navbtn { font-size: 10px !important; }
  .journey-node { flex-basis: 66px !important; }
  .journey-node b { font-size: 9px !important; }
  .modern-hub small { font-size: 10px !important; }
}