#study-volume-nav{display:grid;grid-template-columns:1fr;gap:12px;width:100%;margin:20px auto 26px;direction:rtl;scroll-margin-top:90px}
.study-volume{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:88px;padding:14px 20px;border:2px solid #d1b47e;border-radius:18px;text-align:center;text-decoration:none!important;color:#172d29!important;box-sizing:border-box;box-shadow:0 4px 12px #183c3510}
.study-volume strong{font-size:clamp(27px,4vw,36px);font-weight:900;line-height:1.5}.study-volume span{font-size:18px;font-weight:700}
.study-volume-1{background:#fff3d5}.study-volume-2{background:#e2f4ee}.study-volume-3{background:#eee8fb}
.volume-buttons,.volume-tabs{grid-template-columns:1fr!important;flex-direction:column!important}.volume-button,.volume-tabs>button{width:100%!important;min-height:90px!important}.volume-button .volTitle,.volume-tabs>button>strong{font-size:30px!important}
#study-auto{position:fixed;bottom:84px;left:50%;transform:translateX(-50%);z-index:150;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;width:min(94vw,780px);padding:10px;border:1px solid #b6cfc4;border-radius:16px;background:#f5fcf9;color:#153b30;box-shadow:0 6px 28px #153b3026;box-sizing:border-box;direction:rtl;font:700 15px system-ui,sans-serif}
#study-auto button,#study-auto select{min-height:42px;border-radius:10px;border:1px solid #a6c3b6;padding:6px 10px;color:#153b30;background:#fff;font:inherit;cursor:pointer}#study-start[aria-pressed=true]{background:#174d3c;color:#fff}#study-auto-status{font-size:13px;width:100%;text-align:center}#study-auto-status:empty{display:none}
.study-panels{clear:both;grid-column:1/-1;text-align:start;margin:18px 0;width:100%}.study-detail{background:#ffffff80;border:1px solid #a7bdb5;border-radius:14px;margin:12px 0;overflow:hidden;color:#152820}.study-detail summary{cursor:pointer;font:bold 21px/1.7 system-ui,sans-serif;padding:15px;direction:rtl;list-style-position:inside}.study-detail summary span{display:inline-block;font-size:17px}.study-detail[open] summary{border-bottom:1px solid #becfc6}.study-content{padding:16px}.study-content p{font-size:22px;line-height:1.95;margin:10px 0;color:inherit;font-weight:500}.study-content [lang=en]{text-align:left;direction:ltr}.study-content [lang=ar]{text-align:right;direction:rtl}.study-content small{display:block;font:14px/1.7 system-ui,sans-serif}.study-sources{border-top:1px solid #bfcfc8;margin-top:14px;padding-top:12px;font:16px/1.8 system-ui,sans-serif}.study-sources a{display:block;color:#165b43}.study-sources p{font:16px/1.8 system-ui,sans-serif}.study-chain{list-style:none;margin:18px 0;padding:0;display:flex;flex-direction:column;align-items:center}.study-chain li{position:relative;border:1px solid #a9bdb3;border-radius:12px;padding:12px;margin:0 0 28px;width:100%;max-width:460px;background:#f7fffa;text-align:center;box-sizing:border-box}.study-chain li:not(:last-child)::after{content:'↓';position:absolute;bottom:-29px;left:calc(50% - 9px);font-size:23px}.study-chain a{display:flex;flex-direction:column;gap:4px;font-size:20px;color:#174d3c}.study-chain p{font-size:17px;text-align:center!important}.study-audio{margin:16px 0}.study-audio audio{display:block;width:100%;margin:12px 0}
body.dark .study-detail,body.dark .study-content{color:#f4faf6;background:#163d31}.study-detail summary:focus-visible,.study-volume:focus-visible,#study-auto button:focus-visible{outline:3px solid #b78121;outline-offset:3px}
@media(max-width:480px){#study-auto{bottom:85px;font-size:13px;gap:5px;padding:8px}#study-auto label{font-size:12px}#study-auto button,#study-auto select{padding:5px 7px}#study-parts{font-size:12px}#study-speed{max-width:160px}.study-content p{font-size:21px}}
@media print{#study-auto,#study-volume-nav{display:none!important}body{padding-bottom:0!important}.study-detail{break-inside:avoid}}

/* Compact optional controls; keep the reading area clear. */
#study-auto{left:auto;right:16px;bottom:90px;transform:none;width:min(370px,calc(100vw - 24px));padding:16px 10px 10px;justify-content:flex-start}
#study-auto[hidden],#study-auto-launcher[hidden]{display:none!important}
#study-auto-launcher{position:fixed;right:14px;bottom:88px;z-index:149;border:1px solid #91b5a4;border-radius:999px;min-height:44px;padding:8px 13px;background:#e7f6ed;color:#163d31;box-shadow:0 3px 15px #183c3526;font:800 14px system-ui,sans-serif;cursor:pointer}
#study-close{position:absolute;top:-12px;left:-9px;border-radius:50%!important;width:32px;min-height:32px!important;padding:0!important;font-size:24px!important;box-shadow:0 2px 8px #183c3526}
#study-volume-nav .study-volume{gap:7px;padding:20px 18px;min-height:160px;color:#111!important}
#study-volume-nav .study-volume-range{font-size:20px;font-weight:800}
#study-volume-nav .study-volume-chapters{font-size:22px;line-height:1.7;font-weight:800}
#study-volume-nav .study-volume-topics{font-size:18px;line-height:1.8;color:#263f34}
#study-volume-nav span[lang=en]{font-size:16px;line-height:1.65}
.study-page-note{font:14px/1.8 system-ui,sans-serif;color:#42594c;text-align:center;margin:4px 12px}
.study-author{border-top:1px solid #b5cbbc;margin-top:18px;padding-top:14px}.study-author h3{font-size:24px;color:inherit}.study-author p{line-height:1.9;font-size:19px}
@media print{#study-auto-launcher{display:none!important}}

/* Centre the introduction and give both languages equal visual weight. */
#section-home .reflection-entry{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:10px}
#section-home .reflection-entry strong,#section-home .reflection-entry [lang=en]{font-size:clamp(26px,3.5vw,38px)!important;line-height:1.7!important;font-weight:800!important}
#section-home .collectionHero{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(24px,5vw,56px);gap:24px}
#section-home .collectionHeroText{width:100%;max-width:920px;margin-inline:auto;text-align:center}
#section-home .collectionHero h1{margin-inline:auto}
#section-home .collectionHero p,#section-home .collectionHero p[lang=en]{font-size:clamp(20px,2.4vw,28px)!important;line-height:1.85!important;font-weight:700!important;max-width:850px;margin-inline:auto}
#section-home .heroBtns,#section-home .collectionStats,#about-book .aboutActions{justify-content:center}
#about-book{text-align:center}#about-book>p,#about-book .lessonInvite{max-width:900px;margin-inline:auto}
#about-book .khatmSteps,#about-book .sourceBookList{display:inline-block;text-align:start;max-width:100%}
#about-book p[lang=en],#about-book p[lang=ar]{font-size:clamp(18px,2vw,22px)!important;line-height:1.95!important}

.dc-khatm-hub{scroll-margin-top:280px;box-sizing:border-box;max-width:1140px;margin:22px auto 32px;padding:clamp(16px,3vw,30px);border:2px solid #a9c7b3;border-radius:26px;background:linear-gradient(145deg,#954562,#7d3451);box-shadow:0 12px 32px #173b3510;color:#153a32;font-family:inherit;clear:both}.dc-khatm-hub *{box-sizing:border-box}.dc-khatm-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}.dc-khatm-head h2{margin:0;font-size:clamp(29px,4vw,39px);font-weight:850;line-height:1.4;color:#153e32}.dc-khatm-head p{margin:8px 0 0;font-size:16px;line-height:1.7;color:#385d4d}.dc-khatm-label{display:inline-block;padding:7px 14px;border:1px solid #b3ccb9;border-radius:999px;background:#fff;color:#355a45;font-size:14px;font-weight:750;white-space:nowrap}.dc-khatm-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}.dc-khatm-card{--tile:#ecf7f0;--edge:#24684d;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:235px;padding:23px;border:1px solid color-mix(in srgb,var(--edge) 42%,white);border-inline-start:5px solid var(--edge);border-radius:20px;background:linear-gradient(135deg,#fff,var(--tile));color:#142e29!important;text-decoration:none!important;box-shadow:0 6px 17px #173b3509;transition:transform .18s,box-shadow .18s}.dc-khatm-card:nth-child(2){--tile:#eaf2ff;--edge:#315d91}.dc-khatm-card:nth-child(3){--tile:#f3ecfb;--edge:#754893}.dc-khatm-card:nth-child(4){--tile:#fff3df;--edge:#886021}.dc-khatm-card:nth-child(5){--tile:#e5f6f5;--edge:#236c6b}.dc-khatm-card:nth-child(6){--tile:#fff0f3;--edge:#91495e}.dc-khatm-card:nth-child(7){--tile:#fff7db;--edge:#82622a}.dc-khatm-card:nth-child(8){--tile:#eef0fc;--edge:#505d99}.dc-khatm-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #173b351b}.dc-khatm-card:focus-visible{outline:3px solid #a67922;outline-offset:4px}.dc-khatm-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--edge)}.dc-khatm-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ffffffd0;border-radius:13px;background:#ffffffc9}.dc-khatm-icon svg{width:26px;height:26px}.dc-khatm-pill{font-size:13px;font-weight:750}.dc-khatm-card h3{font-size:clamp(20px,2.4vw,27px);line-height:1.5;font-weight:850;margin:0;color:#162e29}.dc-khatm-desc{font-size:16px;line-height:1.7;margin:0;color:#365248}.dc-khatm-count{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:auto;font-weight:750;color:var(--edge);font-size:16px}.dc-khatm-count strong{font-size:25px;font-variant-numeric:tabular-nums;line-height:1.25}.dc-khatm-link{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #8ca49845;padding-top:12px;font-size:15px;font-weight:800;color:var(--edge)}@media(max-width:600px){.dc-khatm-hub{margin:18px 12px 26px;padding:14px;border-radius:20px}.dc-khatm-head{display:block}.dc-khatm-label{margin-top:12px}.dc-khatm-head p{font-size:14px}.dc-khatm-grid{gap:10px}.dc-khatm-card{padding:14px 12px;min-height:275px;border-radius:16px;gap:10px}.dc-khatm-card h3{font-size:19px}.dc-khatm-desc{font-size:14px}.dc-khatm-count{font-size:13px}.dc-khatm-count strong{font-size:22px}.dc-khatm-pill{font-size:11px}.dc-khatm-icon{width:32px;height:32px}.dc-khatm-icon svg{width:22px;height:22px}.dc-khatm-link{font-size:13px}}.dc-khatm-hub{max-width:1440px;width:min(1440px,calc(100vw - 32px));margin-inline:calc((100% - min(1440px,100vw - 32px))/2);padding:clamp(20px,3vw,38px);border-color:#d5b67c;box-shadow:0 16px 42px #173b351a}.dc-khatm-head p{font-size:19px;max-width:900px}.dc-khatm-label{white-space:normal;text-align:center;font-size:16px}.dc-khatm-grid{gap:22px}.dc-khatm-card{padding:28px;gap:15px;border-width:2px;border-inline-start-width:7px;box-shadow:0 8px 20px #173b3512}.dc-khatm-card h3{font-size:clamp(25px,2.3vw,32px);line-height:1.45}.dc-khatm-desc{font-size:19px;line-height:1.8;color:#233f35}.dc-khatm-quote{margin:0;padding:10px 14px;border-inline-start:3px solid var(--edge);border-radius:8px;background:#ffffffb8;color:var(--edge);font-size:20px;font-weight:800;line-height:1.6}.dc-khatm-pill{font-size:15px}.dc-khatm-count{font-size:17px;line-height:1.7}.dc-khatm-link{margin-top:6px;padding:13px 18px;border:0;border-radius:12px;background:var(--edge);color:#fff;font-size:18px;line-height:1.5;box-shadow:0 4px 9px #173b3518}.dc-khatm-card:hover .dc-khatm-link{filter:brightness(.9)}@media(max-width:760px){.dc-khatm-hub{width:calc(100% - 16px);margin:18px 8px 26px;padding:18px 14px}.dc-khatm-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px}.dc-khatm-head{display:block}.dc-khatm-head p{font-size:18px}.dc-khatm-label{margin-top:14px}.dc-khatm-card{padding:22px 18px;min-height:0;gap:14px}.dc-khatm-card h3{font-size:26px}.dc-khatm-desc{font-size:18px}.dc-khatm-pill{font-size:15px}.dc-khatm-icon{width:42px;height:42px}.dc-khatm-count{font-size:16px}.dc-khatm-count strong{font-size:26px}.dc-khatm-link{font-size:18px}}.dc-khatm-hub .dc-khatm-head h2{color:#fff1ce}.dc-khatm-hub .dc-khatm-head p{color:#fff8eb}.dc-khatm-hub .dc-khatm-label{background:#762e4a;color:#fff1ce;border-color:#d5b67c}@media(prefers-reduced-motion:reduce){.dc-khatm-card{transition:none}.dc-khatm-card:hover{transform:none}}
#maalim-khatm-journeys .dc-khatm-hub{width:100%;max-width:none;margin:26px 0;direction:inherit}html[lang=ar] #dc-khatm-hub-en,html[lang=en] #dc-khatm-hub-ar{display:none}#maalim-khatm-journeys{width:100%;min-width:0}#maalim-khatm-journeys h2{font-family:inherit}#maalim-khatm-journeys .dc-khatm-card{overflow-wrap:anywhere}