/* V12: Noorehira CSS belongs INSIDE <style> to avoid displaying CSS as webpage text.
   The binary itself is not distributed with this project. */
@font-face {
  font-family: "Noorehira";
  src: local("Noorehira"), local("noorehira"),
       url("../../assets/fonts/noorehira.ttf") format("truetype"),
       url("https://cdn.jsdelivr.net/gh/Emon-Ahmed/Arabic-Fonts@main/src/fonts/noorehira.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root{--emerald:#063f35;--deep:#003d33;--green:#087458;--green-2:#0d644e;--ivory:#fffcf5;--cream:#f7f2e8;--gold:#d8aa56;--gold-light:#e8c680;--ink:#122f2a;--muted:#7a8b88;--mint:#e6f3e9;--line:#e9e5dc;--shadow:0 12px 35px rgba(33,53,41,.065);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--arabic:'Noorehira','Amiri','Noto Naskh Arabic',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ecece7;color:var(--ink);font-family:var(--sans);-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold)!important;outline-offset:3px}img{max-width:100%;display:block}svg{display:block}h1,h2,h3,p{margin-top:0}.serif{font-family:var(--serif)}.app-layout{max-width:1540px;min-height:100vh;margin:0 auto;display:flex;background:var(--ivory);box-shadow:0 0 70px #0a332b10}.main-area{min-width:0;flex:1}.page-frame{max-width:1190px;margin:auto;padding:26px 28px 65px}.section-title{font-family:var(--serif);font-size:28px;letter-spacing:-.8px;line-height:1.2;font-weight:700;margin:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:28px 0 17px}.section-head .ico{color:#b98e3b;margin-right:9px}.section-link{display:inline-flex;align-items:center;gap:5px;color:var(--green);background:none;border:none;font-weight:700;font-size:13px;white-space:nowrap}.section-link .icon{width:15px;height:15px}.icon{width:22px;height:22px;flex-shrink:0}.icon-sm{width:17px;height:17px}.muted{color:var(--muted)}.gold{color:var(--gold)}.small{font-size:12px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#b08d4e;text-transform:uppercase}.pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;white-space:nowrap}.button{border:1px solid var(--line);background:white;border-radius:15px;padding:12px 16px;color:var(--ink);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px}.button.primary{background:var(--emerald);color:white;border-color:var(--emerald)}.button:active,.feature-tile:active,.dhikr-choice:active{transform:scale(.98)}.quiet-button{border:none;background:none;color:var(--green);font-weight:700}.card{border:1px solid var(--line);border-radius:23px;background:var(--ivory);box-shadow:var(--shadow)}