/* QF3 1014 (qa-fixer): JesusTok / AngelTok header fits on 360-430 px phones (it was ~30 px too wide at 375: last tab / Search cut off) */
@media (max-width: 430px) {
  body.jt .top { gap: 6px; padding-left: 10px; padding-right: 10px; }
  body.jt .tabs { margin-left: 0; min-width: 0; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  body.jt .tabs::-webkit-scrollbar { display: none; }
  body.jt .tabs a { padding: 0 8px; font-size: 13px; }
  body.jt .brand { min-width: 0; flex-shrink: 1; }
  body.jt .brand .word { font-size: 20px; }
  body.at .topbar { gap: 6px; padding-left: 10px; padding-right: 10px; }
  body.at .top-act { gap: 4px; min-width: 0; }
  body.at .brand { min-width: 0; flex-shrink: 1; }
  body.at .brand.sm .word { font-size: 18px; }
}

/* QF5 1015 T-1010: Bible book tiles keep the same columns and widths as before, and a short last row is centred
   (13 books in 6 columns left one lone tile). Column count = the reader's auto-fill minmax(150px,1fr), gap 8px, min 2. */
ul.tbBooks{display:flex;flex-wrap:wrap;justify-content:center;container-type:inline-size}
ul.tbBooks>li{--bk:2;flex:0 0 calc((100% - (var(--bk) - 1) * 8px) / var(--bk));min-width:0}
@container (min-width:466px){ul.tbBooks>li{--bk:3}}
@container (min-width:624px){ul.tbBooks>li{--bk:4}}
@container (min-width:782px){ul.tbBooks>li{--bk:5}}
@container (min-width:940px){ul.tbBooks>li{--bk:6}}
@container (min-width:1098px){ul.tbBooks>li{--bk:7}}
@container (min-width:1256px){ul.tbBooks>li{--bk:8}}