:root{--header-h:56px;--ribbon-h:26px;--nav-w:216px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Segoe UI Variable,Segoe UI,system-ui,Inter,Noto Sans,Arial,sans-serif}html[lang=ar] body{font-family:IBM Plex Sans Arabic,Noto Sans Arabic,Segoe UI,system-ui,sans-serif}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-header{height:var(--header-h);color:#fff;z-index:100;justify-content:space-between;align-items:center;gap:12px;padding-inline:16px;display:flex;position:sticky;top:0}.app-header-left{align-items:center;gap:12px;min-width:0;display:flex}.app-header-right{align-items:center;gap:4px;display:flex}.app-logo{color:#06263b;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.app-title{flex-direction:column;min-width:0;line-height:1.15;display:flex}.app-title strong{font-size:15px}.app-subtitle{opacity:.72;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.demo-ribbon{height:var(--ribbon-h);color:#7a3c05;top:var(--header-h);z-index:90;background:#fdf0e6;border-bottom:1px solid #f3d9c2;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:sticky}.app-body{flex:1;min-height:0;display:flex}.app-nav{width:var(--nav-w);top:calc(var(--header-h) + var(--ribbon-h));height:calc(100dvh - var(--header-h) - var(--ribbon-h));background:#fff;border-inline-end:1px solid #e6e6e6;flex-direction:column;flex:none;align-self:flex-start;gap:2px;padding:12px 8px;display:flex;position:sticky;overflow-y:auto}.nav-link{color:#242424;border-inline-start:3px solid #0000;border-radius:6px;align-items:center;gap:12px;padding:9px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background:#f5f2fe}.nav-link-active{color:#5a32d6;background:#f1ecfe;border-inline-start-color:#5a32d6;font-weight:600}.nav-icon{display:inline-flex}.app-content{background:#faf9f8;flex:1;min-width:0;max-width:1280px;padding:24px 28px 64px}.page-title{color:#1b1b1b;margin:0 0 4px;font-size:24px;font-weight:700}.page-intro{color:#616161;max-width:70ch;margin:0 0 20px;font-size:14px}.section-title{margin:24px 0 12px;font-size:16px;font-weight:600}.card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.two-col{grid-template-columns:2fr 1fr;align-items:start;gap:16px;display:grid}.kv{grid-template-columns:max-content 1fr;gap:6px 16px;font-size:14px;display:grid}.kv dt{color:#616161}.kv dd{margin:0;font-weight:600}@media (width<=860px){.app-nav{inset-block-end:0;inset-inline:0;border-inline-end:none;z-index:95;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-top:1px solid #e6e6e6;flex-flow:row;width:100%;height:auto;padding:6px 4px;position:fixed;top:auto;overflow-x:auto}.app-nav::-webkit-scrollbar{display:none}.nav-link{border-inline-start:none;text-align:center;white-space:nowrap;border-bottom:3px solid #0000;flex-direction:column;flex:none;gap:2px;min-width:60px;padding:6px 12px;font-size:11px}.nav-link-active{border-inline-start-color:#0000;border-bottom-color:#5a32d6}.nav-label{white-space:nowrap}.app-content{padding:16px 14px 96px}.two-col{grid-template-columns:1fr}.hide-sm,.app-subtitle{display:none}}@media (width<=520px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.jp-fill{background:linear-gradient(90deg,#6d28d9 0%,#4361ee 55%,#22b8d6 100%);transition:width .6s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.jp-fill:after{content:"";background:linear-gradient(100deg,#0000 20%,#fff9 50%,#0000 80%) 0 0/220% 100%;animation:2.4s linear infinite jp-shimmer;position:absolute;inset:0}.jp-node-current{animation:1.9s ease-out infinite jp-pulse}@keyframes jp-shimmer{0%{background-position:180% 0}to{background-position:-180% 0}}@keyframes jp-pulse{0%{box-shadow:0 0 #22b8d680}70%{box-shadow:0 0 0 12px #22b8d600}to{box-shadow:0 0 #22b8d600}}