:root{/* اللون: الأزرق كان غريباً عن الهوية — فيصل، 2026-10-12: «اجعلها بنفس التنسيق والألوان».
        والأحمر من القرار 0022 (علامة EVΛL #e0332f) هو `--brand`؛ والرابط يأخذ درجةً أفتح منه
        لأن تباين #e0332f على هذه الخلفية ٤٫٤:١ والأفتح ٦٫٥:١ (والأزرق كان ٨٫٤:١) — والنصّ
        يُقرأ قبل أن يُعجب. والمقاسات والمسافات لم تُمَسّ: «حاول ما تغيّر بالإعدادات والأحجام». */
       --bg:#0b0b0d;--bg2:#101013;--surface:#151518;--line:#232328;--line2:#30303a;--ink:#f2f2f6;--ink2:#c9c9d3;--muted:#8e8e9c;--accent:#f4675f;--accent2:#fa7a72;--brand:#e0332f;--code:#000;--codeink:#ededed;--ease:cubic-bezier(.22,1,.36,1);--ease-drawer:cubic-bezier(.32,.72,0,1);--fast:140ms;--base:200ms;--font:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 var(--font);-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none;transition:color var(--fast) var(--ease)}a:hover{text-decoration:underline;text-underline-offset:3px}
button,.btn,.ghost,.pager a,.side a{transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease),border-color var(--fast) var(--ease),scale var(--fast) var(--ease),opacity var(--fast) var(--ease)}
button:active,.btn:active,.ghost:active,.pager a:active{scale:.97}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
img{max-width:100%;height:auto;display:block}
code{font-family:var(--mono);font-size:.92em;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:1px 5px;color:var(--ink)}
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{width:auto;height:auto;clip-path:none;inset-inline-start:12px;top:12px;background:var(--accent);color:#fff;padding:8px 12px;border-radius:8px;z-index:50}
/* top bar */
.top{position:sticky;top:0;z-index:30;height:56px;display:flex;align-items:center;gap:0;padding:0;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;height:100%;padding-inline:20px}
.brand img{height:17px;width:auto}
.by{padding-inline-start:18px}
.by{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.right{margin-inline-start:auto;display:flex;align-items:center;gap:10px;padding-inline-end:20px}
.ghost{font-size:13px;color:var(--ink2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;white-space:nowrap}.ghost:hover{text-decoration:none;border-color:var(--line2);background:var(--surface)}
.menu{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px}
.menu span{width:16px;height:1.5px;background:var(--ink);display:block}
/* layout */
.layout{display:grid;grid-template-columns:272px minmax(0,1fr);gap:0;max-width:none;margin:0;align-items:start}
.pane{display:grid;grid-template-columns:minmax(0,880px) 248px;justify-content:center;align-items:start;min-width:0}
.side{position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;overscroll-behavior:contain;padding:26px 14px 40px 20px;border-inline-end:1px solid var(--line);scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .2s}
.side:hover,.side:focus-within{scrollbar-color:var(--line2) transparent}
.side::-webkit-scrollbar{width:8px}.side::-webkit-scrollbar-track{background:transparent}
.side::-webkit-scrollbar-thumb{background:transparent;border-radius:8px;border:2px solid transparent;background-clip:content-box}
.side:hover::-webkit-scrollbar-thumb{background:var(--line2);background-clip:content-box}
.side .g{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:20px 0 6px;padding-inline-start:9px}.side .g:first-child{margin-top:0}
.side a{display:flex;align-items:center;gap:9px;padding:6px 9px;border-radius:8px;color:var(--ink2);font-size:13.5px;line-height:1.45;white-space:nowrap;overflow:hidden}
.side a span{overflow:hidden;text-overflow:ellipsis}
.ic{width:17px;height:17px;flex:none;color:var(--muted);transition:color var(--fast) var(--ease)}
.side a:hover .ic,.side a[aria-current="page"] .ic{color:var(--accent)}
.h1-ic{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);margin-inline-end:12px;vertical-align:-9px}
.h1-ic .ic{width:20px;height:20px;color:var(--accent)}
.row-ic{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--surface);border:1px solid var(--line);margin-inline-end:9px;vertical-align:-8px}
.row-ic .ic{width:15px;height:15px;color:var(--accent)}
td .row-ic+a{font-weight:500}
.tbl td:first-child:has(.row-ic){white-space:nowrap}
.side a:hover{background:var(--surface);text-decoration:none;color:var(--ink)}
.side a[aria-current="page"]{color:var(--ink);font-weight:500}
.side{position:relative}
.side .ind{position:absolute;inset-inline-start:14px;width:calc(100% - 34px);height:29px;border-radius:8px;background:var(--surface);top:0;transform:translateY(var(--y,0));transition:transform var(--base) var(--ease),opacity var(--fast) var(--ease);pointer-events:none;opacity:0}
.side .ind.on{opacity:1}
.side a{position:relative;z-index:1}
.scrim{display:none}
@media (min-width:821px){.scrim{display:none!important}}
.content{padding:40px 56px 72px;min-width:0;width:100%;animation:enter 260ms var(--ease) both}
@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.crumb{margin:0 0 10px;font-size:13px;color:var(--muted)}
h1{font-size:30px;line-height:1.15;letter-spacing:-.02em;font-weight:600;margin:0 0 10px;display:flex;align-items:center;gap:0}
.lead{font-size:17px;color:var(--ink2);margin:0 0 28px;max-width:62ch}
h2{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:40px 0 10px;scroll-margin-top:72px}
h2 a.anchor{color:var(--muted);opacity:0;margin-left:6px;font-weight:400}h2:hover a.anchor{opacity:1}
p,li{color:var(--ink2);max-width:72ch}ul{padding-inline-start:20px}li{margin:4px 0}b{color:var(--ink);font-weight:600}
.lockup-wrap{margin:0 0 28px;background:#0b0b0d;border-radius:14px;padding:28px}.lockup-wrap img{width:min(460px,100%);margin:0 auto}
.lockup-wrap{border:1px solid var(--line)}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin:12px 0}
table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:start;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink2)}th{color:var(--ink);font-weight:600;background:var(--bg2);font-size:13px}tr:last-child td{border-bottom:0}td code{white-space:nowrap}
.logos{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.logo{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--bg2);border-radius:10px;padding:7px 12px;font-size:13.5px;color:var(--ink2);transition:border-color var(--fast) var(--ease),color var(--fast) var(--ease)}
.logo:hover{border-color:var(--line2);color:var(--ink)}
.logo .mark{width:16px;height:16px;flex:none;color:var(--ink)}
.logo.wm{padding:9px 14px}.logo.wm svg{height:12px;width:auto;display:block;color:var(--ink)}
.logo .mark.img{object-fit:contain}
.logo .mark.txt{font:600 11px var(--mono);letter-spacing:.04em;width:auto;color:var(--accent)}
.tag{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px dashed var(--line2);color:var(--muted)}
.tag.on{border-style:solid;border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.code{position:relative;margin:12px 0}.code pre{margin:0;background:var(--code);border:1px solid #1f1f22;border-radius:10px;padding:14px 16px;overflow-x:auto;font:13px/1.6 var(--mono);color:var(--codeink)}
/* ألوان Geist: تعليق · نصّ · رقم · كلمة محجوزة · أمر · علَم */
.code .tc{color:#8a8f98}.code .ts{color:#50e3c2}.code .tn{color:#f5a623}
.code .tk{color:#ff0080}.code .tf{color:#3291ff}.code .tp{color:#a371f7}.code code{background:none;border:0;padding:0;font-size:inherit;color:inherit}
.copy{position:absolute;top:8px;inset-inline-end:8px;font:12px var(--font);color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:3px 8px;cursor:pointer}.copy:hover{color:var(--ink)}
.say{border:1px solid var(--line);border-radius:10px;background:var(--bg2);padding:14px 16px;margin:14px 0;font-size:17px;line-height:1.9;color:var(--ink);max-width:62ch}
.callout{border:1px solid var(--line);border-inline-start:3px solid var(--accent);background:var(--bg2);border-radius:10px;padding:12px 14px;margin:14px 0;color:var(--ink2);font-size:14.5px}.callout.warn{border-inline-start-color:#E0A526}
.btn{display:inline-block;background:var(--accent);color:#0b0b0d!important;border-radius:10px;padding:10px 16px;font-weight:500}.btn:hover{text-decoration:none;filter:brightness(1.06)}
.soon{font-size:clamp(56px,9vw,96px);font-weight:600;letter-spacing:-.05em;line-height:1;margin:8px 0 18px;color:var(--ink)}
.chat{border:1px solid var(--line);border-radius:16px;background:var(--bg2);padding:14px;margin:6px 0 10px;display:flex;flex-direction:column;gap:12px}
.log{display:flex;flex-direction:column;gap:10px;max-height:min(52vh,460px);overflow-y:auto;scroll-behavior:smooth}
.msg{max-width:min(92%,62ch);border-radius:14px;padding:10px 13px;font-size:14.5px;line-height:1.6;animation:msg 240ms var(--ease) both}
.msg p{margin:0;color:inherit;max-width:none}.msg p+p{margin-top:6px}
.msg .en{opacity:.62;font-size:13.5px}
.msg.bot{background:var(--surface);border:1px solid var(--line);color:var(--ink2);align-self:flex-start}
.msg.me{background:var(--accent);color:#0b0b0d;align-self:flex-end;border:1px solid var(--accent)}
.msg.err{background:color-mix(in srgb,#E0A526 14%,transparent);border:1px solid color-mix(in srgb,#E0A526 40%,transparent);color:var(--ink2);align-self:flex-start}
.msg[dir="rtl"]{text-align:right}
@keyframes msg{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.dots{display:inline-flex;gap:4px;align-items:center;height:1.2em}
.dots i{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:dot 1s var(--ease) infinite}
.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.chips[hidden]{display:none}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.chips button{white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--ink2);border-radius:999px;padding:7px 13px;font:14px var(--font);cursor:pointer}
.chips button:hover{border-color:var(--accent);color:var(--ink)}
.ask{display:flex;gap:8px;align-items:center}
.ask input{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 13px;color:var(--ink);font:15px var(--font)}
.ask input:focus{outline:2px solid var(--accent);outline-offset:1px}
.ask button{width:42px;height:42px;flex:none;border:0;border-radius:12px;background:var(--accent);color:#0b0b0d;font-size:18px;font-weight:700;cursor:pointer}
.ask button:disabled{opacity:.45;cursor:default}
.fine{margin:0;color:var(--muted);font-size:12.5px}
.about h2{margin-top:52px}
.band{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--bg2);padding:clamp(28px,5vw,56px);margin:6px 0 10px}
.band-in{position:relative;z-index:1}
.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:var(--accent2);margin:0 0 10px}
.huge{font-size:clamp(24px,3.4vw,38px);font-weight:600;line-height:1.18;margin:0;max-width:20ch}
.band-sub{color:var(--muted);margin:14px 0 0;max-width:52ch}
.aurora{position:absolute;inset:-20% -10%;filter:blur(70px);opacity:.5;pointer-events:none}
.aurora i{position:absolute;display:block;width:46%;height:70%;border-radius:50%;background:#2F63D8;animation:float 22s var(--ease) infinite}
.aurora i:nth-child(2){background:#4F86F7;left:38%;top:10%;animation-delay:-7s;opacity:.7}
.aurora i:nth-child(3){background:#1E3A8A;left:66%;top:-10%;animation-delay:-14s}
@keyframes float{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(6%,8%,0) scale(1.12)}}
.counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:30px}
.counters b{display:block;font-size:clamp(22px,3vw,30px);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.counters span{display:block;color:var(--muted);font-size:12.5px;margin-top:4px}
.devices{display:grid;grid-template-columns:186px 1fr 1fr;gap:18px;margin:18px 0 6px;align-items:start}
.dev{margin:0;display:flex;flex-direction:column;gap:12px}
.dev .screen{position:relative;background:#08080A;border:1px solid var(--line2);overflow:hidden;transition:transform var(--base) var(--ease),border-color var(--base)}
.dev:hover .screen{transform:translateY(-4px);border-color:var(--accent)}
.dev figcaption{color:var(--muted);font-size:12.5px;line-height:1.5}
.phone .screen{border-radius:22px;padding:9px 9px 11px;aspect-ratio:9/15;max-width:186px;display:flex;flex-direction:column;gap:7px}
.phone .bar{height:14px;display:grid;place-items:center}.phone .bar span{display:block;width:34%;height:4px;border-radius:999px;background:var(--line2)}
.phone .bubble{font-size:9.5px;line-height:1.5;padding:6px 8px;border-radius:10px;max-width:86%;animation:pop .5s var(--ease) both}
.phone .bubble.bot{background:var(--surface);border:1px solid var(--line);color:var(--ink2);align-self:flex-start;animation-delay:.1s}
.phone .bubble.me{background:var(--accent);color:#fff;align-self:flex-end;animation-delay:.3s}
.phone .bubble:nth-of-type(3){animation-delay:.5s}
.phone .composer{margin-top:auto;height:20px;border-radius:999px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center}
.phone .composer span{display:block;width:60%;height:3px;border-radius:999px;background:var(--line2)}
@keyframes pop{from{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}
.tv .screen{border-radius:10px;aspect-ratio:16/10;display:grid;place-items:center;position:relative}
.tv .play{width:38px;height:38px;border-radius:50%;border:1px solid var(--accent);position:relative}
.tv .play::after{content:"";position:absolute;left:55%;top:50%;transform:translate(-50%,-50%);border-left:11px solid var(--accent2);border-top:7px solid transparent;border-bottom:7px solid transparent}
.tv .slides{position:absolute;bottom:10px;display:flex;gap:6px}
.tv .slides i{width:18px;height:3px;border-radius:999px;background:var(--line2)}
.tv .slides i:first-child{background:var(--accent);animation:slide 4s var(--ease) infinite}
@keyframes slide{0%,30%{opacity:1}31%,100%{opacity:.35}}
.desk .screen{border-radius:12px;aspect-ratio:16/10;padding:10px;display:flex;flex-direction:column;gap:9px}
.desk .win{display:flex;gap:5px}
.desk .dot{width:7px;height:7px;border-radius:50%;background:var(--line2)}
.desk .rows{display:grid;gap:7px;align-content:start}
.desk .rows i{display:block;height:7px;border-radius:999px;background:var(--surface2);width:var(--w);border:1px solid var(--line)}
.desk .rows i:nth-child(2){background:color-mix(in srgb,var(--accent) 25%,var(--surface2))}
.layers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:16px}
.layer{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;position:relative;overflow:hidden;transition:transform var(--base) var(--ease),border-color var(--base)}
.layer:hover{transform:translateY(-3px);border-color:var(--line2)}
.layer .tag{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent2)}
.layer h3{font-size:19px;font-weight:600;margin:8px 0}
.ticks{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.ticks li{position:relative;padding-inline-start:20px;color:var(--ink2);font-size:14.5px}
.ticks li::before{content:"";position:absolute;inset-inline-start:0;top:9px;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--accent);opacity:.9}
.chipwrap{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.chipwrap .chip{font-family:var(--font);font-size:13.5px;padding:7px 12px;color:var(--ink2)}
.rail{list-style:none;counter-reset:r;margin:18px 0 0;padding:0;display:grid;gap:0;position:relative}
.rail::before{content:"";position:absolute;inset-inline-start:13px;top:12px;bottom:12px;width:1px;background:linear-gradient(var(--line),var(--accent),var(--line))}
.rail li{counter-increment:r;position:relative;padding:0 0 22px 0;padding-inline-start:44px;max-width:none}
.rail li::before{content:counter(r,decimal-leading-zero);position:absolute;inset-inline-start:0;top:0;width:27px;height:27px;border-radius:50%;
  display:grid;place-items:center;background:var(--bg);border:1px solid var(--line2);color:var(--accent2);font:600 11px var(--mono)}
.rail li:last-child{padding-bottom:0}
.rail b{display:block;font-size:16px;font-weight:600;margin-bottom:3px}
.rail span{color:var(--ink2);font-size:14.5px}
.refuse{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.refuse li{background:var(--bg2);border:1px solid var(--line);border-inline-start:3px solid var(--accent);border-radius:12px;padding:12px 14px;color:var(--ink2);max-width:none}
@media (max-width:980px){.devices{grid-template-columns:1fr 1fr}.devices .desk{grid-column:span 2}}
@media (max-width:520px){.devices{grid-template-columns:1fr}.devices .desk{grid-column:auto}.phone .screen{max-width:220px}}
@media (prefers-reduced-motion:reduce){.aurora i,.phone .bubble,.tv .slides i:first-child{animation:none}}
.demo{border:1px solid var(--line);border-radius:10px;background:var(--bg2);padding:12px 14px;margin:12px 0}
.demo-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.demo .run{background:var(--ink);color:#0b0b0d;border:0;border-radius:8px;padding:8px 14px;font:500 14px var(--font);cursor:pointer}.demo .run:hover{opacity:.9}
.demo .hint{color:var(--muted);font-size:13px}.demo .out{margin:10px 0 0;animation:reveal 240ms var(--ease) both;background:var(--code);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:12.5px/1.5 var(--mono);color:var(--codeink);white-space:pre-wrap;overflow-x:auto}
.toast{position:fixed;inset-inline-end:16px;bottom:16px;z-index:40;background:#f2f2f6;color:#0b0b0d;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 40px rgba(0,0,0,.25);font-size:14px;animation:tin 300ms var(--ease)}
.toast b{color:#0b0b0d}.toast button{background:#0b0b0d;color:#f2f2f6;border:0;border-radius:8px;padding:6px 10px;font:500 13px var(--font);cursor:pointer}
@keyframes tin{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes reveal{from{clip-path:inset(0 0 100% 0);opacity:.6}to{clip-path:inset(0 0 0 0);opacity:1}}
.toast.out{opacity:0;transform:translateY(8px) scale(.98);transition:opacity 180ms var(--ease),transform 180ms var(--ease)}
.copy[data-instant]{transition-duration:0ms}
.pager{display:flex;justify-content:space-between;gap:12px;margin-top:48px;padding-top:20px;border-top:1px solid var(--line)}
.pager a{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--ink);padding:10px 12px;border:1px solid var(--line);border-radius:10px;min-width:160px}.pager a:hover{text-decoration:none;border-color:var(--line2);background:var(--surface)}
.pager a span{font-size:12px;color:var(--muted)}.pager a.next{margin-inline-start:auto;text-align:end}
footer{margin-top:40px;color:var(--muted);font-size:13px}
.toc{position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;padding:42px 22px 24px 10px;font-size:12.5px;scrollbar-width:none}
.toc::-webkit-scrollbar{display:none}
.toc .h{font-weight:600;color:var(--ink);margin-bottom:8px}.toc .list{position:relative;border-inline-start:1px solid var(--line)}.toc .bar{position:absolute;inset-inline-start:-1px;top:0;width:1px;height:24px;background:var(--ink);transform:translateY(var(--y,0));transition:transform var(--base) var(--ease),opacity var(--fast)}.toc a{display:block;color:var(--muted);padding-block:3px;padding-inline-start:10px;transition:color var(--fast) var(--ease)}.toc a.on{color:var(--ink)}.toc a:hover{text-decoration:none;color:var(--ink)}
@media (max-width:1240px){.layout{grid-template-columns:252px minmax(0,1fr)}.pane{grid-template-columns:minmax(0,1fr)}.toc{display:none}.content{padding:36px 40px 64px}}
@media (max-width:820px){.menu{display:flex;margin-inline-start:14px}.by,.ghost{display:none}.brand{padding-inline:12px}.layout{grid-template-columns:1fr}
 .side{position:fixed;inset-inline-start:0;top:56px;visibility:hidden;bottom:0;width:min(300px,86vw);background:var(--bg);transform:translateX(-102%);transition:transform 420ms var(--ease-drawer);z-index:25;box-shadow:0 10px 40px rgba(0,0,0,.35);touch-action:pan-y;will-change:transform}
 .side.dragging{transition:none}
 .side.open{transform:none;visibility:visible}.scrim{position:fixed;inset:56px 0 0 0;background:rgba(0,0,0,.45);z-index:24;opacity:0;pointer-events:none;transition:opacity 420ms var(--ease-drawer);display:block}.scrim.open{opacity:1;pointer-events:auto}
 .content{padding:24px 18px 48px}h1{font-size:26px}.tbl table{min-width:560px}
 .tbl.stack table{min-width:0}.tbl.stack thead{display:none}.tbl.stack,.tbl.stack table,.tbl.stack tbody,.tbl.stack tr,.tbl.stack td{display:block;width:auto}
 .tbl.stack{border:0;border-radius:0}.tbl.stack tr{border:1px solid var(--line);border-radius:12px;background:var(--bg2);padding:12px 14px;margin-bottom:10px}
 .tbl.stack td{border:0;padding:2px 0}.tbl.stack td:first-child{font-size:15px}.tbl.stack td:last-child{color:var(--muted);font-size:13px;margin-top:4px}
 .tbl.stack td:first-child:has(.row-ic){white-space:normal}.h1-ic{width:32px;height:32px;border-radius:9px;margin-right:10px}.h1-ic .ic{width:17px;height:17px}.pager a{min-width:0;flex:1}}
[dir="rtl"]{--font:"Alexandria",system-ui,sans-serif}
[dir="rtl"] body{font-size:15.5px;line-height:1.8}
[dir="rtl"] h1,[dir="rtl"] h2{letter-spacing:0}
[dir="rtl"] pre,[dir="rtl"] code,[dir="rtl"] .code{direction:ltr;text-align:left}
[dir="rtl"] .brand img,[dir="rtl"] .logo.wm svg{direction:ltr}
[dir="rtl"] .pager a.next{text-align:end}
[dir="rtl"] .side .ind{transform:translateY(var(--y,0))}
.lang{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.lang a{padding:5px 9px;font-size:12.5px;color:var(--muted);line-height:1.5}
.lang a[aria-current="true"]{background:var(--surface);color:var(--ink)}
.lang a:hover{text-decoration:none;color:var(--ink)}
@media (max-width:820px){[dir="rtl"] .side{transform:translateX(102%)}[dir="rtl"] .side.open{transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0ms!important;animation-duration:0ms!important;scroll-behavior:auto}.side{transition:none}}