:root{--bg:#FAF7F2;--card:#FFFFFF;--line:#DED6CC;--field:#8C8279;--fg:#181616;--mu:#6B6259;--link:#1E5FA8;--link-h:#123E70;--track:#EFEAE3;--teal-deep:#0F8A8A;--lanes:#DED6CC;--p:#1E5FA8;--p-fg:#FFFFFF;--p-h:#174C88;--p-a:#123E70;--wm:#1E5FA8;--font:"IBM Plex Sans Arabic","RL Symbols",system-ui,sans-serif;--head:"Alexandria","IBM Plex Sans Arabic","RL Symbols",sans-serif;--grad:linear-gradient(to left,#1E5FA8,#14A3A3 50%,#FF7614);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg:#181616;--card:#221F1E;--line:#3A3532;--fg:#FAF7F2;--mu:#A39A90;--link:#7FB0E8;--link-h:#CFE0F5;--track:#2A2624;--teal-deep:#14A3A3;--lanes:#3A3532;--p:#FF7614;--p-fg:#181616;--p-h:#FF8A33;--p-a:#E86A10;--wm:#FAF7F2;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;font:400 16px/1.75 var(--font);color:var(--fg);background:var(--bg);padding:0 max(16px,env(safe-area-inset-right)) 48px max(16px,env(safe-area-inset-left))}.doc{position:relative;max-width:720px;margin:0 auto}.top{display:flex;align-items:center;gap:8px;height:56px;margin:0 -16px 32px;padding:0 16px;border-bottom:1px solid var(--line)}.top .lock{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:inherit;text-decoration:none;font:800 20px/1 var(--head);white-space:nowrap}.top .lock img{width:32px;height:31px;display:block}.top .rj-la{font:800 14px/1 var(--head);color:var(--wm)}.beta{margin-inline-start:auto;padding:4px 8px;border-radius:999px;border:1px solid var(--line);color:var(--mu);font:400 12px/1.4 var(--font);white-space:nowrap}h1,h2{text-wrap:balance}p,li{text-wrap:pretty}h1{font:700 32px/1.85 var(--head);margin:0 0 8px}.tline{display:block;width:120px;height:4px;border-radius:999px;background:var(--grad);margin:0 0 16px}h2{font:700 20px/1.85 var(--head);margin:32px 0 8px}p,li{margin:0 0 12px}ul{padding-inline-start:24px;margin:0 0 12px}.lead{font-size:16px;color:var(--fg)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin:16px 0}a{color:var(--link);text-underline-offset:4px}a:hover{color:var(--link-h)}b{font-weight:600}.mu{color:var(--mu);font-size:14px}bdi,.ltr{direction:ltr;unicode-bidi:isolate}.foot{margin-top:48px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:0 24px;font-size:14px}.big{font:600 48px/1 IBM Plex Mono,RL Symbols,monospace;color:var(--fg);margin:24px 0 8px;direction:ltr;text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 24px;border-radius:12px;background:var(--p);color:var(--p-fg);font:600 16px/1 var(--font);text-decoration:none;margin-top:16px;transition:transform .15s cubic-bezier(.16,1,.3,1)}.btn:hover{background:var(--p-h);color:var(--p-fg)}.btn:active{background:var(--p-a);transform:scale(.97)}:focus-visible{outline:2px solid var(--link);outline-offset:2px}.top a,.foot a,.doc li a,.doc p a{display:inline-flex;align-items:center;min-height:44px}.doc.off{overflow:hidden;padding-top:0}.doc.off>.top{position:relative;z-index:1;background:var(--bg)}.lanefield{position:absolute;top:56px;left:-16px;pointer-events:none;fill:none;stroke:var(--lanes);stroke-width:1.5}.lanefield .lt{stroke:#14a3a3;stroke-opacity:.75;stroke-width:2}.doc.off h1,.doc.off .big,.doc.off .lead,.doc.off .btn{position:relative}.pcards{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px}.pcards li{display:flex;gap:12px;align-items:flex-start;margin:0;padding:16px 20px;background:var(--card);border:1px solid var(--line);border-radius:16px}.pcards svg{flex:none;width:24px;height:24px;margin-top:4px;fill:none;stroke:var(--teal-deep);stroke-width:1.8}.pcards h2{margin:0;font-size:20px}.pcards p{margin:0;color:var(--mu);font-size:14px}.pfolds{margin:24px 0;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}.pf{border-top:1px solid var(--line);padding:0 16px}.pf:first-child{border-top:0}.pf>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px}.pf>summary::-webkit-details-marker{display:none}.pf>summary h2{margin:0;font:600 16px/1.5 var(--font)}.pf>summary:after{content:"";flex:none;width:8px;height:8px;border-right:2px solid var(--fg);border-bottom:2px solid var(--fg);transform:translateY(-2px) rotate(45deg);transition:transform .25s cubic-bezier(.16,1,.3,1)}.pf[open]>summary:after{transform:translateY(2px) rotate(-135deg)}.pf[open]{padding-bottom:12px}.pf .card{margin:0}@media(prefers-reduced-motion:reduce){.pf>summary:after,.btn{transition:none}}