:root{--deep:#0b4b42;--dark:#173d36;--ink:#21342f;--muted:#63766e;--gold:#be9b54;--line:#dde6de;--paper:#fcfbf7;--surface:#f5f7f2;--white:#fff;--accent:#ecf5ef;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7f3;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.58}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ae863a;outline-offset:3px}a{color:#086655}a:hover{text-decoration-thickness:2px}[hidden]{display:none!important}.skip-link{position:absolute;left:-999px;top:10px;padding:10px;background:white;z-index:100}.skip-link:focus{left:10px}
.site-header{position:sticky;top:0;z-index:20;background:#fffcf8ef;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{max-width:1030px;margin:auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{border:0;background:none;display:flex;gap:10px;align-items:center;text-align:left;padding:0;color:var(--deep)}.brand img{border-radius:14px;box-shadow:0 3px 9px #12372c21}.brand strong{display:block;font-size:1.04rem;line-height:1.3}.brand small{display:block;color:var(--muted);font-size:.73rem}.header-tools{display:flex;gap:10px;align-items:center}.connection-status{font-size:.75rem;color:#7e6340}.install-btn{background:var(--deep);border:0;color:white;border-radius:999px;padding:9px 14px;font-size:.85rem;font-weight:650}
.page-wrap{max-width:1010px;margin:auto;padding:32px 24px 100px}.hero{display:flex;position:relative;overflow:hidden;background:linear-gradient(130deg,#0b4b42,#155e52 60%,#226658);color:white;border-radius:26px;padding:clamp(24px,5vw,49px);min-height:250px;align-items:center}.hero-text{position:relative;z-index:1;max-width:675px}.eyebrow{color:var(--gold);font-size:.9rem;font-weight:650;letter-spacing:.06em}.hero .eyebrow{color:#e5c98d;font-weight:400;font-size:1.3rem;letter-spacing:0}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.13;letter-spacing:-.02em;font-size:clamp(2.05rem,5vw,3.65rem);margin:8px 0 10px}.hero h1 span{color:#e8d0a3}.hero-urdu{font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic","Geeza Pro",serif;font-size:1.27rem;line-height:2.2;margin:0}.lead{font-size:1rem;color:#586c62}.hero .lead{color:#d8e9e0;margin:3px 0 0}.hero-decoration{position:absolute;right:40px;bottom:-77px;font-size:270px;opacity:.075;font-family:serif;pointer-events:none}
.search-wrap{margin:28px 0 18px}.search-label{font-weight:700;font-size:.93rem;display:block;margin-bottom:8px}.search-field{display:flex;align-items:center;gap:12px;border:1px solid #c9d8ce;border-radius:15px;background:white;padding:1px 16px;box-shadow:0 4px 15px #203d2a09}.search-field svg{color:#7c9487;flex:none}.search-field input{border:0;outline:0;padding:14px 0;font-size:1rem;flex:1;min-width:0;color:var(--ink)}.search-field input:focus-visible{outline:0}.search-field:focus-within{border-color:#598b77;box-shadow:0 0 0 3px #a5cbb44d}.search-field button{border:none;background:none;font-size:24px;color:#577369}.search-help{font-size:.79rem;color:var(--muted);margin:7px 3px}.filter-row{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding:4px 0 12px}.filter-row::-webkit-scrollbar{display:none}.chip{white-space:nowrap;padding:8px 15px;background:#fff;border:1px solid #d3e0d7;border-radius:99px;font-weight:600;font-size:.85rem;color:#4b665a}.chip.active{background:var(--deep);border-color:var(--deep);color:white}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.section-heading h2{font-size:1.15rem;margin:0;color:var(--dark)}.section-heading span{font-size:.85rem;color:var(--muted)}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.entry-card{background:var(--white);border:1px solid #e0e7de;border-radius:17px;padding:19px;display:flex;flex-direction:column;min-height:205px;box-shadow:0 3px 16px #193a2108;transition:transform .15s,border-color .15s}.entry-card:hover{transform:translateY(-2px);border-color:#92b5a4}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#698477;font-size:.76rem;font-weight:650;letter-spacing:.01em}.bookmark-btn{width:39px;height:39px;border-radius:50%;border:1px solid #d8e4db;background:#f8faf8;color:var(--deep);display:grid;place-items:center;flex:none}.bookmark-btn:hover{background:#ecf5ed}.bookmark-btn.saved{background:#f8edd4;border-color:#ead3a7;color:#735620}.bookmark-btn svg{width:21px;height:21px}.card-title{border:0;text-align:left;padding:0;background:none;color:#174c41;font-family:Georgia,"Times New Roman",serif;font-size:1.27rem;font-weight:600;line-height:1.28;margin:10px 0 8px}.card-subtitle{font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif;direction:rtl;text-align:right;font-size:1rem;color:#42675c;line-height:1.9;margin:0}.card-preview{font-size:.9rem;color:#65756e;line-height:1.53;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-link{margin-top:auto;color:#0a6959;font-size:.84rem;font-weight:650;padding-top:14px}.empty-state{background:#fff;border:1px dashed #d6e0d8;border-radius:18px;text-align:center;padding:35px}.empty-state button{border:0;background:var(--deep);color:white;border-radius:12px;padding:10px 17px}
.back-btn{border:0;background:transparent;color:#286d59;padding:10px 0;font-weight:650;margin-bottom:12px}.reading-view{max-width:800px;margin:auto}.reading-topline{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;color:var(--muted);margin:3px 0 13px}.pill{background:#e5f0e9;color:#286451;border-radius:20px;padding:5px 10px;font-weight:650}.reading-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.reading-heading h1{font-family:Georgia,serif;color:var(--deep);font-size:clamp(1.75rem,4vw,2.65rem);line-height:1.18;margin:5px 0}.detail-subtitle{font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif;font-size:1.2rem;color:#687c6f;line-height:2}.reading-heading .bookmark-btn{margin-top:8px}.reading-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 25px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.font-control{display:flex;align-items:center;gap:5px;margin-right:auto}.font-control span{font-size:.8rem;color:#65786b;margin-right:5px}.font-control button,.utility-btn{border:1px solid #d3e2d8;background:white;border-radius:10px;color:#245c4e;padding:7px 12px;font-size:.86rem}.font-control button.selected{color:white;background:var(--deep)}
.reading-content{background:var(--white);border:1px solid #e5e9e1;border-radius:20px;padding:clamp(17px,4vw,34px);box-shadow:0 8px 22px #233f270a}.reading-content .arabic{font-family:"Noto Naskh Arabic","Amiri","Geeza Pro","Traditional Arabic",serif;text-align:right;direction:rtl;color:#20352e;font-size:clamp(1.7rem,5.2vw,2.15rem);line-height:2.15;margin:14px 0 8px;overflow-wrap:anywhere}.size-small .reading-content .arabic{font-size:1.5rem}.size-large .reading-content .arabic{font-size:clamp(2.1rem,6vw,2.6rem)}.reading-content .urdu{font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic","Urdu Typesetting","Geeza Pro",serif;text-align:right;direction:rtl;font-size:1.21rem;line-height:2.25;margin:8px 0 12px;color:#344c43}.reading-content .english{font-size:1.03rem;line-height:1.65;margin:10px 0;color:#2e413a}.reading-content .item{padding:15px 0 22px;border-bottom:1px solid var(--line)}.reading-content .item:last-child{border:0}.reading-content .meta,.reading-content .k{font-size:.84rem;color:#597e6f;font-weight:600;margin:0 0 9px}.reading-content .variant{padding:17px 15px;border-left:3px solid #4c8a70;background:#f5f8f4;border-radius:0 12px 12px 0;margin:16px 0}.reading-content .variant-label{font-weight:700;color:#1f5a4b;margin-bottom:9px}.reading-content .variant-note,.reading-content .small,.reading-content .count-note{font-size:.87rem;color:#62786c;line-height:1.65}.reading-content .sourcecard,.reading-content .source{border-top:1px solid #dbe8dd;margin-top:22px;padding-top:14px;font-size:.93rem}.reading-content .sourcecard .k{margin:12px 0 3px}.reading-content .sourcecard .k:first-child{margin-top:0}.reading-content .repetition{background:#f5efdf;border-radius:10px;padding:10px 13px;margin:10px 0;color:#605037;font-size:.9rem}.reading-content .repetition b{color:#765d24}.reading-content h3{color:#164c40;font-size:1.23rem}.reading-content a{overflow-wrap:anywhere}.reading-content .flag{border-left:3px solid var(--gold);background:#faf7ee;padding:15px}.reading-footer{margin:18px 0;color:var(--muted);font-size:.87rem}.next-prev{display:flex;justify-content:space-between;gap:10px;margin:20px 0}.next-prev button{background:white;color:var(--deep);border:1px solid #c9d9ce;padding:12px 17px;border-radius:12px;font-weight:650}.next-prev button:disabled{opacity:.35;cursor:default}
.page-heading{border-bottom:1px solid var(--line);margin-bottom:22px}.page-heading h1{font-family:Georgia,serif;font-size:2.4rem;color:var(--deep);margin:8px 0}.about-content{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(20px,4vw,35px);line-height:1.72}.about-content h2,.about-content h3{color:var(--dark)}.about-content .source-table{border-collapse:collapse;width:100%;font-size:.84rem;display:block;overflow-x:auto}.about-content td,.about-content th{border-bottom:1px solid #dbe5dd;text-align:left;padding:10px 8px;vertical-align:top;min-width:115px}.about-content .urdu{font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif;line-height:2}.download-panel,.privacy-panel{background:#eff5ef;padding:22px;border-radius:15px;margin:20px 0}.download-panel h2,.privacy-panel h2{color:var(--deep);margin:0 0 8px}.download-panel a{display:inline-block;background:var(--deep);color:#fff;padding:9px 14px;border-radius:9px;text-decoration:none}.toast{position:fixed;bottom:92px;left:50%;transform:translateX(-50%);background:#163b33;color:#fff;border-radius:12px;padding:10px 19px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:70;white-space:nowrap;max-width:94vw;overflow:hidden;text-overflow:ellipsis}.toast.visible{opacity:1}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #d7e1d8;display:flex;justify-content:center;z-index:22;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -2px 13px #2a3d2b13}.bottom-nav button{border:0;background:none;min-width:120px;padding:11px 22px 10px;display:flex;align-items:center;flex-direction:column;gap:0;font-size:.78rem;font-weight:650;color:#7c8c80}.bottom-nav button[aria-current=page]{color:#075c4e}.nav-symbol{font-size:1.4rem;height:25px;line-height:1}#savedCount:not(:empty){font-size:.7rem;color:#8d6831}
@media(max-width:650px){.header-inner{padding:8px 14px}.brand strong{font-size:.99rem}.brand small{font-size:.65rem}.brand img{width:43px;height:43px}.install-btn{padding:8px 10px;font-size:.76rem}.page-wrap{padding:14px 13px 100px}.hero{border-radius:19px;padding:24px 21px;min-height:226px}.hero h1{font-size:2.25rem}.hero .lead{font-size:.87rem}.entry-grid{grid-template-columns:1fr;gap:10px}.entry-card{min-height:0;padding:16px 17px}.card-title{font-size:1.22rem}.search-wrap{margin:22px 1px 15px}.reading-content{padding:19px 17px;border-radius:16px}.reading-content .urdu{font-size:1.16rem}.reading-view{padding-top:4px}.reading-tools{gap:7px}.reading-tools .utility-btn{font-size:.79rem;padding:7px 10px}.font-control span{font-size:.75rem}.font-control button{padding:7px 8px}.bottom-nav button{flex:1;min-width:0}.about-content{padding:18px 16px}.hero-decoration{font-size:200px;right:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Continuous collection numbering: original booklet labels remain visible separately. */
.entry-group-heading{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 4px 5px;border-bottom:1px solid var(--line);margin-top:12px}
.entry-group-heading h3{font-size:1.06rem;color:var(--deep);font-weight:700;margin:0}
.entry-group-heading span{font-size:.78rem;color:var(--muted);white-space:nowrap}
.card-title{display:flex;align-items:flex-start;gap:12px}
.card-order{flex:0 0 auto;display:inline-grid;place-items:center;min-width:38px;height:35px;padding:0 6px;background:#eaf2eb;border:1px solid #dce9df;border-radius:11px;color:#155748;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:750;font-size:1.03rem;font-variant-numeric:tabular-nums}
.card-meta>span{min-width:0;line-height:1.4}
.reading-labels{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.detail-order{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:650}
@media(max-width:650px){.entry-group-heading{margin-top:8px;padding-top:10px}.reading-topline{flex-wrap:wrap;gap:10px}.card-order{min-width:35px;height:32px}}


/* v3 · guidance sequences */
.guidance-launcher{margin:20px 0 12px;padding:17px 18px;background:#eef5ee;border:1px solid #cddfce;border-left:4px solid var(--deep);border-radius:12px}
.guidance-launcher .launcher-eyebrow{margin:0 0 8px;font-size:.76rem;letter-spacing:.045em;text-transform:uppercase;color:#526e5c;font-weight:700}
.guidance-launcher p{font-size:.91rem;line-height:1.65;margin:10px 0 0}
.guide-primary-link,.sequence-start{display:inline-flex;align-items:center;gap:10px;background:var(--deep);color:white!important;text-decoration:none;padding:11px 16px;border-radius:12px;font-size:.94rem;font-weight:700;line-height:1.45;min-height:46px}
.guide-primary-link:hover,.sequence-start:hover{background:#156556}
.guide-related-paths{margin:18px 0;padding:13px 0;border-top:1px solid var(--line)}
.guide-related-paths>p{margin:0 0 10px}
.guide-secondary-link{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 13px;margin:7px 0;text-decoration:none;font-size:.91rem;font-weight:600}
.guide-scope-note{font-size:.89rem;color:#4b645d;border-top:1px solid var(--line);padding-top:13px}
.guide-urdu-heading{font-family:serif;font-size:1.2rem;line-height:2.1;font-weight:500;color:var(--deep);margin:6px 0 2px}
.sequence-view>.page-heading{padding-top:7px}
.sequence-view .page-heading h1{font-size:clamp(1.7rem,4.4vw,2.35rem);line-height:1.23}
.sequence-view .lead{font-size:.98rem;line-height:1.75}
.sequence-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:18px 0 26px}
.sequence-count{color:var(--muted);font-size:.88rem}
.sequence-group{margin:16px 0 25px}
.sequence-group h2{font-size:1.13rem;color:var(--dark);padding-bottom:9px;border-bottom:1px solid var(--line)}
.sequence-list{padding:0;margin:0;list-style:none;display:grid;gap:9px}
.sequence-list li a{display:flex;align-items:center;gap:14px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink)}
.sequence-list li a:hover{border-color:#8aafa1;background:#fbfdfb}
.sequence-step-number{flex:0 0 40px;display:grid;place-items:center;background:#e7f0ea;color:var(--deep);font-weight:750;height:40px;border-radius:12px;font-variant-numeric:tabular-nums}
.sequence-step-title{display:flex;min-width:0;flex-direction:column;gap:3px}
.sequence-step-title strong{font-size:.95rem;line-height:1.4}
.sequence-step-title small{color:var(--muted);font-size:.77rem}
.sequence-caution{font-size:.88rem;color:#57675d;line-height:1.6;margin:23px 0;padding:15px;border-left:3px solid #bf9d58;background:#faf7ee}
.sequence-context{padding:13px 17px;background:#eff6ef;border:1px solid #d5e6d9;border-radius:13px;margin:14px 0 24px}
.sequence-context a{font-size:.89rem;font-weight:700}
.sequence-context p{margin:5px 0 0;color:#5d7267;font-size:.78rem}
@media(max-width:540px){.sequence-actions{flex-direction:column;align-items:stretch}.sequence-start{justify-content:center}.sequence-count{text-align:center}.guidance-launcher{padding:14px}.guide-primary-link{width:100%;justify-content:center;text-align:center}.sequence-step-number{flex-basis:35px;height:35px}.sequence-list li a{padding:11px}}