:root{color-scheme:light dark;--halal: #1b5e20;--halal-bright: #2e7d32;--haram: #c62828;--doubtful: #f9a825;--unknown: #9e9e9e;--accent: #ffd700;--bg: #f7faf7;--surface: #ffffff;--surface-muted: #eef5ee;--border: #d8e4d8;--text: #10231a;--text-muted: #4a5a4f;--on-brand: #ffffff;--shadow-sm: 0 1px 2px rgb(16 35 26 / 8%);--shadow-md: 0 8px 24px rgb(16 35 26 / 10%);--radius-sm: .5rem;--radius-md: 1rem;--radius-pill: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--measure: 68ch;--page-max: 68rem;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Noto Sans Arabic", "Noto Sans Devanagari", sans-serif}@media(prefers-color-scheme:dark){:root{--halal: #7fc98a;--halal-bright: #a5dcae;--haram: #ef8a8a;--doubtful: #f7cf6a;--unknown: #b4b4b4;--bg: #0f2417;--surface: #16301f;--surface-muted: #1c3a27;--border: #2b4d36;--text: #eef5ee;--text-muted: #b6c9bb;--on-brand: #0f2417;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 8px 24px rgb(0 0 0 / 45%)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:1.0625rem;line-height:1.65;text-wrap:pretty}h1,h2,h3{line-height:1.2;text-wrap:balance;margin-block:0 var(--space-4)}h1{font-size:clamp(2rem,5.5vw,3rem);letter-spacing:-.02em}h2{font-size:clamp(1.5rem,3.6vw,2.1rem)}h3{font-size:1.15rem}p{margin-block:0 var(--space-4);max-width:var(--measure)}a{color:var(--halal);text-underline-offset:.15em}a:hover{color:var(--halal-bright)}:focus-visible{outline:3px solid var(--halal);outline-offset:3px;border-radius:var(--radius-sm)}img{max-width:100%;height:auto}ul{padding-inline-start:1.25rem}.wrap{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--space-4)}section{padding-block:var(--space-16)}@media(max-width:40rem){section{padding-block:var(--space-12)}}.skip-link{position:absolute;inset-block-start:-3rem;inset-inline-start:var(--space-4);z-index:10;padding:var(--space-2) var(--space-4);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);transition:inset-block-start .15s ease}.skip-link:focus{inset-block-start:var(--space-2)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);background:var(--halal);color:var(--on-brand);font-weight:600;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .15s ease,background-color .15s ease}.btn:hover{background:var(--halal-bright);color:var(--on-brand);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--halal);border:2px solid var(--border);box-shadow:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}.btn:hover{transform:none}}.grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card p:last-child{margin-block-end:0}.lede{font-size:1.15rem;color:var(--text-muted)}.muted{color:var(--text-muted)}.center{text-align:center}.center p{margin-inline:auto}.site-header{position:sticky;inset-block-start:0;z-index:5;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-block-end:1px solid var(--border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-3)}.site-header__brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;color:var(--text);text-decoration:none}.site-header__nav{display:flex;align-items:center;gap:var(--space-6)}.site-header__nav a:not(.btn){text-decoration:none;color:var(--text-muted);font-size:.95rem}.site-header__nav a:not(.btn):hover{color:var(--halal)}@media(max-width:52rem){.site-header__nav a:not(.btn){display:none}}.site-footer{border-block-start:1px solid var(--border);background:var(--surface-muted);padding-block:var(--space-12) var(--space-8);font-size:.95rem}.site-footer h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}