*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fa;color:#263547;font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}.topbar{background:linear-gradient(110deg,#153e56,#167e86);box-shadow:0 3px 15px #1e3e521c;color:#fff}.top-inner{max-width:1320px;margin:auto;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800}.logo small{display:block;font-size:12px;font-weight:400;opacity:.85}.logo-icon{display:grid;place-items:center;border:1px solid #ffffff66;width:46px;height:46px;border-radius:14px;font-size:28px}.menu-button{display:none;background:#ffffff20;color:white;border:1px solid #ffffff55;border-radius:9px;padding:9px 15px;cursor:pointer}.container{max-width:1320px;margin:0 auto;padding:26px 22px 50px}.hero{background:linear-gradient(120deg,#fff,#e6f4f1);border:1px solid #e0e9ed;border-radius:18px;padding:25px 28px;margin-bottom:20px}.hero-kicker{color:#178088;font-size:14px;font-weight:700}.hero h1{margin:3px 0;font-size:29px;color:#153e56}.hero p{margin:0;color:#5b6f7a;font-size:14px}.section-pills{display:flex;gap:8px;overflow-x:auto;padding:2px 0 17px;scrollbar-width:thin}.pill{white-space:nowrap;background:#fff;border:1px solid #dbe4ea;border-radius:100px;padding:7px 15px;font-size:13px;color:#395565}.pill.selected{background:#146f7b;color:white;border-color:#146f7b}.layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.sidebar,.article{background:#fff;border:1px solid #e1e8ed;border-radius:16px;box-shadow:0 5px 23px #152d4b09}.sidebar{padding:20px;position:sticky;top:16px;max-height:calc(100vh - 30px);overflow:auto}.sidebar h2{color:#18465f;font-size:18px;margin:0 0 14px}.sidebar label{font-size:12px;color:#61717b}.sidebar input{width:100%;padding:12px;border-radius:10px;border:1px solid #d0dde4;margin:4px 0 15px;font:inherit;font-size:14px}.topic{display:block;padding:10px 12px;border-radius:9px;border-bottom:1px solid #f0f2f3;font-size:14px}.topic:hover,.topic.current{background:#e9f5f4;color:#0e737a;font-weight:700}.topic[hidden]{display:none}.article{min-width:0;padding:27px 30px}.breadcrumb{font-size:13px;color:#64818e;display:flex;align-items:center;gap:7px}.article-heading{display:flex;align-items:start;justify-content:space-between;gap:14px;border-bottom:1px solid #e9eef1;padding-bottom:13px;margin:10px 0 20px}.article h2{color:#174358;font-size:24px;margin:0}.actions{display:flex;gap:7px;flex-shrink:0}.actions button{border:1px solid #d6e5e7;background:#f3faf9;color:#186971;padding:7px 10px;border-radius:8px;cursor:pointer;font:inherit;font-size:13px}.legacy-content{font-family:"Traditional Arabic",Tahoma,Arial,sans-serif;font-size:20px;line-height:2.15;overflow-wrap:anywhere;min-height:240px}.legacy-content img{max-width:100%;height:auto}.legacy-content table{max-width:100%;display:block;overflow-x:auto}.legacy-content a{color:#137c89;text-decoration:underline;text-underline-offset:4px}.legacy-content p{margin:.5em 0}.article-bottom{display:flex;flex-wrap:wrap;gap:16px;border-top:1px solid #e8edf0;margin-top:24px;padding-top:16px;font-size:14px;color:#147780}.notice{color:#9b571c}.footer{text-align:center;padding:24px;color:#69808c;font-size:13px}.footer span{padding:0 7px}@media(max-width:850px){.top-inner{padding:12px 16px}.logo{font-size:19px}.menu-button{display:block}.container{padding:16px 12px}.hero{padding:20px}.hero h1{font-size:23px}.layout{display:block}.sidebar{display:none;position:static;max-height:320px;overflow:auto;margin-bottom:15px}.sidebar.open{display:block}.article{padding:19px 17px}.article h2{font-size:21px}.article-heading{flex-direction:column}.legacy-content{font-size:19px;line-height:2}}@media(max-width:380px){.logo small{font-size:10px}.logo{font-size:16px}.logo-icon{width:35px;height:35px}.menu-button{padding:6px 9px;font-size:12px}.legacy-content{font-size:17px}}@media print{.topbar,.hero,.section-pills,.sidebar,.actions,.article-bottom,.footer{display:none!important}.container{padding:0}.layout{display:block}.article{border:0;box-shadow:none;padding:0}.legacy-content{font-size:18px}}
/* Hothail Islamic Library: navigation links and readable topic pager */
.site-links{background:#103c47;border-bottom:3px solid #cba65a;color:#fff}
.site-links-inner{max-width:1320px;margin:auto;padding:10px 22px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}
.site-links a{display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;background:#ffffff16;border:1px solid #ffffff45;border-radius:25px;font-size:14px;font-weight:700;transition:background .15s}
.site-links a:hover,.site-links a:focus-visible{background:#26737b;outline-color:#f0d389}
.page-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:18px 0;padding:11px;border:1px solid #dbe7e6;background:#f3f9f7;border-radius:12px}
.page-controls a,.page-controls .disabled{font-size:14px;font-weight:700;padding:7px 13px;border-radius:8px}
.page-controls a{background:#176a72;color:#fff}
.page-controls a:hover{background:#104b53}
.page-controls .disabled{background:#e9eded;color:#8b9a9a}
.position-label{color:#637b7e;font-size:13px}
@media(max-width:850px){.site-links-inner{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:10px 12px;scrollbar-width:thin}.site-links a{white-space:nowrap;flex-shrink:0;font-size:13px;padding:6px 12px}.page-controls{gap:6px}.page-controls a,.page-controls .disabled{font-size:13px;padding:8px 10px}.position-label{width:100%;text-align:center;order:-1}}
@media print{.site-links,.page-controls{display:none!important}}