/* Quran chapter: original My Life Journal styling, scoped to qj-app */
.qj-app{--qj-plum:#572b3e;--qj-ink:#493540;--qj-line:#e8d8d6;--qj-cream:#fffcf8;color:var(--qj-ink);font-family:inherit;max-width:100%}
.qj-app *{box-sizing:border-box}.qj-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--qj-line);padding-bottom:18px;margin-bottom:18px}.qj-head h2{font-family:Georgia,serif;font-size:clamp(25px,3vw,38px);color:var(--qj-plum);margin:6px 0}.qj-head p{margin:3px 0;color:#8a6976}.qj-overline{font-size:11px;letter-spacing:.18em;font-weight:750;color:#a66d86}.qj-count{border:1px solid #e3cad6;background:#fff7f7;border-radius:18px;padding:13px 20px;min-width:118px;text-align:center}.qj-count strong{display:block;font-size:29px;color:var(--qj-plum)}.qj-count small{font-size:13px;color:#997687}.qj-count span{font-size:11px;color:#8c6978}.qj-tabs{display:flex;gap:8px;overflow-x:auto;padding:3px 0 14px}.qj-tab{border:1px solid #e4ccd4;border-radius:999px;white-space:nowrap;padding:10px 16px;background:#fffaf8;color:#765365;font-weight:700;cursor:pointer}.qj-tab.active{background:#5b253e;color:#fff;border-color:#5b253e}.qj-controls{background:linear-gradient(145deg,#fff9f8,#fffdfb);border:1px solid var(--qj-line);border-radius:19px;padding:18px;margin-bottom:18px}.qj-label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:13px;color:#6f4657;margin-bottom:10px}.qj-label select,.qj-label input,.qj-label textarea,.qj-track-actions select,.qj-track-actions input{border:1px solid #e3d1cc;border-radius:11px;background:#fff;color:var(--qj-ink);padding:12px;font:inherit;width:100%;min-width:0}.qj-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qj-toggle-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:#634653}.qj-toggle-row label{display:flex;gap:7px;align-items:center}.qj-surah-title{display:flex;align-items:center;justify-content:space-between;border-radius:19px;padding:18px 22px;background:linear-gradient(115deg,#60253f,#94556b);color:#fff;gap:10px;margin-bottom:12px}.qj-surah-title h3{font-family:Georgia,serif;font-size:30px;color:#fff;margin:3px 0}.qj-surah-title p{margin:4px 0;color:#f7e8da;font-size:24px}.qj-surah-title small{opacity:.8}.qj-mark{background:#fff1ec;border:0;color:#652d44;padding:10px;border-radius:12px;font-weight:700;cursor:pointer}.qj-mark.checked{background:#f4deaa}.qj-audio-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid var(--qj-line);background:#fffdfb;border-radius:15px;padding:12px;margin-bottom:16px}.qj-audio-bar button,.qj-primary,.qj-track-actions button,.qj-verse-tools button,.qj-log button,.qj-journals button,.qj-message button{border:1px solid #d7b9c5;border-radius:11px;padding:9px 12px;background:#fff;color:#6e344c;font-weight:700;cursor:pointer}.qj-audio-bar .primary,.qj-primary{background:#5b253e;color:white}.qj-audio-bar span{font-size:12px;color:#826574}.qj-verse-list{display:grid;gap:12px}.qj-verse{padding:19px 20px;border:1px solid #eadcda;border-radius:17px;background:#fffefc}.qj-verse.playing{border-color:#a26982;background:#fff6f7;box-shadow:0 0 0 2px #f8e1e9}.qj-verse-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.qj-verse-tools span{display:inline-flex;justify-content:center;background:#f5e9ed;color:#642b45;min-width:50px;padding:8px;border-radius:9px;font-weight:700}.qj-verse-tools button{padding:7px 10px;font-size:12px}.qj-arabic{font-family:'Noto Naskh Arabic','Traditional Arabic',serif;font-size:clamp(27px,3.5vw,38px);line-height:2.1;text-align:right;padding:18px 0 12px;color:#39252a;overflow-wrap:anywhere}.qj-translation{line-height:1.85;color:#624e52;padding:12px 0;border-top:1px solid #f2e5e3;white-space:pre-wrap}.qj-tafsir{border-top:1px dashed #e8d5d5;padding:13px 0}.qj-tafsir summary{font-weight:700;cursor:pointer;color:#773d54}.qj-tafsir p{line-height:1.9;white-space:pre-wrap}.qj-summary{background:#fff8f7;border:1px solid #e9d7d9;padding:20px;border-radius:18px;margin:8px 0 18px}.qj-summary h3{font-family:Georgia,serif;font-size:26px;color:#643347}.qj-summary p,.qj-muted{color:#8a747e}.qj-progress{height:11px;border-radius:100px;background:#eadde0;overflow:hidden;margin:14px 0}.qj-progress div{height:100%;background:linear-gradient(90deg,#a45e78,#d7ad77);transition:width .3s}.qj-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.qj-check-tile{display:flex;align-items:center;gap:12px;border:1px solid #e9dad8;background:#fffdfb;border-radius:12px;padding:12px;min-width:0;cursor:pointer}.qj-check-tile:has(input:checked){background:#f7edef;border-color:#d9b2c3}.qj-check-tile input{width:19px;height:19px;accent-color:#7b3452}.qj-check-tile span{min-width:0;display:flex;flex-direction:column;gap:3px}.qj-check-tile strong{font-size:12px;overflow-wrap:anywhere}.qj-check-tile small{font-size:13px;color:#91767e}.qj-track-actions{display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:#fffdf9;padding:15px;border:1px solid #e9d8d8;border-radius:16px}.qj-track-actions label{flex:1;min-width:155px;display:grid;gap:5px}.qj-track-actions>label>label{margin:0}.qj-log>div{display:flex;align-items:center;gap:14px;padding:12px 3px;border-bottom:1px solid #efdfdc;flex-wrap:wrap}.qj-log span{flex:1}.qj-note-form{border:1px solid #e8d6d8;border-radius:18px;padding:18px;background:#fffaf8;margin-bottom:18px}.qj-journals{display:grid;gap:12px}.qj-journals article{border:1px solid #ead9db;border-radius:15px;background:#fffefa;padding:17px;overflow-wrap:anywhere}.qj-journals h4{font-family:Georgia,serif;font-size:22px;margin:8px 0;color:#67364b}.qj-journals p{white-space:pre-wrap;line-height:1.7}.qj-journals article>div{display:flex;gap:8px}.qj-source{border-top:1px solid #ecdadb;margin:24px 0 0;padding-top:16px;font-size:12px;color:#8f7983;line-height:1.6}.qj-source a{color:#773b53}.qj-message{border:1px solid #ead5da;border-radius:15px;padding:28px;color:#755667;background:#fffafb;text-align:center}
@media(max-width:650px){.qj-head{align-items:flex-start}.qj-count{min-width:90px;padding:9px}.qj-two,.qj-check-grid{grid-template-columns:1fr}.qj-surah-title{align-items:flex-start;flex-direction:column}.qj-controls{padding:12px}.qj-verse{padding:13px}.qj-arabic{font-size:29px}.qj-head h2{font-size:26px}}

/* V36 — Quran reader mobile recovery / original journal styling.
   The Planner Hub is a CSS grid: its implicit auto min-content track previously
   grew to 518px in a 346px mobile column, clipping the right side of verses. */
.mlj-chapters-app .plh-content:has(.qj-app){
  display:grid;
  grid-template-columns:minmax(0,1fr);
  min-width:0;
  width:100%;
  max-width:100%;
}
.mlj-chapters-app .plh-content:has(.qj-app) > .qj-app,
.qj-app,.qj-app .qj-body,.qj-app .qj-controls,.qj-app .qj-verse-list,
.qj-app .qj-verse,.qj-app .qj-summary,.qj-app .qj-check-grid,
.qj-app .qj-check-tile,.qj-app .qj-note-form,.qj-app .qj-surah-title{
  min-width:0;
  max-width:100%;
  width:100%;
}
.qj-app{overflow-wrap:break-word;overflow-x:clip;}
.qj-app .qj-head>div:first-child{min-width:0}
.qj-app .qj-head h2{line-height:1.16}
.qj-app .qj-count{flex:none;min-width:0}
.qj-app .qj-count strong{font-variant-numeric:tabular-nums}
.qj-app .qj-tabs{max-width:100%}
.qj-app .qj-tab{min-width:0;white-space:normal;line-height:1.25;text-align:center}
.qj-app .qj-two>*{min-width:0}
.qj-app .qj-audio-bar{max-width:100%}
.qj-app .qj-audio-bar button{min-height:42px}
.qj-app .qj-audio-bar #qj-audio-status{min-width:0;flex:1 1 100%;line-height:1.5;overflow-wrap:anywhere}
.qj-app .qj-verse-tools>*{flex-shrink:0}
.qj-app .qj-verse-tools button{min-height:38px}
.qj-app .qj-arabic{display:block;box-sizing:border-box;max-width:100%;min-width:0;
  direction:rtl;unicode-bidi:plaintext;text-align:right;white-space:normal;
  word-break:normal;overflow-wrap:break-word;line-height:2;letter-spacing:0;
  padding:20px 2px 17px;font-size:clamp(26px,3vw,36px);
}
.qj-app .qj-translation,.qj-app .qj-tafsir p,.qj-app .qj-source{
  max-width:100%;min-width:0;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;
}
.qj-app .qj-translation{font-size:15px;line-height:1.85;padding:15px 1px}
.qj-app .qj-tafsir p[dir="rtl"]{direction:rtl;text-align:right;line-height:1.95;font-size:19px}
.qj-app .qj-surah-title>div{min-width:0;max-width:100%}
.qj-app .qj-surah-title h3{overflow-wrap:anywhere}
.qj-app .qj-track-actions label{min-width:0}
.qj-app .qj-track-actions .qj-label{min-width:0}
.qj-app .qj-log>div>*{min-width:0}
.qj-app .qj-load-more{display:block;width:100%;padding:13px 12px;border-radius:12px;border:1px solid #d9b3c3;background:#fff7f7;color:#653049;font-weight:750;cursor:pointer;margin:9px 0 5px}
.qj-app .qj-verse-count{color:#846673;font-size:12px;display:block;margin:6px 0 12px}
.qj-app .qj-search{display:flex;gap:8px;align-items:center;max-width:100%;min-width:0;margin:0 0 14px}
.qj-app .qj-search input{min-width:0;width:100%;border:1px solid #e1c7d0;background:#fffdfa;border-radius:12px;padding:13px;font:inherit;font-size:14px;color:#4b2d3a}
.qj-app .qj-empty-search{color:#846673;display:none;padding:16px 4px;font-size:13px}
.qj-app .qj-search-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}
.qj-app .qj-help{font-size:12px;line-height:1.6;color:#896b75;margin:0 0 12px}
.qj-app .qj-verse-tools span{white-space:nowrap}
@media(max-width:650px){
 .qj-app{font-size:14px}
 .qj-app .qj-head{gap:9px;align-items:flex-start;margin-bottom:14px;padding-bottom:12px}
 .qj-app .qj-overline{font-size:9px;letter-spacing:.07em}
 .qj-app .qj-head h2{font-size:clamp(22px,6vw,27px);margin:4px 0}
 .qj-app .qj-head p{font-size:12px;line-height:1.5}
 .qj-app .qj-count{padding:9px 8px;border-radius:12px;min-width:77px}
 .qj-app .qj-count strong{font-size:22px}
 .qj-app .qj-count small{font-size:11px}
 .qj-app .qj-count span{font-size:10px;display:block}
 .qj-app .qj-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:visible;padding:0 0 14px}
 .qj-app .qj-tab{padding:11px 6px;font-size:12px;border-radius:13px;min-height:43px}
 .qj-app .qj-two{grid-template-columns:minmax(0,1fr);gap:0}
 .qj-app .qj-controls{padding:13px;border-radius:15px}
 .qj-app .qj-surah-title{padding:14px;gap:12px}
 .qj-app .qj-surah-title h3{font-size:26px}
 .qj-app .qj-surah-title p{font-size:23px;line-height:1.6}
 .qj-app .qj-mark{width:100%;min-height:40px}
 .qj-app .qj-audio-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);padding:10px;gap:8px}
 .qj-app .qj-audio-bar button{width:100%;font-size:12px;padding:10px 5px}
 .qj-app .qj-audio-bar #qj-audio-status{grid-column:1/-1;font-size:12px;padding:0 3px}
 .qj-app .qj-verse-list{gap:11px}
 .qj-app .qj-verse{padding:14px 13px;border-radius:15px}
 .qj-app .qj-verse-tools{gap:6px}
 .qj-app .qj-verse-tools span{min-width:43px;font-size:12px;padding:9px 7px}
 .qj-app .qj-verse-tools button{flex:1 1 auto;font-size:12px;padding:8px 5px}
 .qj-app .qj-arabic{font-size:clamp(25px,6.7vw,31px);line-height:2.05;padding:20px 0 14px}
 .qj-app .qj-translation{font-size:14px;line-height:1.8}
 .qj-app .qj-check-grid{grid-template-columns:minmax(0,1fr)}
 .qj-app .qj-check-tile{padding:13px 12px;min-height:58px}
 .qj-app .qj-summary{padding:16px}
 .qj-app .qj-summary h3{font-size:24px;margin:0 0 9px}
 .qj-app .qj-track-actions{display:grid;grid-template-columns:minmax(0,1fr);padding:13px}
 .qj-app .qj-track-actions>label{min-width:0}
 .qj-app .qj-note-form{padding:13px}
 .qj-app .qj-journals article{padding:13px}
 .qj-app .qj-journals article>div{flex-wrap:wrap}
}
.qj-app .qj-check-tile[hidden]{display:none!important}

/* Heart & Soul chapter: expose all five page links on narrow screens
   rather than cutting a label to "Glo…" in the horizontal rail. */
@media(max-width:650px){
  .mlj-chapters-app[data-chapter="3"] .mlj-pages-rail{display:block;padding:8px 10px 9px}
  .mlj-chapters-app[data-chapter="3"] .mlj-pages{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible;padding:0}
  .mlj-chapters-app[data-chapter="3"] .mlj-page-pill{white-space:normal;font-size:10px!important;line-height:1.3;min-height:39px;padding:7px 5px!important;text-align:center}
  .mlj-chapters-app[data-chapter="3"] .mlj-page-pill span{margin-right:3px;font-size:9px}
}