:root{--guide-sidebar-width:318px;--guide-sidebar-navy:#06283f;--guide-sidebar-deep:#041f33;--guide-sidebar-line:rgba(255,255,255,.1)}
.guide-body{grid-template-columns:var(--guide-sidebar-width) minmax(0,1fr);grid-template-areas:"sidebar main"}.guide-body.lang-ar{grid-template-columns:var(--guide-sidebar-width) minmax(0,1fr);grid-template-areas:"sidebar main"}.guide-main{grid-area:main}
.guide-sidebar{grid-area:sidebar;position:sticky;z-index:40;top:0;display:flex;width:var(--guide-sidebar-width);height:100vh;min-height:0;flex-direction:column;overflow:hidden;padding:16px 14px 14px;color:#fff;border-inline-end:1px solid var(--guide-sidebar-line);background:linear-gradient(180deg,rgba(14,116,144,.16),transparent 24%),linear-gradient(180deg,var(--guide-sidebar-navy),var(--guide-sidebar-deep));box-shadow:14px 0 38px rgba(3,28,46,.12)}
html[dir=rtl] .guide-sidebar{box-shadow:-14px 0 38px rgba(3,28,46,.12)}
.guide-sidebar-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.guide-brand{display:flex;min-width:0;flex:1;align-items:center;gap:11px;margin:0;padding:11px;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:10px;text-decoration:none;background:rgba(255,255,255,.055)}
.guide-brand .guide-brand-mark{display:grid;width:43px;height:43px;flex:0 0 43px;place-items:center;border-radius:8px;color:#092f4a;background:#fbbf24;font-size:15px;font-weight:950;box-shadow:0 7px 17px rgba(245,158,11,.22)}
.guide-brand .guide-brand-copy{min-width:0;color:#fff}.guide-brand-copy strong{display:block;overflow:hidden;font-size:20px;font-weight:950;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.guide-brand-copy strong span{color:#fbbf24}.guide-brand-copy small{display:block;margin-top:4px;overflow:hidden;color:#b7d2dd;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.guide-brand.guide-brand-logo{min-height:126px;justify-content:center;padding:5px 7px;overflow:hidden;border-color:#2b2a27;background:#0f0f0f}
.guide-brand-logo img{display:block;width:100%;height:114px;max-width:238px;object-fit:cover;object-position:center 49%;border-radius:4px}
.guide-sidebar-close{display:none;width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#fff;background:rgba(255,255,255,.07);font-size:24px;line-height:1}
.guide-search{position:relative;display:block;margin:0 0 11px}.guide-search>span{position:absolute;z-index:1;inset-block-start:50%;inset-inline-start:12px;max-width:calc(100% - 38px);overflow:hidden;color:#78909c;font-size:11px;pointer-events:none;text-overflow:ellipsis;transform:translateY(-50%);white-space:nowrap}.guide-search:focus-within>span,.guide-search:has(input:not(:placeholder-shown))>span{display:none}.guide-search input{width:100%;min-height:42px;margin:0;padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:8px;outline:0;color:#10233f;background:#fff;font:inherit;font-size:12px}.guide-search input::placeholder{color:transparent}.guide-search input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.14)}
.guide-workflow-link{display:flex;min-height:46px;align-items:center;gap:11px;margin-bottom:10px;padding:9px 11px;color:#e8f7fa;border:1px solid rgba(56,189,248,.24);border-radius:8px;text-decoration:none;background:rgba(14,165,233,.1)}.guide-workflow-link:hover,.guide-workflow-link.is-active{color:#fff;border-color:rgba(56,189,248,.55);background:#0b5f7b}.guide-workflow-link strong{font-size:13px}.workflow-symbol{display:flex;width:28px;align-items:center;justify-content:space-between}.workflow-symbol i{display:block;width:6px;height:6px;border-radius:2px;background:#7dd3fc;box-shadow:0 0 0 2px rgba(125,211,252,.12)}
.guide-home-link{display:flex;min-height:46px;align-items:center;gap:11px;margin-bottom:7px;padding:9px 11px;border:1px solid rgba(251,191,36,.35);border-radius:8px;color:#fff;text-decoration:none;background:linear-gradient(90deg,rgba(180,83,9,.58),rgba(245,158,11,.22))}.guide-home-link:hover,.guide-home-link.is-active{border-color:#fbbf24;background:linear-gradient(90deg,#b45309,#d97706)}.guide-home-link strong{font-size:13px}.guide-home-symbol{display:grid;width:28px;height:28px;place-items:center;border-radius:6px;color:#082f49;background:#fbbf24;font-size:20px;font-weight:950;line-height:1}
.guide-sidebar-nav{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;padding-inline-end:4px;scrollbar-color:rgba(125,211,252,.38) transparent;scrollbar-width:thin}.guide-nav-stage{margin-bottom:13px;padding:7px 6px 8px;border:1px solid color-mix(in srgb,var(--group-accent) 34%,transparent);border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--group-accent) 17%,transparent),rgba(255,255,255,.015))}.guide-nav-stage>header{display:flex;min-height:30px;align-items:center;gap:8px;margin:0 0 7px;padding:5px 7px;border-radius:6px;color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--group-accent) 78%,#082f49),color-mix(in srgb,var(--group-accent) 42%,#082f49))}.guide-nav-stage>header>span{display:grid;width:25px;height:20px;place-items:center;border-radius:5px;color:var(--group-accent);background:#fff;font-size:9px;font-weight:950}.guide-nav-stage>header>strong{font-size:10px;font-weight:900}.guide-nav-stage>div{display:grid;gap:5px}
.guide-sidebar .side-link{position:relative;display:grid;min-width:0;min-height:46px;grid-template-columns:29px minmax(0,1fr) 15px;align-items:center;gap:8px;margin:0;padding:6px 8px;color:#eef9fb;border:1px solid color-mix(in srgb,var(--group-accent) 30%,rgba(255,255,255,.1));border-inline-start:3px solid color-mix(in srgb,var(--group-accent) 82%,#fff);border-radius:7px;text-decoration:none;background:linear-gradient(90deg,color-mix(in srgb,var(--group-accent) 14%,#092c43),rgba(255,255,255,.035));transition:border-color .16s ease,background .16s ease,transform .16s ease}.guide-sidebar .side-link:hover{transform:translateX(2px);background:linear-gradient(90deg,color-mix(in srgb,var(--group-accent) 28%,#092c43),color-mix(in srgb,var(--group-accent) 13%,#092c43));border-color:color-mix(in srgb,var(--group-accent) 62%,rgba(255,255,255,.2))}html[dir=rtl] .guide-sidebar .side-link:hover{transform:translateX(-2px)}.guide-sidebar .side-link.is-active{color:#fff;border-color:color-mix(in srgb,var(--group-accent) 78%,#fff);background:linear-gradient(90deg,color-mix(in srgb,var(--group-accent) 74%,#082f49),color-mix(in srgb,var(--group-accent) 42%,#082f49));box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 7px 16px rgba(1,17,28,.18)}
.side-link-number{display:grid;width:27px;height:27px;place-items:center;border-radius:6px;color:#d9f1f5;background:rgba(255,255,255,.1);font-size:9px;font-weight:950}.side-link.is-active .side-link-number{color:#082f49;background:#fff}.side-link-copy{display:block;min-width:0}.side-link-copy b{display:block;overflow:hidden;font-size:11.5px;font-weight:900;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.side-link-copy small{display:block;overflow:hidden;margin-top:2px;color:#a9c8d2;font-size:8.5px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.side-link.is-active .side-link-copy small{color:rgba(255,255,255,.78)}.side-link-arrow{color:#7dd3fc;font-size:13px;font-weight:900}
.guide-sidebar-footer{display:grid;gap:7px;padding-top:11px;border-top:1px solid rgba(255,255,255,.09)}.guide-sidebar-footer>a{display:flex;min-height:42px;align-items:center;justify-content:center;gap:9px;border-radius:8px;color:#082f49;text-decoration:none;background:#fbbf24;font-size:12px}.language-symbol{display:grid;width:24px;height:24px;place-items:center;border:1px solid rgba(8,47,73,.22);border-radius:5px;font-weight:950}.guide-sidebar-footer>small{color:#7899a5;text-align:center;font-size:9px}.guide-sidebar-toggle,.guide-sidebar-backdrop{display:none}
@media(max-width:1180px){.guide-body{display:block}.guide-sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:min(330px,calc(100vw - 42px));transform:translateX(-110%);transition:transform .22s ease}html[dir=rtl] .guide-sidebar{transform:translateX(110%)}body.guide-sidebar-open .guide-sidebar{transform:translateX(0)}.guide-sidebar-close{display:grid;place-items:center}.guide-sidebar-toggle{position:fixed;z-index:42;inset-block-start:14px;inset-inline-start:14px;display:grid;width:46px;height:46px;place-content:center;gap:5px;border:0;border-radius:8px;background:#082f49;box-shadow:0 9px 22px rgba(8,47,73,.23)}.guide-sidebar-toggle span{display:block;width:22px;height:2px;background:#fff}.guide-sidebar-backdrop{position:fixed;z-index:39;inset:0;border:0;background:rgba(3,21,34,.58)}body.guide-sidebar-open .guide-sidebar-backdrop{display:block}}
@media print{.guide-sidebar,.guide-sidebar-toggle,.guide-sidebar-backdrop{display:none!important}}