*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f5ee;color:#142d26;font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}.app{max-width:1000px;margin:auto;padding:0 18px}.head{display:flex;align-items:center;justify-content:space-between;min-height:74px;border-bottom:1px solid #e7e4da}.brand{color:#124d3b;font-weight:800;text-decoration:none}.head-pill{background:#e6efe7;color:#15503d;padding:6px 12px;border-radius:20px}.intro{text-align:center;padding:28px 0 15px}.intro h1{font-size:clamp(30px,5vw,46px);margin:3px 0}.intro p{max-width:570px;margin:0 auto;color:#65736d}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:#708477}.card{border:1px solid #e0e8df;border-radius:22px;padding:23px;background:white}.resume{background:linear-gradient(120deg,#124d3b,#087354);color:white;display:flex;justify-content:space-between;gap:18px;align-items:center;margin:20px 0}.resume .eyebrow{color:#bfe0cc}.resume h2{margin:6px 0 0}.resume p{margin:4px 0}.button{border:0;border-radius:14px;padding:14px 20px;background:#135740;color:white;font:inherit;font-weight:750;cursor:pointer}.button.light{background:white;color:#124d3b;white-space:nowrap}.tabs{display:flex;gap:8px;margin:24px 0 16px}.tabs button{flex:1;border:1px solid #dce5dc;border-radius:13px;padding:12px;background:white;color:#315245;font-weight:700;cursor:pointer}.tabs button.active{background:#14523e;color:white}.search{display:block;font-size:13px;font-weight:700;margin-bottom:18px}.search input{display:block;width:100%;margin-top:6px;border:1px solid #dbe3d9;border-radius:13px;padding:14px;font:inherit;background:white}.surah-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.surah-card{border:1px solid #e4e7df;border-radius:17px;padding:16px;background:#fff;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer;color:inherit;font:inherit}.surah-card:hover,.surah-card:focus-visible{border-color:#188464;background:#f1faf4}.surah-num{flex:0 0 39px;height:39px;border-radius:12px;background:#e7f3e9;color:#15583e;display:grid;place-items:center;font-weight:800}.surah-info{min-width:0;flex:1}.surah-info strong,.surah-info small{display:block}.surah-info small{color:#718078}.surah-arabic{font-family:"Traditional Arabic","Noto Naskh Arabic",serif;font-size:24px;white-space:nowrap}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 18px}.subtle{border:0;background:none;color:#145b41;font-weight:800;padding:10px 0;cursor:pointer}.toolbar-actions{display:flex;gap:8px;align-items:center;font-size:13px}.toolbar-actions select{padding:9px;border:1px solid #dce4dc;border-radius:10px;background:white}.chapter-title{text-align:center;padding:25px 12px;background:white;border-radius:22px;border:1px solid #e6e8e0;margin-bottom:14px}.chapter-title h2{font-size:clamp(26px,4vw,38px);margin:4px}.chapter-title p{margin:5px}.reader-progress{height:7px;background:#e8efe9;border-radius:10px;max-width:400px;margin:17px auto 7px;overflow:hidden}.reader-progress div{height:100%;width:0;background:#187858;transition:width .2s}.verses{display:grid;gap:10px}.ayah{background:#fff;border:1px solid #e6e8e0;border-radius:20px;padding:22px;scroll-margin-top:20px}.ayah.current{border-color:#188460;box-shadow:0 0 0 2px #dceee1}.ayah-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.ayah-no{color:#2d6a52;background:#e8f3ea;border-radius:20px;padding:5px 12px;font-weight:700;font-size:13px}.mark{border:1px solid #c5dacb;background:#fff;color:#17553e;border-radius:11px;padding:8px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.mark.active{background:#155740;color:white}.arabic-verse{font-family:"Traditional Arabic","Noto Naskh Arabic",serif;text-align:right;direction:rtl;line-height:2.15;margin:16px 0;font-size:var(--arabic-size,36px)}.translation{color:#43544c;margin:8px 0}.chapter-footer{text-align:center;padding:22px}.footnote{color:#748078;font-size:12px;line-height:1.6;padding:24px 0}footer{text-align:center;border-top:1px solid #e5e8e0;padding:20px;color:#667}footer a{color:#235b46}.muted{color:#718078}.error{padding:18px;background:#fff0ea;border-radius:14px;color:#8b3421}.loading{text-align:center;padding:40px}.hidden{display:none!important}@media(max-width:650px){.app{padding:0 12px}.head{min-height:62px}.intro{padding:19px 0 9px}.resume{padding:19px;flex-direction:column;align-items:stretch;gap:12px}.resume .button{width:100%}.surah-list{grid-template-columns:1fr}.surah-card{padding:13px}.ayah{padding:17px}.reader-toolbar{align-items:flex-start}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.arabic-verse{line-height:2.1}}
/* Quran comfort reading update */
body{background:#f8f6f0}.intro{padding:22px 0 10px}.intro h1{font-weight:800}.resume{margin:14px 0 18px}.reader-toolbar{position:sticky;top:0;z-index:20;background:rgba(248,246,240,.97);backdrop-filter:blur(12px);padding:9px 0;border-bottom:1px solid #e3e7dc;flex-wrap:wrap}.reader-tools{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.tool-button{border:1px solid #d6e0d7;border-radius:12px;background:white;color:#164b3b;font:inherit;font-size:13px;font-weight:750;padding:10px 12px;cursor:pointer;min-height:43px}.tool-button[aria-pressed="true"]{border-color:#b7d7c4;background:#eaf4ed}.chapter-title{padding:18px 12px;margin-top:12px}.reader-hint{font-size:13px;color:#62766c}.ayah{scroll-margin-top:92px;padding:24px 26px;transition:border-color .2s}.arabic-verse{line-height:2.35;margin:18px 0 24px}.translation{font-size:16px;line-height:1.9;border-top:1px solid #edf0e9;padding-top:13px}.ayah-top{align-items:flex-start}.mark{min-height:42px}.hide-translation .translation{display:none}.focus-mode .head,.focus-mode .intro,.focus-mode .resume,.focus-mode .tabs,.focus-mode .footnote,.focus-mode footer,.focus-mode .chapter-footer{display:none}.focus-mode .reader-toolbar{margin-top:0}.focus-mode .app{max-width:820px}.focus-mode .ayah{border-color:transparent;box-shadow:none;border-bottom:1px solid #e6e9e2;border-radius:0}.reader-status{color:#125b42;font-weight:700;font-size:14px;text-align:center}.reader-status:not(:empty){padding:10px;background:#e7f3ea;border-radius:12px;margin-bottom:12px}.reading-dock{position:sticky;bottom:12px;z-index:10;margin:14px auto 0;max-width:550px;border:1px solid #c6dcca;border-radius:18px;box-shadow:0 6px 28px #163c2924;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.reading-dock[hidden]{display:none}.dock-place{display:flex;flex-direction:column;min-width:0}.dock-place span{font-size:10px;letter-spacing:.09em;font-weight:800;color:#6a8073}.dock-place strong{font-size:13px}.dock-action{background:#165640;color:white;border:0;border-radius:12px;padding:12px 14px;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.chapter-footer{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.button.outline{background:white;border:1px solid #c5d7c8;color:#165640}.reader-tools button:focus-visible,.mark:focus-visible,.dock-action:focus-visible{outline:3px solid #d9aa52;outline-offset:2px}@media(max-width:650px){.reader-toolbar{gap:4px}.reader-tools{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.tool-button{padding:9px 3px;font-size:11px}.ayah{padding:19px 16px;scroll-margin-top:130px}.arabic-verse{line-height:2.3}.reader-hint{font-size:12px}.reading-dock{bottom:8px}.dock-action{font-size:12px;padding:12px 9px}.focus-mode .app{padding:0 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ayah{transition:none}}

/* Optional book reading mode: one complete Ayah per page, not printed Mushaf pagination. */
.view-switch{display:flex;gap:3px;background:#e7eee6;border-radius:12px;padding:3px}.view-button{border:0;border-radius:9px;padding:8px 11px;background:transparent;color:#315e4d;font:inherit;font-size:13px;font-weight:750;cursor:pointer;min-height:37px}.view-button.active{background:#fff;box-shadow:0 1px 5px #1d503020;color:#114c39}.book-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#e9efe7;border:1px solid #d7e4d6;border-radius:16px;padding:9px;margin-bottom:8px}.book-nav[hidden],.book-tip[hidden]{display:none}.book-nav button{min-width:52px;min-height:46px;background:#175b43;border:0;color:white;border-radius:12px;font-size:24px;cursor:pointer}.book-nav button:disabled{opacity:.3;cursor:default}.book-nav span{font-size:14px;font-weight:800;text-align:center}.book-tip{text-align:center;font-size:12px;color:#667a6c;margin:4px 0 12px}.book-mode .verses{display:block}.book-mode .ayah{background:#fffdf7;border:1px solid #e5dfcb;box-shadow:0 10px 35px #31452d0d;border-radius:20px;min-height:clamp(300px,55vh,610px);padding:clamp(20px,4vw,48px);display:flex;flex-direction:column;justify-content:center}.book-mode .ayah[hidden]{display:none}.book-mode .arabic-verse{margin:30px 0;line-height:2.5}.book-mode .translation{margin-top:12px}.book-mode .chapter-title{scroll-margin-top:115px}.book-mode .ayah-top{margin-bottom:auto}.book-mode .translation{margin-bottom:auto}.book-mode .reader-toolbar{gap:8px}.book-mode .book-nav{position:relative}.book-mode .reading-dock{bottom:8px}.view-button:focus-visible,.book-nav button:focus-visible{outline:3px solid #d5a750;outline-offset:2px}@media(max-width:650px){.reader-tools{grid-template-columns:repeat(4,minmax(0,1fr))}.view-switch{grid-column:1/-1;justify-content:center}.view-button{flex:1}.book-mode .ayah{min-height:52vh;padding:22px 17px}.book-mode .arabic-verse{line-height:2.35}}

/* v5: Keep navigation visible and respect hidden panels. */
[hidden]{display:none!important}
body:not(.is-reading) .head,body:not(.is-reading) .intro,body:not(.is-reading) .resume,body:not(.is-reading) .tabs,body:not(.is-reading) footer{display:revert}
body.focus-mode:not(.is-reading) .head{display:flex}
body.focus-mode:not(.is-reading) .intro{display:block}
body.focus-mode:not(.is-reading) .resume{display:flex}
body.focus-mode:not(.is-reading) .tabs{display:flex}
body.focus-mode:not(.is-reading) footer{display:block}
#backList{background:#e4efe8;border:1px solid #b7d7c4;border-radius:12px;padding:11px 15px;white-space:nowrap;min-height:44px}
.reader-toolbar{scroll-margin-top:0}
@media(max-width:650px){.reader-toolbar{top:0}.reader-tools{gap:6px}.view-switch{min-width:0}}