:root{color-scheme:light;--asal-bg: #f7f3ec;--asal-surface: #fffaf2;--asal-surface-raised: #ffffff;--asal-surface-muted: #efe7dc;--asal-text: #1f2933;--asal-text-muted: #637083;--asal-border: #ded3c4;--asal-accent: #9a6b2f;--asal-accent-strong: #714a1e;--asal-danger: #9f2f2f;--asal-success: #2f7d57;--asal-focus: #1d6f9f;--asal-radius: 8px;--asal-shadow: 0 12px 34px rgb(33 37 41 / 8%);font-family:Segoe UI,Tahoma,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at top right,rgb(154 107 47 / 12%),transparent 32rem),linear-gradient(180deg,#faf7f0 0%,var(--asal-bg) 100%);color:var(--asal-text)}a{color:var(--asal-accent-strong);text-decoration-thickness:.08em;text-underline-offset:.22em}button,input,select,textarea{font:inherit;min-width:0}input,select,textarea{width:100%;border:1px solid var(--asal-border);border-radius:var(--asal-radius);background:var(--asal-surface-raised);color:var(--asal-text);padding:.78rem .85rem}textarea{min-height:7rem;resize:vertical}button,.button-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:var(--asal-radius);background:var(--asal-accent);color:#fffaf2;cursor:pointer;padding:.78rem 1rem;text-decoration:none;min-height:2.75rem;max-width:100%}button.secondary,.button-link.secondary{background:var(--asal-surface-raised);border-color:var(--asal-border);color:var(--asal-text)}button.danger{background:var(--asal-danger)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--asal-focus),transparent 68%);outline-offset:2px}main{width:100%;max-width:1040px;margin:0 auto;padding:1.2rem clamp(1rem,3vw,2rem) 4rem}h1,h2,h3,p{margin-block-start:0}h1{font-size:clamp(2rem,7vw,4.25rem);line-height:1.1;letter-spacing:-.04em}h2{font-size:clamp(1.35rem,3vw,2rem)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.85rem 0;min-width:0}.brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--asal-text);font-weight:750;text-decoration:none;min-width:0}.brand-mark{display:inline-grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:999px;background:var(--asal-accent);color:#fff}.nav{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--asal-text-muted);min-width:0}.stack{display:grid;gap:1rem;min-width:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;min-width:0}.card{background:var(--asal-surface);border:1px solid var(--asal-border);border-radius:var(--asal-radius);box-shadow:var(--asal-shadow);padding:clamp(1rem,3vw,1.5rem);min-width:0}.panel{border:1px solid var(--asal-border);border-radius:var(--asal-radius);background:var(--asal-surface-raised);padding:1rem;min-width:0}.muted{color:var(--asal-text-muted)}.eyebrow{color:var(--asal-accent-strong);font-weight:750;letter-spacing:.04em}.row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;min-width:0}.row>input,.row>select,.row>textarea{flex:1 1 12rem}.spread{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0}pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}progress{width:100%}.badge{display:inline-flex;align-items:center;border:1px solid var(--asal-border);border-radius:999px;background:var(--asal-surface-raised);color:var(--asal-text-muted);padding:.28rem .65rem;font-size:.88rem}.badge.success{color:var(--asal-success);border-color:color-mix(in srgb,var(--asal-success),transparent 70%)}.badge.warning{color:var(--asal-accent-strong)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@font-face{font-family:Asal Quran;src:url(/assets/asal/quran_amiri_quran.ttf) format("truetype");font-display:swap}.quran-text{font-family:Asal Quran,serif;line-height:2.2;font-size:1.5rem}@media(max-width:680px){.topbar,.spread{align-items:flex-start;flex-direction:column}}