:root{--bg:#f6f7f6;--surface:#fff;--surface-2:#eef1ef;--text:#18201d;--muted:#56615c;--border:#d9dfdb;--accent:#0f766e;--accent-strong:#0b5c56;--accent-soft:#e0f2ef;--on-accent:#fff;--danger:#b42318;--key-bg:#fff;--key-func:#e3e8e5;--key-active:#cfe9e5;--key-text:#18201d;--key-shadow:0 1px 0 #bcc5c0;--focus:0 0 0 3px #0f766e66;--radius:14px;--radius-sm:9px;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", Arial, sans-serif;--font-arabic:"Noto Naskh Arabic", "Geeza Pro", "Segoe UI", Tahoma, sans-serif;--maxw:1180px;--gutter:16px;color-scheme:light}:root[data-theme=dark]{--bg:#111413;--surface:#191d1c;--surface-2:#212725;--text:#e7ecea;--muted:#a3ada9;--border:#2f3734;--accent:#2dd4bf;--accent-strong:#5eead4;--accent-soft:#123430;--on-accent:#04241f;--danger:#f97066;--key-bg:#272d2b;--key-func:#333b38;--key-active:#1d4a44;--key-text:#eef2f0;--key-shadow:0 1px 0 #070908;--focus:0 0 0 3px #2dd4bf80;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111413;--surface:#191d1c;--surface-2:#212725;--text:#e7ecea;--muted:#a3ada9;--border:#2f3734;--accent:#2dd4bf;--accent-strong:#5eead4;--accent-soft:#123430;--on-accent:#04241f;--danger:#f97066;--key-bg:#272d2b;--key-func:#333b38;--key-active:#1d4a44;--key-text:#eef2f0;--key-shadow:0 1px 0 #070908;--focus:0 0 0 3px #2dd4bf80;color-scheme:dark}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);margin:0;font-size:1rem;line-height:1.6;overflow-x:hidden}:lang(ar) body,body:lang(ar){font-family:var(--font-arabic);line-height:1.8}a{color:var(--accent-strong);text-underline-offset:.18em}:root[data-theme=dark] a{color:var(--accent)}img,svg{max-width:100%}:focus-visible{box-shadow:var(--focus);border-radius:6px;outline:none}.container{width:100%;max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{inset-inline-start:8px;background:var(--accent);color:var(--on-accent);z-index:100;border-radius:8px;padding:8px 12px;position:absolute;top:-40px}.skip-link:focus{top:8px}.site-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;position:relative}.site-header .container{align-items:center;gap:10px;min-height:60px;display:flex}.logo{color:var(--text);white-space:nowrap;align-items:center;gap:8px;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.logo-mark{background:var(--accent);width:32px;height:32px;color:var(--on-accent);font-family:var(--font-arabic);border-radius:9px;place-items:center;font-size:1.1rem;line-height:1;display:inline-grid}.nav-inline{gap:4px;display:none}.nav-inline a,.menu-panel a{color:var(--text);border-radius:8px;padding:6px 10px;text-decoration:none}.nav-inline a:hover,.menu-panel a:hover{background:var(--surface-2)}.header-tools{align-items:center;gap:6px;margin-inline-start:auto;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);min-width:40px;height:40px;color:var(--text);cursor:pointer;font:inherit;border-radius:10px;place-items:center;padding:0 8px;font-size:.95rem;display:inline-grid}.icon-btn:hover{background:var(--surface-2)}.icon-btn svg{width:20px;height:20px}.menu{position:relative}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-panel{inset-inline-end:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:2px;width:min(280px,100vw - 32px);padding:8px;display:grid;position:absolute;top:calc(100% + 8px);box-shadow:0 12px 30px #0000002a}.menu-panel hr{border:0;border-top:1px solid var(--border);width:100%;margin:6px 0}.menu-panel .lang-link[aria-current=true]{font-weight:700}.search{flex:auto;min-width:0;max-width:420px;position:relative}.search input{border:1px solid var(--border);background:var(--surface-2);width:100%;height:40px;color:var(--text);font:inherit;border-radius:10px;padding:0 12px;font-size:.95rem}.search input::placeholder{color:var(--muted)}.search-results{inset-inline:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:30;max-height:60vh;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);overflow:auto;box-shadow:0 12px 30px #0000002a}.search-results[hidden]{display:none}.search-results a,.search-results .empty{color:var(--text);border-radius:8px;justify-content:space-between;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.search-results a[aria-selected=true],.search-results a:hover{background:var(--accent-soft)}.search-results small{color:var(--muted);white-space:nowrap}.search--hero{max-width:640px;margin:18px 0 8px}.search--hero input{background:var(--surface);height:52px;font-size:1.05rem}.page{padding:14px 0 32px}.page-grid{gap:24px;display:grid}.page-main{min-width:0}.page-aside{display:none}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:4px;margin:0 0 6px;padding:0;font-size:.85rem;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";opacity:.6;margin-inline-end:4px}:dir(rtl) .breadcrumbs li+li:before{content:"‹"}.breadcrumbs a{color:var(--muted)}.page-title{justify-content:space-between;align-items:center;gap:10px;display:flex}h1{margin:0 0 10px;font-size:clamp(1.35rem,1.1rem + 1.2vw,2rem);line-height:1.25}h2{margin:28px 0 10px;font-size:clamp(1.15rem,1rem + .6vw,1.45rem);line-height:1.3}h3{margin:18px 0 6px;font-size:1.05rem}.intro{color:var(--text);margin:16px 0 8px;font-size:1.05rem}.prose{max-width:72ch}.prose table{border-collapse:collapse;width:100%;margin:12px 0;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:start;padding:6px 10px}.prose th{background:var(--surface-2)}.prose code{background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:.92em}.chips{flex-wrap:wrap;gap:8px;margin:8px 0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.92rem;text-decoration:none;display:inline-flex}a.chip:hover{border-color:var(--accent)}.chip[aria-current=page]{background:var(--accent-soft);border-color:var(--accent)}.howto ol{padding-inline-start:1.4em}.howto li{margin:6px 0}.faq details{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin:8px 0}.faq summary{cursor:pointer;padding:12px 14px;font-weight:600}.faq details>div{padding:0 14px 12px}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;margin:12px 0;padding:0;list-style:none;display:grid}.card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);height:100%;color:var(--text);flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}a.card:hover{border-color:var(--accent)}.card-sample{color:var(--accent-strong);font-size:1.6rem;line-height:1.4}:root[data-theme=dark] .card-sample{color:var(--accent)}.card small{color:var(--muted)}.card--featured{background:var(--accent-soft);border-color:var(--accent)}.hero{padding:18px 0 6px}.hero p{max-width:64ch}.updated{color:var(--muted);font-size:.85rem}.site-footer{border-top:1px solid var(--border);background:var(--surface);margin-top:24px;padding:24px 0 32px;font-size:.92rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:18px;display:grid}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin:4px 0}.site-footer .privacy-note{color:var(--muted)}.link-btn{color:var(--accent-strong);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.ad-slot{width:100%;min-height:var(--ad-h-m,0);place-items:center;margin:18px auto;display:grid;position:relative;overflow:hidden}.ad-slot:before{content:attr(data-label);top:0;color:var(--muted);letter-spacing:.02em;font-size:.7rem;position:absolute;inset-inline-start:0}.ad-slot ins{width:var(--ad-w-m);height:var(--ad-h-m);max-width:100%;display:inline-block}.ad-slot.placeholder ins{background:repeating-linear-gradient(45deg, var(--surface-2), var(--surface-2) 10px, transparent 10px, transparent 20px);border:1px dashed var(--border)}.ad-slot[data-only=desktop]{display:none}@media (width>=768px){.nav-inline{display:flex}.menu .nav-links-mobile{display:none}.ad-slot{min-height:var(--ad-h-d,var(--ad-h-m,0))}.ad-slot ins{width:var(--ad-w-d,var(--ad-w-m));height:var(--ad-h-d,var(--ad-h-m))}.ad-slot[data-only=desktop]{display:grid}.ad-slot[data-only=mobile]{display:none}}@media (width>=1100px){.page-grid.with-aside{grid-template-columns:minmax(0,1fr) 300px}.page-aside{display:block}.page-aside .sticky{position:sticky;top:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}html.floating .site-header,html.floating .site-footer,html.floating .breadcrumbs,html.floating .page-title,html.floating .after-tool,html.floating .page-aside,html.floating .ad-slot{display:none!important}html.floating .page{padding:6px 0}html.floating .container{padding:0 6px}