.id-app{--id-ink:#183d33;--id-green:#155d48;--id-gold:#967030;--id-line:#d5e2d9;--id-top:72px;--id-bar:64px;max-width:1160px;margin:auto;color:var(--id-ink);font-family:"Noto Naskh Arabic","Amiri",serif;font-size:20px;line-height:1.85;padding-bottom:2rem}
.id-app *{box-sizing:border-box}.id-app [hidden]{display:none!important}.id-app a{color:var(--id-green);text-decoration:none}.id-app button,.id-app input,.id-app select{font:inherit;max-width:100%;min-height:44px}
.id-app button{cursor:pointer}.id-app button:disabled{opacity:.5;cursor:not-allowed}.id-app :is(a,button,input,select,summary):focus-visible{outline:3px solid #b58331;outline-offset:3px}
.id-app button,.id-book-actions a,.id-pagination a{border:1px solid var(--id-line);border-radius:12px;padding:.45rem .9rem;background:#fff;color:var(--id-green);font-weight:700}
.id-app h1,.id-app h2,.id-app h3{line-height:1.5}.id-app h2{font-size:1.65em}.id-app h3{font-size:1.2em}.id-app p{margin:.5rem 0 1rem}
.id-hero{padding:clamp(1.5rem,4vw,3rem);border-radius:26px;background:linear-gradient(135deg,#104e3d,#237059);color:#fff;border-bottom:5px solid #c4a667}
.id-hero h1{font-size:clamp(2.8rem,5vw,4.6rem);margin:.5rem 0}.id-hero>p:not(.id-eyebrow){font-size:1.35em}.id-eyebrow{font-size:.8em;font-weight:700;color:var(--id-gold)}.id-hero .id-eyebrow{color:#eddaaf}
.id-tags,.id-book-actions,.id-tabs,.id-pagination{display:flex;flex-wrap:wrap;gap:.6rem}.id-tags span{border:1px solid #a7c6b6;border-radius:999px;padding:.15rem .75rem;font-size:.8em}.id-hero .id-tags span{border-color:#74a591}
.id-book-actions{margin:1rem 0}.id-tabs{border-bottom:1px solid var(--id-line);padding-bottom:.65rem;margin-bottom:1rem}.id-tabs a{border-radius:10px;padding:.4rem .85rem}.id-tabs [aria-current]{background:var(--id-green);color:#fff}
.id-notice{background:#f9f2e3;border-right:4px solid #bea263;border-radius:12px;padding:1rem 1.2rem;font-size:.9em}
.id-muted{color:#617268;font-size:.78em}.id-toolbar{position:sticky;top:var(--id-top);z-index:20;display:flex;gap:.5rem;padding:.6rem;background:#fbfdfaf5;border:1px solid var(--id-line);border-radius:14px;margin:1rem 0;box-shadow:0 5px 18px #193e2b0c;backdrop-filter:blur(12px)}
.id-toolbar a,.id-toolbar button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:.4rem .85rem;border:1px solid var(--id-line);border-radius:10px;background:#fff;font-size:.85em}
.id-toolbar button{background:var(--id-green);color:#fff}.id-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.2rem;align-items:start}
.id-sidebar{position:sticky;top:calc(var(--id-top) + var(--id-bar) + 12px);max-height:min(650px,calc(100dvh - var(--id-top) - var(--id-bar) - 24px));display:flex;flex-direction:column;overflow:auto;border:1px solid var(--id-line);background:#fff;border-radius:18px;padding:1rem}
.id-nav-heading{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.id-nav-heading h2{font-size:1.1em;margin:0}.id-nav-heading button{min-width:44px}.id-search-label{display:block;font-size:.85em;margin:.7rem 0}.id-search-label input{width:100%;min-width:0;padding:.5rem .75rem;border:1px solid #bbd0c2;border-radius:10px;background:#fff}
.id-list{min-height:80px;overflow:auto}.id-list a{display:flex;gap:.6rem;padding:.7rem;border-radius:10px;line-height:1.5;font-size:.9em;border-bottom:1px solid #edf2ee}.id-list a>span{flex:1}.id-list small{display:block;font-size:.7em;color:#657a6d;margin-top:.3rem}.id-list [aria-current]{background:#e3f0e7;box-shadow:inset -3px 0 var(--id-green)}
.id-lesson,.id-prose{min-width:0;padding:clamp(1rem,2.8vw,2rem);border:1px solid var(--id-line);border-radius:22px;background:#fffefb}.id-lesson>header{border-bottom:1px solid var(--id-line);padding-bottom:1rem}.id-lesson h2{margin:.3rem 0}.id-lesson>section{margin:1.5rem 0}.id-app [id]{scroll-margin-top:calc(var(--id-top) + var(--id-bar) + 16px)}
.id-teacher{padding:1rem 1.2rem;background:#f0f6f0;border-radius:14px;font-size:.9em}.id-teacher h3{margin:0}.id-teacher ol{padding-inline-start:1.3em}
.id-stage{padding:clamp(.85rem,2vw,1.4rem);border:2px solid #adcab8;border-radius:18px;background:#fff}.id-stage-head{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.id-stage-head h3{margin:0}.id-stage-head span{font-size:.8em;color:#617268}
.id-live-controls{display:flex;align-items:end;justify-content:space-between;gap:.7rem;flex-wrap:wrap;margin:1rem 0;font-size:.8em}.id-live-controls label{display:grid;gap:.35rem}.id-live-controls select{min-width:100px;border:1px solid #bbd0c2;border-radius:10px;background:#fff;padding:.3rem .6rem}
.id-big-text{padding:1.2rem;border-radius:14px;background:#f4f8f3;text-align:center;font-size:clamp(2rem,3.6vw,3rem);line-height:2;min-height:150px;overflow-wrap:anywhere}
#id-counter{text-align:center;font-size:.95em}#id-read{display:block;width:100%;background:var(--id-green);color:#fff}#id-read+.id-muted{text-align:center;margin-top:.6rem}
.id-stage-actions{display:flex;gap:.5rem;flex-wrap:wrap}.id-stage-actions button{flex:1;font-size:.75em;min-width:90px}
#id-chunk-nav{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:1rem}#id-chunk-nav button{min-width:44px;padding:.3rem .65rem;font-size:.9em}#id-chunk-nav [data-complete=true]{background:#e1eee5}#id-chunk-nav [aria-current=step]{background:var(--id-green);color:#fff}#id-reminder{font-size:.85em;color:#617268}
.id-app details{border:1px solid var(--id-line);padding:.8rem 1rem;border-radius:12px;margin:.8rem 0}.id-app summary{cursor:pointer;min-height:40px;font-weight:700}
.id-full-text,.id-script-text{font-size:1.2em;line-height:2.2}.id-script-text{padding:.65rem .85rem;background:#f4f7f2;border-inline-start:3px solid #b5985d;border-radius:8px;overflow-wrap:break-word}.id-script-chunk bdi{font-size:.7em;color:var(--id-gold);font-weight:700;white-space:nowrap}.id-separator{font-size:.7em;color:#788c7c;margin-inline:.15em}
.id-script-lines .id-script-chunk{display:block;padding:.3rem 0;border-bottom:1px solid var(--id-line)}.id-script-lines .id-script-chunk:last-child{border-bottom:0}.id-script-lines .id-separator{display:none}
.id-completion{padding:1rem;background:#eff5ee;border-radius:14px;font-size:.85em}.id-completion h3{margin:0}.id-completion button{margin:.25rem}
.id-pagination{justify-content:space-between;margin:1.5rem 0 0;font-size:.85em}.id-footer{text-align:center;border-top:1px solid var(--id-line);padding:1rem;color:#64776a;margin-top:2rem;font-size:.8em}
.id-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.id-grid>a{display:flex;gap:.8rem;border:1px solid var(--id-line);border-radius:16px;padding:1rem;background:#fff}.id-grid h3{font-size:1.15em;margin:0}.id-grid p{font-size:.85em;margin:.5rem 0}.id-grid small{font-size:.8em;color:#64776a}.id-grid em{display:block;font-size:.75em;font-style:normal;margin-top:.5rem}.id-no{min-width:40px;color:var(--id-gold)}.id-catalog>.id-search-label{max-width:600px}
.id-resume{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.3rem;border-radius:16px;background:#e6f0e8;border:1px solid var(--id-line)}.id-resume strong{display:block}.id-resume small{font-size:.8em}.id-resume a{background:var(--id-green);color:#fff;border-radius:12px;padding:.6rem 1rem}
.id-prose{max-width:850px;margin:1rem auto}.id-prose h3{color:var(--id-green)}.id-prose>section{border-top:1px solid var(--id-line);padding-top:1rem}
#id-dialog{width:min(380px,calc(100vw - 24px));max-width:none;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;border:0;border-radius:20px 0 0 20px;color:var(--id-ink);background:#fff}
#id-dialog::backdrop{background:#17382a70;backdrop-filter:blur(3px)}#id-dialog .id-sidebar{position:static;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:1rem}
.id-nav-heading,.id-search-label,.id-sidebar>#id-count{flex-shrink:0}
@media(min-width:1101px){#id-open{display:none!important}}
@media(max-width:1100px){.id-layout{grid-template-columns:minmax(0,1fr)}.id-sidebar{position:static;max-height:480px}.id-nav-ready .id-layout>.id-sidebar{display:none}.id-grid{grid-template-columns:1fr}}
@media(min-width:761px) and (max-width:1200px){
 body:not(.lib-focus-mode) .library-layout:has(.id-app) .lib-topbar{height:auto;min-height:72px;flex-wrap:wrap;gap:8px;padding:12px 24px}
 body:not(.lib-focus-mode) .library-layout:has(.id-app) .lib-topbar-left{flex:1;min-width:0}
 body:not(.lib-focus-mode) .library-layout:has(.id-app) .lib-topbar-actions{margin-left:auto;max-width:100%;flex-wrap:wrap}
 body:not(.lib-focus-mode) .library-layout:has(.id-app) .lib-primary-nav{order:3;flex-basis:100%;height:40px;overflow-x:auto}
}
@media(max-width:760px){
 .id-app{font-size:19px}.id-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.4rem}.id-toolbar a,.id-toolbar button{padding:.3rem .5rem;font-size:.85em}.id-hero{padding:1.3rem}.id-hero h1{font-size:2.7rem}.id-tabs{gap:.3rem}.id-tabs a{padding:.3rem .6rem;font-size:.9em}.id-stage-head{flex-wrap:wrap}.id-resume{align-items:stretch;flex-direction:column}
 .library-layout:has(.id-app) .lib-focus-toggle svg{display:block}
 .library-layout:has(.id-app) .lib-focus-toggle span{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
}
@media print{.id-sidebar,.id-toolbar,.id-tabs,.id-book-actions,.id-stage,.id-completion{display:none}.id-layout{display:block}.id-lesson{border:0;padding:0}.id-app{font-size:14pt}.id-hero{background:#fff;color:#000;padding:0;border:0}.id-app details{border:0}.id-pagination{display:none}}
@media(prefers-reduced-motion:reduce){.id-app *{scroll-behavior:auto!important}}