:root{font-family:system-ui,sans-serif;color:#eaf5ed;background:#0b2630}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem max(1rem,calc((100vw - 1100px)/2));background:#123b43}header>a{font-weight:800;text-decoration:none;font-size:1.2rem}nav{display:flex;gap:.8rem;flex-wrap:wrap}header nav a,footer a{padding:.55rem .8rem;border-radius:.7rem;background:#23545a;text-decoration:none}main{max-width:1100px;margin:auto;padding:1rem}.intro{text-align:center;padding:2.5rem 1rem 1rem}.eyebrow{color:#e9c477;font-weight:750;letter-spacing:.04em}.intro h1{font:700 clamp(2.1rem,5vw,3.4rem)/1.18 Georgia,serif;margin:.65rem 0}.intro p{font-size:1.08rem;line-height:1.7;max-width:740px;margin:1rem auto}.total{color:#ebca82}.topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin:1.5rem 0 2rem}.topic{border:1px solid #5c8681;border-radius:1rem;padding:1.2rem;text-align:start;background:linear-gradient(130deg,#174652,#2d5d58);color:white;cursor:pointer;font:inherit;min-height:112px}.topic strong{font-size:1.18rem;display:block;line-height:1.35}.topic span{display:block;margin-top:.5rem;color:#f2d48e}.topic[aria-pressed=true]{background:linear-gradient(130deg,#785a30,#416c61);border-color:#f4d38b}.reader{scroll-margin-top:1rem}.reader-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.reader h2{font:700 1.7rem Georgia,serif}input{font:inherit;margin-inline-start:.5rem;padding:.7rem;border-radius:.7rem;border:1px solid #8cafaa;max-width:100%}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:1rem}.card{background:#f8f5ea;color:#183d3d;border:1px solid #e3c889;border-radius:1.25rem;padding:1.5rem;line-height:1.75;display:flex;flex-direction:column}.card .num{color:#986c2a;font-weight:800}.arabic{font-family:"Noto Naskh Arabic",serif;font-size:clamp(1.45rem,3vw,1.9rem);line-height:1.85;text-align:center;direction:rtl}.english{font-size:1.08rem;line-height:1.65}.untranslated{color:#6b6355;font-size:.9rem}.source{margin-top:auto;border-top:1px solid #dfd1b6;padding-top:.8rem;font-size:.85rem}.pager{display:flex;justify-content:center;align-items:center;gap:.65rem;margin:1.5rem 0;flex-wrap:wrap}.pager button{font:inherit;font-weight:700;background:#e8c479;color:#173a3c;border:0;border-radius:.7rem;padding:.7rem 1rem;cursor:pointer}.pager button:disabled{opacity:.45;cursor:default}footer{max-width:1100px;margin:2rem auto;padding:1rem;display:flex;gap:1rem}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e8c479;outline-offset:3px}@media(max-width:600px){.topics{grid-template-columns:1fr 1fr}.topic{min-height:100px;padding:.85rem}.topic strong{font-size:1rem}.cards{grid-template-columns:1fr}}

.pager button[aria-current="page"]{background:#426f68;color:#fff;outline:2px solid #f6d38d}.pager span{font-size:1.1rem}.download-panel{max-width:850px;margin:1.4rem auto;padding:1.3rem 1.5rem;border:1px solid #d3b574;border-radius:1.2rem;background:#173f45;text-align:center}.download-panel h2{margin:.2rem 0;font:700 1.45rem Georgia,serif}.download-panel p{line-height:1.6}.download-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}.download-actions a{display:inline-block;background:#eac987;color:#173537;text-decoration:none;font-weight:800;padding:.8rem 1rem;border-radius:.7rem}.download-actions a+a{background:#d8eae2}@media(max-width:600px){.download-actions{flex-direction:column}}