.guide-shell{max-width:1380px;margin:auto;padding:40px clamp(16px,3vw,44px) 80px}.guide-hero{max-width:1000px;padding:12px 0 32px}.guide-hero h1{font-size:clamp(30px,4vw,52px);line-height:1.2}.guide-updated{color:#abb5c1;font-size:14px}.guide-demo{border-inline-start:3px solid #92ead5;background:#132a25;padding:16px;color:#d7f5ec;border-radius:6px}.guide-tools{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.guide-tools label{flex:1;min-width:180px}.guide-tools input{width:100%;margin-top:8px}.guide-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:40px;align-items:start}.guide-toc{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;border:1px solid #35404d;border-radius:12px;background:#10171f;padding:18px}.guide-toc summary{font-weight:700;cursor:pointer}.guide-toc ol{padding-inline-start:25px;margin-bottom:0}.guide-toc li{padding:5px 0;font-size:14px;line-height:1.55}.guide-toc a{color:#b8c5d5}.guide-toc a:hover,.guide-toc a:focus{color:#92ead5}.guide-content{min-width:0}.guide-chapter{scroll-margin-top:20px;padding:6px 0 34px;margin-bottom:22px;border-bottom:1px solid #303a46}.guide-chapter h2{font-size:clamp(23px,2.6vw,30px);line-height:1.4}.guide-chapter h2 span{color:#92ead5;font-size:18px;font-variant-numeric:tabular-nums}.guide-steps{padding-inline-start:24px;line-height:1.95;color:#d3dae3}.guide-steps li{padding:0 0 14px 5px;overflow-wrap:anywhere}.guide-table{overflow:auto;margin:20px 0;border:1px solid #35404d;border-radius:10px}.guide-table table{border-collapse:collapse;min-width:540px;width:100%;font-size:14px;line-height:1.7}.guide-table th,.guide-table td{padding:14px;text-align:start;border-bottom:1px solid #303a46;vertical-align:top}.guide-table th{background:#17252b;color:#92ead5}.guide-table td:first-child{min-width:120px;font-weight:600}.guide-chapter figure{margin:24px 0}.guide-image{padding:0;border:1px solid #35404d;border-radius:12px;background:#0b0e12;overflow:hidden;width:100%;cursor:zoom-in;display:block}.guide-image img{width:100%;height:auto;display:block}.guide-chapter figcaption{font-size:13px;color:#a8b6c7;padding:10px 2px;line-height:1.65}.guide-references{display:flex;flex-direction:column;gap:14px;line-height:1.6}.guide-references a{color:#92ead5;overflow-wrap:anywhere}#guide-lightbox{width:min(96vw,1500px);max-height:95vh;padding:16px;background:#10171f;color:#f3f6fa;border:1px solid #536577;border-radius:12px}#guide-lightbox::backdrop{background:#000c}#guide-lightbox img{width:100%;height:auto;display:block}#guide-lightbox-close{display:block;margin-inline-start:auto;background:#17372f;color:#c5ffed;border:1px solid #92ead5;padding:8px 16px;border-radius:8px;cursor:pointer}#guide-lightbox p{font-size:14px}.guide-page [hidden]{display:none!important}a.yi-guide-link{color:#a5f5dd!important;background:#17372f;border:1px solid #4f9f88;border-radius:7px;padding:7px 10px!important;font-weight:750!important}.yi-nav .yi-guide-link:hover,.yi-nav .yi-guide-link:focus{background:#245442;color:white!important}.guide-image:focus-visible,.guide-toc a:focus-visible{outline:3px solid #92ead5;outline-offset:3px}@media(max-width:1000px){.guide-layout{grid-template-columns:1fr;gap:24px}.guide-toc{position:static;max-height:330px}.guide-toc ol{columns:2}.guide-shell{padding-top:24px}}@media(max-width:560px){.guide-toc ol{columns:1}.guide-tools .button{width:100%}.guide-shell{padding-inline:16px}.guide-steps{font-size:15px}.guide-table table{min-width:500px}}@media print{header.topbar,.footer,.guide-tools,.guide-toc,#guide-lightbox{display:none!important}.guide-shell{max-width:none;padding:0}.guide-layout{display:block}.guide-page,.guide-content,.guide-chapter{color:#111!important;background:white!important}.guide-chapter{break-inside:auto}.guide-chapter figure,.guide-table tr{break-inside:avoid}.guide-steps,.guide-chapter figcaption{color:#222}.guide-chapter img{max-height:450px;object-fit:contain}.guide-chapter[hidden]{display:block!important}.guide-table{overflow:visible}.guide-table table{min-width:0}.guide-table th{color:#111}.guide-demo{color:#111;background:#eee}}
html[lang=ar] .guide-shell{font-family:Tahoma,"Segoe UI",Arial,sans-serif}html[lang=ar] .guide-steps{font-size:17px;line-height:2.1}html[lang=ar] .guide-table table{font-size:16px}
.guide-tools input{box-sizing:border-box;display:block;border:1px solid #536577;border-radius:9px;background:#10171f;color:#f3f6fa;padding:12px 14px;font:inherit;min-height:46px}.guide-tools input:focus-visible{outline:2px solid #92ead5;outline-offset:2px}.guide-tools input::placeholder{color:#a8b6c7}