:root{--color-cream:#f6f0e3;--color-card:#fffaf0;--color-line:#e4d8c0;--color-sand:#eadfc9;--color-ink:#0e3a52;--color-muted:#3e5f73;--color-blue:#0b5f8a;--color-blue-dark:#0b4f73;--color-blue-tint:#d6eaf4;--color-yellow:#ffd500;--color-yellow-tint:#fff0a6;--color-gold:#8a6700;--color-ok:#2e7d4f;--font-display:"Bricolage Grotesque", "Cairo", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-display-ar:"Cairo", "Bricolage Grotesque", system-ui, sans-serif;--font-display-ur:"Noto Nastaliq Urdu", "Cairo", serif;--touch-target-min:44px}*,:before,:after{box-sizing:border-box}body{background:var(--color-cream);color:var(--color-ink);font-family:var(--font-body);margin:0;line-height:1.6}:lang(ar){font-family:var(--font-display-ar)}:lang(ur){font-family:var(--font-display-ur);line-height:2}h1,h2{font-family:var(--font-display);margin:0;line-height:1.25}:lang(ar) h1,:lang(ar) h2{font-family:var(--font-display-ar)}:lang(ur) h1,:lang(ur) h2{font-family:var(--font-display-ur)}.bar{background:var(--color-card);border-block-end:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.bar h1{color:var(--color-blue-dark);font-size:1.25rem}main{max-inline-size:960px;margin-inline:auto;padding:1.5rem 1.25rem}.card{background:var(--color-card);border:1px solid var(--color-line);border-radius:12px;padding:1.25rem}.card h2{margin-block-end:.5rem;font-size:1.1rem}button{min-block-size:var(--touch-target-min);min-inline-size:var(--touch-target-min);cursor:pointer;border:1px solid var(--color-line);background:var(--color-card);color:var(--color-ink);font:inherit;border-radius:10px;padding-inline:1rem;font-weight:600}button:hover{background:var(--color-sand)}button:focus-visible{outline:3px solid var(--color-blue);outline-offset:2px}button[aria-pressed=true]{background:var(--color-yellow);border-color:var(--color-gold)}.langs{flex-wrap:wrap;gap:.5rem;display:flex}[data-state=ok]{color:var(--color-ok);font-weight:700}[data-state=down]{color:var(--color-gold);font-weight:700}