:root{--green:#173e35;--ink:#28352f;--muted:#718078;--paper:#fbfaf5;--line:#d9ded7;--gold:#b4884b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Nastaliq Urdu','Noto Naskh Arabic',serif}.book-header{background:var(--green);color:#f8f3df;text-align:center;padding:72px 24px 58px;border-bottom:5px solid var(--gold)}.book-header p{margin:0 0 12px;color:#cedbcf;font-size:15px}.book-header h1{margin:0;font-family:'Noto Naskh Arabic',serif;font-size:clamp(34px,7vw,66px);line-height:1.4}.book-header span{display:block;margin-top:14px;color:#dfc89b;font-size:16px}nav{position:sticky;top:0;z-index:3;display:flex;justify-content:center;gap:8px;padding:10px;background:rgba(251,250,245,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}nav a{color:var(--green);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:5px 20px;font-size:14px}.book{width:min(820px,calc(100% - 36px));margin:54px auto 80px}.book>h1{display:none}.book h2{scroll-margin-top:90px;color:var(--green);font-size:clamp(28px,5vw,43px);line-height:1.8;margin:64px 0 30px;padding-bottom:18px;border-bottom:1px solid var(--line)}.book h2:first-of-type{margin-top:0}.book h3{color:#3f6658;font-size:25px;line-height:2;margin:42px 0 14px}.book h4{color:#5b725f;font-size:20px;line-height:2}.book p,.book li{font-size:20px;line-height:2.55}.book p{margin:0 0 22px}.book li{padding-right:7px;margin-bottom:10px}.book ol,.book ul{padding-right:30px}.book strong{color:#193f36}.book blockquote{margin:30px 0;padding:18px 26px;border-right:4px solid var(--gold);background:#f1eee4;border-radius:10px}.book blockquote p{margin:0;color:#47594f}footer{text-align:center;border-top:1px solid var(--line);padding:30px;color:var(--muted);font-size:14px}@media(max-width:600px){.book-header{padding:45px 18px 36px}.book{width:min(100% - 28px,820px);margin-top:34px}.book h2{font-size:27px;margin-top:48px}.book h3{font-size:21px}.book p,.book li{font-size:18px;line-height:2.65}.book ol,.book ul{padding-right:24px}nav a{padding:4px 16px}}@media print{nav{display:none}.book-header{background:white;color:black;border-bottom:1px solid #bbb;padding:30px}.book-header p,.book-header span{color:#555}.book{width:100%;margin:25px 0}.book h2{break-before:page}.book h2:first-of-type{break-before:auto}}