.sidebar{width:clamp(200px,18vw,250px);background-color:#1a1a1a;padding:clamp(1rem,2vw,2rem) clamp(.5rem,1vw,1rem);display:flex;flex-direction:column;gap:clamp(.5rem,1.5vw,1rem);border-right:1px solid rgba(255,255,255,.1);position:sticky;top:0;height:100vh;box-sizing:border-box;flex-shrink:0}.sidebar a{color:#ccc;text-decoration:none;padding:clamp(.3rem,.8vw,.5rem) clamp(.6rem,1.5vw,1rem);border-radius:6px;transition:all .25s ease;font-size:clamp(.9rem,1.2vw,1rem)}.sidebar a:hover,.sidebar a.active{color:#fff;box-shadow:0 0 0 2px #5808fb}.sidebar .logo{width:clamp(60px,10vw,100px);height:auto;align-self:center;margin-bottom:0;transition:transform .25s ease,opacity .25s ease;opacity:1}.sidebar-logo-link{display:flex;justify-content:center;align-items:center;padding:0;margin-bottom:clamp(.5rem,2vw,1.5rem);box-shadow:none!important;border-radius:0}.sidebar-logo-link:hover{box-shadow:none!important;background:transparent}.sidebar-logo-link:hover .logo{transform:scale(1.08);opacity:.85}.sidebar p{margin-top:auto;font-size:clamp(.7rem,1vw,.85rem);color:#ffffff4d;text-align:center}.sidebar-mobile-toggle{display:none;position:fixed;top:14px;left:14px;z-index:1001;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.2rem;width:38px;height:38px;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;transition:background .2s ease,left .3s ease}.sidebar-mobile-toggle:hover{background:#2a2a2a}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:999;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1}@media(max-width:768px){.sidebar-mobile-toggle{display:flex}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}}.main-content{flex:1;padding:2rem 3rem;max-width:clamp(25%,75vw,100%);overflow-x:auto}.main-content{flex:1;padding:2rem 3rem;min-width:0}.main-content p{color:#ccc;text-align:left;margin-left:0;margin-right:0;max-width:100%}.main-content li{margin:auto auto 15px;font-size:clamp(.9rem,1.4vw,1.25rem);color:#ccc}.main-content a{color:#5808fb;text-decoration:none;font-weight:600}.docs-layout{display:flex;align-items:flex-start}@media(max-width:768px){.main-content{padding:1rem;max-width:100%;width:100%}.docs-layout{flex-direction:column}}.hint-card{display:flex;align-items:center;gap:15px;border-radius:10px;padding:clamp(15px,2vw,25px);margin:50px 0;line-height:1.6;background-color:#1a1a1a;color:#ccc;outline:2px solid transparent;outline-offset:4px;transition:outline-color .25s ease}.hint-card.hint{background-color:#1c1c2a;outline-color:#5808fb66}.hint-card.warning{border-color:#ffb700;background-color:#2a2500;color:#fff1d6;outline-color:#ffb70066}.hint-card.critical{border-color:#ff3b3b;background-color:#2a0000;color:#fcc;outline-color:#ff3b3b66}.hint-card .icon{font-weight:700;font-size:1.5em;flex-shrink:0}.hint-card p{margin:0;font-size:clamp(.95rem,1.2vw,1.2rem);flex:1;min-width:0;word-wrap:break-word}.image{margin:50px auto;max-width:90%}.image img{width:clamp(50px,75%,512px);height:auto;border-radius:10px;border:1px solid rgba(255,255,255,.05);cursor:zoom-in;position:relative;z-index:0;outline-offset:3px;outline:2px solid transparent;transition:transform .25s ease,outline-color .5s ease;will-change:transform}.image img:hover{transform:translateY(-4px) scale(1.02);outline:2px solid #5808fb;outline-offset:3px}.image .caption{font-size:.9rem;color:#aaa;margin-top:.5rem;font-style:italic}.lightbox{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s ease}.lightbox.active{opacity:1;pointer-events:auto}.lightbox img{max-width:90%;max-height:90%;border-radius:10px;transform:scale(.85);opacity:0;transition:transform .25s ease,opacity .25s ease}.lightbox.active img{transform:scale(1);opacity:1}.table-container{width:100%;overflow-x:auto;display:flex;justify-content:center}.table{margin:40px 0;width:clamp(150px,90vw,1000px);border-collapse:collapse;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.05);table-layout:auto}.table th,.table td{padding:clamp(10px,2vw,18px);text-align:left;word-wrap:break-word}.table thead{background:#2a2a2a;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.table tbody tr:nth-child(2n){background:#242424}.table tbody tr:nth-child(odd){background:#1e1e1e}.table td{color:#ccc;border-top:1px solid rgba(255,255,255,.05)}h1{font-size:clamp(1.5rem,6vw,2.5rem);margin-bottom:30px}h1:after{content:"";position:absolute;left:50%;bottom:-15px;width:100%;height:3px;background-color:#5808fb;border-radius:2px;transform:translate(-50%)}h2{font-size:clamp(1.25rem,5vw,1.75rem);margin-bottom:30px;position:relative;display:inline-block}h2:after{content:"";position:absolute;left:50%;bottom:-15px;width:100%;height:3px;background-color:#5808fb;border-radius:2px;transform:translate(-50%)}h3{font-size:clamp(1rem,3.5vw,1.5rem);margin-bottom:25px;position:relative;display:inline-block}h3:after{content:"";position:absolute;left:50%;bottom:-8px;width:100%;height:2px;background-color:#5808fb;border-radius:2px;transform:translate(-50%)}p{font-size:clamp(.9rem,1.4vw,1.25rem);margin-bottom:25px;white-space:normal;word-wrap:break-word;max-width:70%;margin-left:auto;margin-right:auto}ul,li{text-align:left;margin-left:2rem;color:#ccc;line-height:1.4}a{color:#7a3cff;text-decoration:underline;transition:color .3s ease}a:hover{color:#a26cff}pre{background:#1e1e1e;color:#e0e0e0;border-radius:10px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:25px auto;max-width:80%}:not(pre)>code{background:#2a2a2a;padding:.3rem .5rem;border-radius:6px;font-size:clamp(.9rem,1.4vw,1.25rem);line-height:1.8}pre.astro-code{box-shadow:0 0 15px #0000004d;padding:25px;margin:25px 0;overflow-x:auto;font-size:clamp(.9rem,1.4vw,1rem)}.divider{height:2px;width:clamp(200px,80%,1500px);margin:25px auto;background:#ccc}@keyframes animText{to{opacity:1;transform:translateY(0)}}h1,h2,h3,p,ul,li,a,code{opacity:0;transform:translateY(20px);animation:animText .5s ease forwards}
