@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Scheherazade+New:wght@400;700&display=swap";
:root{--bg:#f8f6f1;--card:#fff;--ink:#26221c;--muted:#7d7364;--accent:#0e6b5c;--accent-soft:#e3f0ec;--gold:#b4832a;--line:#e6dfd0;--ar-font:"Amiri", "Scheherazade New", "Noto Naskh Arabic", serif;--fr-font:Georgia, "Iowan Old Style", serif;--ui-font:system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--fr-font);background:var(--bg);color:var(--ink);margin:0;line-height:1.7}.topbar{background:var(--accent);color:#fff;z-index:50;align-items:center;gap:16px;padding:10px 18px;display:flex;position:sticky;top:0}.topbar .logo{letter-spacing:.5px;color:#fff;font-weight:700;font-family:var(--ui-font);text-decoration:none}.topbar .logo span{color:#f3d9a4}.topbar input{max-width:430px;font:14px var(--ui-font);border:0;border-radius:20px;flex:1;padding:8px 16px}.topbar nav{font:14px var(--ui-font);gap:14px;display:flex}.topbar nav a{color:#fff;opacity:.92;text-decoration:none}.topbar nav a:hover{opacity:1;text-decoration:underline}.wrap{max-width:1080px;margin:0 auto;padding:26px 20px 90px}.hero{text-align:center;padding:34px 10px 10px}.hero h1{color:var(--accent);margin:0 0 6px;font-size:30px}.hero p{color:var(--muted);font:15px var(--ui-font)}.surah-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px;margin-top:22px;display:grid}.surah-card{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex}.surah-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #3c321e1f}.surah-card .num{background:var(--accent-soft);min-width:34px;height:34px;color:var(--accent);font:600 13px var(--ui-font);border-radius:50%;justify-content:center;align-items:center;display:flex}.surah-card .names{flex:1}.surah-card .en{font:600 15px var(--ui-font);display:block}.surah-card .meta{font:12px var(--ui-font);color:var(--muted)}.surah-card .ar{font-family:var(--ar-font);color:var(--accent);font-size:19px}.crumb{font:13px var(--ui-font);color:var(--muted);margin-bottom:14px}.crumb a{color:var(--accent);text-decoration:none}.surah-head{text-align:center;margin:8px 0 26px}.surah-head h1{font:700 26px var(--ui-font);margin:0}.surah-head .ar-title{font-family:var(--ar-font);color:var(--accent);font-size:30px}.surah-head .meta{font:13px var(--ui-font);color:var(--muted);margin-top:4px}.verse-row{background:var(--card);border:1px solid var(--line);border-radius:14px;grid-template-columns:minmax(180px,1fr) 2fr;gap:18px;margin-bottom:14px;padding:20px 24px;display:grid}@media (max-width:720px){.verse-row{grid-template-columns:1fr}}.verse-row .ar-side{text-align:center}.verse-row .ar{font-family:var(--ar-font);font-size:23px;line-height:2.05}.verse-num{background:var(--accent);color:#fff;min-width:26px;height:26px;font:600 12px var(--ui-font);vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;padding:0 7px;display:inline-flex}.verse-row .fr-side .hamidullah{font-size:15.5px}.trad-src{font:11px var(--ui-font);color:var(--accent);border:1px solid var(--accent);white-space:nowrap;vertical-align:baseline;border-radius:10px;margin-right:8px;padding:1px 8px;display:inline-block}.verse-link{font:13px var(--ui-font);color:var(--accent);margin-top:8px;text-decoration:none;display:inline-block}.ayah-hero{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:18px;padding:30px 28px;box-shadow:0 2px 8px #3c321e0d}.ayah-hero .ar{font-family:var(--ar-font);font-size:28px;line-height:2.15}.trads{text-align:left;max-width:780px;margin:16px auto 0}.trad-block{margin-top:12px;font-size:15px;font-style:italic}.ayah-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.ayah-actions a,.ayah-actions button{font:13px var(--ui-font);border:1px solid var(--line);background:var(--card);color:var(--accent);cursor:pointer;border-radius:20px;padding:6px 14px;text-decoration:none}.ayah-actions a:hover{background:var(--accent-soft)}.section-title{font:600 13px var(--ui-font);letter-spacing:1.2px;text-transform:uppercase;color:var(--accent);border-bottom:2px solid var(--accent);margin:34px 0 6px;padding-bottom:6px}.tafsir-card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-top:14px;padding:20px 24px}.tafsir-card h3{font:600 16px var(--ui-font);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px;display:flex}.tafsir-card .author{font:13px var(--ui-font);color:var(--muted)}.tafsir-card details summary{cursor:pointer;font:13px var(--ui-font);color:var(--accent);margin-top:10px}.tafsir-card details .ar-orig{font-family:var(--ar-font);text-align:right;direction:rtl;background:#f7f3ea;border-radius:10px;margin-top:8px;padding:12px 16px;font-size:16.5px;line-height:1.9}.badge{font:10.5px var(--ui-font);vertical-align:middle;border-radius:8px;padding:2px 8px}.badge.ia{color:#8a6414;background:#f3e8d0}.badge.officielle{background:var(--accent-soft);color:var(--accent)}.badge.humaine{color:#4a7c2e;background:#e8f0e3}.hadith{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-top:12px;overflow:hidden}.hadith summary{cursor:pointer;font:13.5px var(--ui-font);align-items:center;gap:10px;padding:12px 18px;list-style:none;display:flex}.hadith summary::-webkit-details-marker{display:none}.hadith summary:before{content:"📜"}.hadith[open] summary{border-bottom:1px solid var(--line)}.h-grade{border-radius:10px;padding:2px 10px;font-size:12px}.h-grade.none{color:var(--muted);background:#f0ede6}.h-grade.ok{background:var(--accent-soft);color:var(--accent)}.hadith .ar{font-family:var(--ar-font);text-align:right;direction:rtl;padding:14px 18px;font-size:17px;line-height:1.95}.h-note{font:12px var(--ui-font);color:var(--muted);border-top:1px dashed var(--line);padding:8px 18px 12px}.asbab-card{background:#fbf7ee}.nav-verses{font:14px var(--ui-font);justify-content:space-between;margin-top:26px;display:flex}.nav-verses a{color:var(--accent);text-decoration:none}table.attr{border-collapse:collapse;width:100%;font:13.5px var(--ui-font);background:var(--card);border-radius:12px;overflow:hidden}table.attr th{background:var(--accent);color:#fff;text-align:left;padding:9px 12px;font-weight:600}table.attr td{border-bottom:1px solid var(--line);vertical-align:top;padding:9px 12px}table.attr tr:last-child td{border-bottom:0}.footer{border-top:1px solid var(--line);font:12.5px var(--ui-font);color:var(--muted);text-align:center;margin-top:50px;padding-top:18px}.footer a{color:var(--accent)}.revelation-banner{flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0 4px;display:flex}.rb-item{background:var(--card);border:1px solid var(--line);font:13px var(--ui-font);color:var(--ink);border-radius:20px;padding:5px 14px}.rb-item sup{font-size:10px}