@font-face{font-family:Amiri;src:url(assets/Amiri-Regular.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Amiri;src:url(assets/Amiri-Bold.ttf) format('truetype');font-weight:700;font-display:swap}
:root{--paper:#faf7ef;--card:#fffdf7;--ink:#243b32;--muted:#62756b;--green:#173e33;--gold:#a47d37;--line:#ded5c3;--side:#efeade;--size:23px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:var(--size)/1.9 Amiri,serif}body.dark{--paper:#172520;--card:#1e3028;--ink:#eee7d7;--muted:#b4c4b9;--green:#cad8c9;--gold:#cead68;--line:#3f5347;--side:#1b2b24;color-scheme:dark}a{color:var(--green);text-underline-offset:5px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.top{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);background:var(--card);position:sticky;top:0;z-index:20}.brand{font-size:28px;font-weight:bold;text-decoration:none;line-height:1.3}.brand span{display:block;font-size:14px;color:var(--muted);font-weight:normal}.tools{display:flex;gap:8px}.tools button{border:1px solid var(--line);color:var(--ink);background:transparent;border-radius:5px;padding:4px 12px;font-size:18px;min-height:42px}.layout{display:grid;grid-template-columns:320px minmax(0,1fr);max-width:1600px;margin:auto}aside{background:var(--side);border-left:1px solid var(--line);height:calc(100dvh - 82px);position:sticky;top:82px;display:flex;flex-direction:column}.side-head{padding:23px 22px 14px}.eyebrow,.kicker{font-size:16px;color:var(--gold)}h2,h3{line-height:1.5}.side-head h2{margin:2px 0 15px;font-size:25px}.side-head label{display:block;font-size:16px;color:var(--muted)}input,select{width:100%;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--ink);padding:8px 12px;font-size:18px}select{margin-top:8px}.small{font-size:17px;color:var(--muted)}#count{margin:6px 0}.intro-link{display:block;font-size:18px;margin-top:4px}#toc{overflow:auto;flex:1;padding:0 12px 20px}.toc-item{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:12px 10px;font-size:19px;line-height:1.6;text-decoration:none;border-top:1px solid var(--line);border-radius:4px}.toc-item b{color:var(--gold);font-size:17px}.toc-item[aria-current=page]{background:var(--card);box-shadow:inset -3px 0 var(--gold)}.empty{padding:20px;font-size:18px}.side-foot{padding:12px 24px;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}main{padding:40px clamp(22px,5vw,90px);min-width:0;max-width:1120px;width:100%;margin:auto}.hero{padding:45px 22px 35px;text-align:center;border:1px solid var(--line);position:relative;margin-bottom:35px;background:var(--card)}.hero:before,.hero:after{content:'✧';position:absolute;color:var(--gold);font-size:26px;left:20px;top:12px}.hero:after{left:auto;right:20px}.hero h1{font-size:clamp(46px,6vw,74px);margin:16px 0;line-height:1.6;color:var(--green)}.hero p{margin:10px auto;max-width:650px}.status{display:inline-block;font-size:16px;background:var(--side);border:1px solid var(--line);padding:3px 15px;border-radius:20px;color:var(--muted)}.hero .credit{font-size:21px;margin:25px 0}.start{display:inline-block;background:#173e33;color:#faf7ef;padding:8px 30px;text-decoration:none;border:1px solid #173e33;border-radius:4px}.intro-section{margin:35px 0}.intro-section h2{font-size:27px;color:var(--green);border-bottom:1px solid var(--line);padding-bottom:10px}.intro-section p,.explanation p{text-align:justify}.rule-head{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:30px}.rule-head h1{font-size:22px;color:var(--muted);font-weight:400;margin:6px 0}.rule-title{font-size:32px;font-weight:bold;line-height:1.9;padding:22px 26px;border-right:4px solid var(--gold);background:var(--card);margin:14px 0 20px}.source-line{font-size:17px;color:var(--muted)}.section-title{font-size:27px;color:var(--green);margin:30px 0 14px}.evidence{background:var(--card);border:1px solid var(--line);border-radius:6px;margin:18px 0;padding:22px 26px}.verse{font-size:26px;line-height:2.1;margin:0;text-align:justify}.hadith{font-size:22px;line-height:1.95;margin:10px 0;text-align:justify}.caption{font-size:16px;color:var(--muted)}.branches{padding-right:26px}.branches li{padding:8px 4px;margin-bottom:8px}.review-note{border-right:3px solid var(--gold);padding:18px 22px;background:var(--side);font-size:19px;margin-top:28px}.review-note p{margin:8px 0}.choice-note{font-size:17px;color:var(--muted)}#pager{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:22px 0;margin-top:40px;font-size:19px}#pager a{flex:1}#next{text-align:left}#position{color:var(--muted);font-size:16px;white-space:nowrap}.reader-footer{font-size:16px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.skip{position:fixed;top:-100px;right:20px;z-index:40;background:var(--card);padding:8px}.skip:focus{top:5px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#menu{display:none}mark{background:#e7d293;color:#23372c;padding:0 2px}blockquote{margin:0}p{margin:14px 0}noscript{display:block;padding:30px}
@media(max-width:900px){.layout{display:block}.top{height:72px;padding:0 18px}.brand{font-size:22px}.brand span{font-size:12px}.tools{gap:4px}.tools button{padding:4px 8px;font-size:16px}#menu{display:block}aside{display:none;position:fixed;right:0;top:72px;width:min(340px,90vw);height:calc(100dvh - 72px);z-index:30;box-shadow:-15px 0 50px #0003}aside.open{display:flex}main{padding:25px 20px}.rule-title{font-size:28px;padding:16px 20px}.verse{font-size:24px}.hero{padding:25px 15px}.evidence{padding:18px 20px}#theme{font-size:0}#theme:after{content:'◐';font-size:21px}.branches{padding-right:23px}}@media print{.top,aside,#pager{display:none}main{padding:0}.layout{display:block}body{background:white;color:black}.evidence{break-inside:avoid}.reader-footer{display:none}}

main aside.review-note{display:block;position:static;width:auto;height:auto;border-left:0;box-shadow:none}
.writing-section{margin:15px 0 40px}.writing-section h2,.part-title{font-size:32px;color:var(--green);border-bottom:1px solid var(--line);padding-bottom:15px;line-height:1.7}.writing-section p{text-align:justify}.writing-section .signature{font-weight:700;text-align:left;color:var(--green);margin:30px 0}.part-title{margin-top:55px}.back-cover{background:#173e33;color:#f7efd9;border:double 4px #aa8b50;padding:45px 35px;margin:40px 0;text-align:center}.back-cover h2{font-size:45px;line-height:1.7;margin:16px 0}.back-cover .eyebrow{color:#d6bc86}.back-cover .tagline{font-size:25px;color:#d6bc86}.back-cover .credit{font-size:19px;margin-top:30px}.back-cover p{text-align:center}.back-cover>*{max-width:640px;margin-left:auto;margin-right:auto}