:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f8fafc;--foreground:#172033;--muted:#5c667a;--surface:#fff;--accent:#0f766e;--focus:#2563eb;--border:#dfe4eb;font-family:Arial,Noto Sans Arabic,sans-serif}*{box-sizing:border-box}html{background:var(--background)}body{color:var(--foreground);background:var(--background);margin:0}.skip-link{z-index:10;background:var(--foreground);color:var(--surface);border-radius:.5rem;padding:.75rem 1rem;position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header,.site-footer{justify-content:space-between;align-items:center;min-block-size:4rem;inline-size:min(100% - 2rem,72rem);margin-inline:auto;display:flex}.site-header a{text-decoration:none}.brand{color:var(--accent);font-size:1.25rem;font-weight:800}.site-footer{color:var(--muted);justify-content:center}a{color:inherit}a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.shell{place-items:center;min-block-size:calc(100vh - 8rem);padding:2rem;display:grid}.page-shell,.content-section{inline-size:min(100% - 2rem,72rem);margin-inline:auto;padding-block:2rem}.content-section{grid-column:1/-1}.card-grid,.listing-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;display:grid}.category-card,.listing-card,.listing-detail{border:1px solid var(--border);background:var(--surface);border-radius:1rem;padding:1.5rem}.category-card{text-decoration:none}.category-card p,.page-heading p{color:var(--muted);line-height:1.6}.breadcrumbs{color:var(--muted);gap:.5rem;margin-block-end:2rem;display:flex}.page-heading{margin-block-end:2rem}.listing-card h2{font-size:1.25rem}.demo-notice{border-inline-start:4px solid var(--accent);background:var(--background);margin-block-start:2rem;padding:1rem}.status-card{border:1px solid var(--border);background:var(--surface);border-radius:1rem;inline-size:min(100%,36rem);padding:2rem}button{background:var(--accent);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:.5rem;padding:.75rem 1rem}.hero{border:1px solid var(--border);background:var(--surface);border-radius:1.5rem;inline-size:min(100%,44rem);padding:clamp(2rem,6vw,4rem);box-shadow:0 1.5rem 4rem #17203314}.eyebrow{color:var(--accent);margin:0 0 .75rem;font-weight:700}h1{margin:0;font-size:clamp(2rem,7vw,4rem);line-height:1.05}.lead{color:var(--muted);margin-block:1.25rem 0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.locale-switcher{border:1px solid var(--border);border-radius:999px;margin-block-start:2rem;padding:.75rem 1rem;text-decoration:none;display:inline-flex}