@font-face{font-family:'Traditional Naskh';src:url('traditional_naskh.ttf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'Traditional Naskh';src:url('traditional_naskh_bold.ttf') format('truetype');font-weight:bold;font-style:normal}@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Scheherazade+New:wght@400;700&display=swap');:root{--body-bg:#9e8146;--section-bg:#ffd582;--h1-bg:rgb(73, 56, 18);--text-color:#000;--heading-color:#ffffff;--btn-bg:rgba(255, 255, 255, 0.8);--btn-hover:#ffffff;--popup-bg:#fffbe6;--border-color:#d4b668;--link-color:#000;--tooltip-bg:#333;--tooltip-text:#fff}[data-theme="dark"]{--body-bg:#121212;--section-bg:#1e1e1e;--h1-bg:#000;--text-color:#e0e0e0;--heading-color:#e0e0e0;--btn-bg:#333;--btn-hover:#444;--popup-bg:#2c2c2c;--border-color:#444;--link-color:#bb86fc}[data-theme="light"]{--body-bg:#95b474;--section-bg:#ffffff;--h1-bg:#195003;--text-color:#000;--heading-color:#ffffff;--btn-bg:#f0f0f0;--btn-hover:#e0e0e0;--popup-bg:#ffffff;--border-color:#ccc;--link-color:#0056b3}body{font-family:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background-color:var(--body-bg);color:var(--text-color);margin:0;padding:0;transition:background-color .3s,color .3s;font-size:25px;line-height:1.9}.ar{font-family:'Traditional Naskh','Amiri',serif;font-weight:normal;line-height:1.9}.arft{font-family:'Traditional Naskh','Amiri',serif;color:var(--text-color);font-size:1.1em;line-height:1.9;margin-bottom:10px;direction:rtl;text-align:justify;margin-left:5%;margin-right:5%;font-weight:normal}h1{color:var(--heading-color);font-size:1.5em;font-family:'Traditional Naskh','Amiri',serif;font-weight:bold;background-color:var(--h1-bg);border-radius:5em;padding:0.2em;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,0.3);position:relative;z-index:500}h2{background:linear-gradient(#fff,#cfcfcf);box-shadow:inset 4px 4px 8px rgba(0,0,0,0.2),inset -4px -4px 8px rgba(255,255,255,0.7),6px 6px 10px rgba(0,0,0,0.35);width:100%;min-height:2.6em;margin:0;padding:0.2em 50px;box-sizing:border-box;text-align:right;color:#000;font-family:'Traditional Naskh','Amiri',serif;font-weight:bold;border:none;border-radius:22px;font-size:1em;cursor:pointer;display:flex;justify-content:space-between;position:relative}.jari{cursor:pointer}.jari:hover{background-color:#ffffff31}.toggle-icon{font-size:1.2em;transition:transform .3s ease;padding-left:10px}.collapsible-content{max-height:none;opacity:1;padding:35px 50px 0 50px}.collapsible-content.collapsed{overflow:hidden;max-height:0;transition:0.4s ease-in-out,opacity 0.4s ease-in-out;opacity:0;padding-top:0;padding-bottom:0}.collapsible-content-h4{transition:0.4s ease-in-out,opacity 0.4s ease-in-out;max-height:none;opacity:1}.collapsible-content-h4.collapsed{overflow:hidden;max-height:0;opacity:0;padding-top:0;padding-bottom:0}h3{font-family:'Traditional Naskh','Amiri',serif;font-weight:bold;font-size:25px;color:#830000;text-align:center}h4{font-family:'Traditional Naskh','Amiri',serif;font-weight:bold;font-size:19pt;color:#830000;line-height:1.5em;margin-bottom:0;margin-top:.6em;padding:0}[data-theme="dark"] h4{color:#6fcf00}[data-theme="dark"] h3{color:#fff}[data-theme="dark"] h2{background:linear-gradient(#363636,#2e2e2e);color:#fff;margin-bottom:10px;box-shadow:inset 4px 4px 8px rgba(0,0,0,0.2),inset -4px -4px 8px rgba(0,0,0,0.7),6px 6px 10px rgba(0,0,0,0.35)}main{max-width:1200px;margin:1em auto;padding:0 1em 120px 1em}section{background:var(--section-bg);border:0;border-radius:21px;margin-bottom:20px;padding:0;overflow:hidden}p{margin-bottom:1em;text-align:justify}.id{font-family:'Segoe UI',Roboto,sans-serif;font-size:0.65em;direction:ltr;text-align:left;line-height:1.5;margin-top:1em;color:var(--text-color);opacity:.9;transition:all .3s ease}.hidden{display:none!important}hr.kitab-separator{border:0;border-top:2px dashed #333;margin:40px auto;height:0;width:80%;position:relative;overflow:visible;opacity:.6;background:none}hr.kitab-separator::after{content:"۞";position:absolute;top:-25px;left:50%;transform:translateX(-50%);background-color:var(--section-bg);padding:0 10px;color:#333;font-size:22px;font-family:'Amiri',serif}[data-theme="dark"] hr.kitab-separator{border-top-color:#e0e0e0}[data-theme="dark"] hr.kitab-separator::after{color:#e0e0e0;background-color:var(--section-bg)}[data-theme="light"] hr.kitab-separator{border-top-color:#195003}[data-theme="light"] hr.kitab-separator::after{color:#195003}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tombol{--warna-latar:#cec254;--warna-latar-hover:#d8c72f;--warna-teks:#5c3b17;--warna-teks-hover:#5f0000;--warna-shadow:rgba(92, 59, 23, 0.5);font-family:'Segoe UI',sans-serif;padding:4px 4px 3px 22px;text-decoration:none;color:var(--warna-teks);background-color:var(--warna-latar);border-radius:40px;font-weight:bold;cursor:pointer;text-align:center;transition:background-color .3s ease,transform .1s ease,box-shadow .3s ease}.tombol:hover{background-color:var(--warna-latar-hover);color:var(--warna-teks-hover)}.tombol:active{transform:translateY(3px);box-shadow:3px 3px 3px var(--warna-teks)}[data-theme="light"] .tombol{--warna-latar:#e4e4e4;--warna-latar-hover:#fff45e;--warna-teks:#202020;--warna-teks-hover:#530000;--warna-shadow:rgba(0,0,0,0.15);border:1px solid #ced4da}[data-theme="dark"] .tombol{--warna-latar:#343a40;--warna-teks:#a8a8a8;--warna-teks-hover:#fff;--warna-latar-hover:#495057;--warna-shadow:rgba(0,0,0,0.5)}.tooltip-trigger{display:inline;cursor:pointer;border-bottom:1px dotted var(--text-color)}.global-tooltip-content{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:9999;width:max-content;max-width:80vw;background-color:var(--tooltip-bg);color:var(--tooltip-text);padding:10px 15px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.4);visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s;direction:rtl}.global-tooltip-content .footnote-ar{font-family:'Traditional Naskh','Amiri',serif;font-size:19px;line-height:1.8;direction:rtl;text-align:justify;padding:3px 0;color:var(--tooltip-text);margin:0}.global-tooltip-content .footnote-id{font-family:'Segoe UI',sans-serif;font-size:14px;line-height:1.6;direction:ltr;text-align:left;padding:3px 0;color:var(--tooltip-text);margin:0}.global-tooltip-content a{color:#fff;text-decoration:dashed}.global-tooltip-content.is-visible{visibility:visible;opacity:1}.floating-btn-base{position:fixed;left:20px;bottom:20px;width:55px;height:55px;background-color:var(--btn-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;transition:transform .3s,opacity .3s,background-color .2s;text-decoration:none;font-size:22px;box-shadow:0 4px 10px rgba(0,0,0,0.2)}.floating-btn-base.btn-hidden{transform:translateY(100px);opacity:0;pointer-events:none}.floating-btn-base:hover{background-color:var(--btn-hover)}#control-button{position:fixed;bottom:20px;right:20px;width:55px;height:55px;background-color:var(--btn-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:50%;font-size:22px;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;transition:transform .3s,opacity .3s,background-color .2s;box-shadow:0 4px 10px rgba(0,0,0,0.2)}#control-button.btn-hidden{transform:translateY(100px);opacity:0;pointer-events:none}#control-button:hover{background-color:var(--btn-hover)}#popup-menu{display:none;position:fixed;bottom:90px;right:20px;background-color:var(--popup-bg);border:1px solid var(--border-color);border-radius:15px;padding:10px;width:220px;box-shadow:0 5px 20px rgba(0,0,0,0.3);z-index:999;direction:ltr}#popup-menu.show{display:block;animation:fadeIn .2s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.popup-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.full-width{grid-column:span 2}.menu-btn{background-color:var(--btn-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;padding:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:0.2s;font-weight:bold}.menu-btn:hover{background-color:var(--btn-hover);transform:translateY(-1px)}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:2000;align-items:center;justify-content:center;backdrop-filter:blur(3px)}.modal-box{background:var(--section-bg);color:var(--text-color);padding:15px;width:98vw;max-width:98vw;height:98vh;max-height:98vh;overflow-y:auto;position:relative;direction:rtl;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,0.5);display:flex;flex-direction:column}.modal-close{position:absolute;top:10px;left:10px;background:#d32f2f;color:#fff;border:none;border-radius:5px;width:30px;height:30px;cursor:pointer;font-weight:bold;z-index:2001}#modal-content-body{flex-grow:1;display:flex;flex-direction:column;padding-top:40px;box-sizing:border-box;overflow:hidden}.toc-list a{display:block;padding:10px 0;border-bottom:1px dashed var(--border-color);color:var(--text-color);text-decoration:none;font-family:'Traditional Naskh','Amiri',serif;font-size:0.9em}.toc-list a:hover{color:#d32f2f}@media (min-width:1024px){.modal-box{width:800px;max-width:80%;height:80vh;max-height:80vh}}@media (max-width:600px){h2{padding:0.2em 15px}.collapsible-content{padding:20px 15px 0 15px}main{padding:0 10px}.arft{margin-left:2%;margin-right:2%}}