/* Fortress of the Muslim — deen2u edition (section styles) */
.hm .crumb{font-size:13px;color:var(--muted);margin:14px 0 6px}
.hm .crumb a{color:var(--muted)}
.hm-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hm-hero{border-radius:16px;padding:30px 22px;margin:12px 0 22px;background:linear-gradient(135deg,var(--hero-grad-1),var(--hero-grad-2));color:#fff;text-align:center}
.hm-hero h1{margin:4px 0 8px;font-size:clamp(26px,6vw,38px);color:#fff}
.hm-hero p{margin:0 auto;max-width:640px;color:rgba(255,255,255,.9)}
.hm-ar-title{font-family:var(--font-quran);font-size:clamp(30px,8vw,44px);line-height:1.6;margin:0!important}
.hm-facts{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));margin:18px 0}
.hm-fact{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;background:var(--surface)}
.hm-fact .lbl{display:block;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:4px}
.hm-fact .val{font-weight:700;color:var(--ink);font-size:15px}
.hm-dl{margin:22px 0;padding:18px 18px 8px;border-radius:14px;background:var(--green-soft);border:1px solid var(--green-tint)}
.hm-dlb{display:flex;flex-wrap:wrap;gap:12px}
.hm-cta{display:inline-flex;flex-direction:column;min-height:44px;justify-content:center;padding:10px 18px;border-radius:12px;background:var(--green);color:#fff!important;text-decoration:none;font-weight:700}
.hm-cta span{font-weight:400;font-size:12.5px;opacity:.92}
.hm-cta.alt{background:var(--surface);color:var(--green-deep)!important;border:1px solid var(--green)}
.hm-search{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hm-search input{flex:1 1 260px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;background:var(--surface);color:var(--ink)}
.hm-qn{font-family:var(--font-mono);font-size:12px;color:var(--muted)}
.hm-res{list-style:none;padding:0;margin:12px 0 0}
.hm-res li{border-bottom:1px solid var(--line);padding:10px 2px}
.hm-res a{font-weight:600}
.hm-res small{display:block;color:var(--muted)}
.hm-grp h3{font-size:15px;margin:20px 0 6px;color:var(--green-deep)}
.hm-toc{margin:0;padding-left:2.4em;columns:2 300px;column-gap:28px}
.hm-toc li{break-inside:avoid;padding:5px 0;line-height:1.35}
.hm-cnt{font-family:var(--font-mono);font-size:11px;color:var(--muted)}
.hm-chead{margin:8px 0 18px}
.hm-chead h1{font-size:clamp(24px,5.5vw,34px);margin:2px 0 4px}
.hm-kick,.hm-sub{font-family:var(--font-mono);font-size:12px;color:var(--muted);margin:0}
.hm-dua{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:16px 18px;margin:0 0 16px}
.hm-n{font-family:var(--font-mono);font-size:13px;margin:0 0 8px;color:var(--green-deep)}
.hm-n a{color:inherit;text-decoration:none;border:1px solid var(--green-tint);background:var(--green-soft);border-radius:20px;padding:2px 10px}
.hm-rep{font-weight:400;color:var(--muted);margin-left:6px}
.hm-intro{font-size:14.5px;color:var(--body);margin:0 0 10px}
.hm-ar{font-family:var(--font-quran);font-size:clamp(22px,5.4vw,28px);line-height:2.1;color:var(--ink);text-align:right;margin:4px 0 10px;word-spacing:.05em}
.hm-ayah{font-size:.8em;color:var(--green)}
.hm-bism{display:block;text-align:center}
.hm-tr{font-style:italic;color:var(--muted);margin:0 0 8px;font-size:15px}
.hm-en{font-size:16px;color:var(--ink);margin:0 0 10px;line-height:1.6}
.hm-ref,.hm-cited{font-size:13px;color:var(--body);margin:0 0 6px}
.hm-lbl{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-right:4px}
.hm-sim{color:var(--muted);font-size:12px}
.hm-grade{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:1px 8px;background:var(--green-tint);color:var(--green-deep)}
.hm-act{display:flex;gap:8px;margin-top:8px}
.hm-btn{min-height:44px;min-width:44px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--body);font:inherit;font-size:14px;cursor:pointer}
.hm-btn:hover,.hm-btn:focus-visible{border-color:var(--green);color:var(--green)}
.hm-btn.ok{border-color:var(--green);color:var(--green)}
.hm-pn{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:24px 0 10px;font-size:14px}
.hm-pn a{display:inline-block;padding:10px 0;min-height:44px}
.hm-foot{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
.hm-faq{border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;background:var(--surface);margin:0 0 10px}
.hm-faq summary{cursor:pointer;font-weight:700;color:var(--ink)}
.hm-faq p{margin:10px 0 0}
