:root{--sidebar-width:260px}
.sidebar-layout>.topbar,.sidebar-layout>main,.sidebar-layout>.site-footer{margin-left:var(--sidebar-width)}
.sidebar-collapsed>.topbar,.sidebar-collapsed>main,.sidebar-collapsed>.site-footer{margin-left:0}
.site-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;background:#300968;color:#fff;z-index:60;scrollbar-width:thin;scrollbar-color:#9a71c8 #300968;box-shadow:3px 0 18px #18003016}
.sidebar-head{position:relative;padding:50px 26px 26px;background:#5715b4;text-align:center}
.sidebar-head .brand{display:inline-block;font-size:2.2rem}.sidebar-head .brand small{font-size:10px;letter-spacing:.12em}
.sidebar-close{position:absolute;top:8px;right:10px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:white;font-size:30px;line-height:1}.sidebar-close:hover{background:#ffffff20}
.sidebar-account{display:grid;gap:12px;margin-top:28px}
.sidebar-account a,.header-account a{display:block;background:#ffc43b;border:1px solid #ffdb79;border-radius:999px;color:#39007c;text-decoration:none;text-align:center;font-size:14px;line-height:1.3;font-weight:700;padding:11px 18px;min-height:42px}
.sidebar-account a:hover,.header-account a:hover{background:#ffda7c;color:#300968}
.sidebar-body{padding:16px 20px 24px}.sidebar-primary{display:grid;gap:6px}.sidebar-primary-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-radius:16px;padding:12px;color:#fff;font-size:15px;font-weight:700;line-height:1.3;text-decoration:none;min-height:83px}
.sidebar-primary-link svg{height:34px;width:34px;fill:none;stroke:#ffda72;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sidebar-primary-link:hover,.sidebar-primary-link.is-section{background:#ffffff12;color:#ffe181}.sidebar-primary-link[aria-current=page]{box-shadow:inset 3px 0 #ffcb35;background:#ffffff16}
.sidebar-home{text-align:center;font-size:14px;color:#e7d7fc;text-decoration:none;padding:8px 12px}.sidebar-home:hover,.sidebar-home[aria-current=page]{color:#ffdb79}
.sidebar-secondary{border-top:1px solid #8158ad;margin-top:20px;padding-top:12px}
.sidebar-group{border:0;border-radius:0;padding:0;margin:0;background:none;color:#fff}
.sidebar-group summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;padding:13px 3px;font-size:14px;font-weight:600;line-height:1.4;color:#f2e9ff;letter-spacing:0;min-height:44px}
.sidebar-group summary::-webkit-details-marker{display:none}.sidebar-group summary:after{content:'+';font-size:20px;color:#e4c9ff;line-height:1}.sidebar-group[open] summary:after{content:'−'}
.sidebar-group a{display:block;color:#d9c5f4;text-decoration:none;font-size:14px;line-height:1.5;padding:10px 12px;border-radius:8px}.sidebar-group a:hover,.sidebar-group a[aria-current=page]{background:#ffffff14;color:#ffe181}
.sidebar-note{border-top:1px solid #8158ad;margin:18px 0 0;padding-top:20px;text-align:center;font-size:12px;color:#d1b8eb}
.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:46px;height:46px;flex-shrink:0;border:1px solid #ffffff45;border-radius:12px;padding:0 13px;background:transparent;color:#fff;font-size:23px;line-height:1}
.sidebar-toggle:hover{background:#ffffff16}.toggle-label{font-size:14px;font-weight:700}.header-account{display:flex;gap:12px;margin-left:auto}.header-account a{min-width:118px}
.sidebar-layout .top-inner{max-width:none;min-height:80px;gap:24px;padding:12px 28px}.sidebar-layout .top-inner>.brand{font-size:1.7rem}.sidebar-layout .top-inner>.brand small{font-size:10px}
.sidebar-layout .hero-inner{gap:30px;padding-top:50px;padding-bottom:56px}.sidebar-layout .hero h1{font-size:clamp(2.25rem,3.5vw,3.65rem)}
.sidebar-layout .article-shell{grid-template-columns:190px minmax(0,1fr);gap:30px}.sidebar-layout .article{padding:36px}
.sidebar-layout .footer-top{grid-template-columns:1fr;gap:28px}.sidebar-layout .footer-brand p{max-width:70ch}.sidebar-layout .footer-links{grid-template-columns:repeat(4,minmax(0,1fr))}
.sidebar-backdrop{position:fixed;inset:0;z-index:50;background:#18032cc2;backdrop-filter:blur(3px)}
.sidebar-modal{overflow:hidden}.site-sidebar :focus-visible{outline-color:#ffda72}
.sidebar-layout>main.not-found{width:auto;margin-right:32px;padding-left:32px}
@media(min-width:1100px){.sidebar-layout:not(.sidebar-collapsed) .top-inner>.brand{display:none}}
@media(min-width:1100px) and (max-width:1399px){.sidebar-layout .hero-inner{gap:24px;grid-template-columns:1.15fr 1fr}.sidebar-layout .hero h1{font-size:2.65rem}.sidebar-layout .hero p{font-size:1rem}.sidebar-layout .article-shell{display:block}.sidebar-layout .toc{position:static;max-height:none;padding:18px 22px;border:0;background:#eee5f8;border-radius:14px;margin-bottom:24px}.sidebar-layout .toc a{display:inline-block;margin-right:18px}.sidebar-layout .topics{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-layout .footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}.header-account a{min-width:100px;padding:11px 14px}}
@media(max-width:1099px){.sidebar-layout>.topbar,.sidebar-layout>main,.sidebar-layout>.site-footer{margin-left:0}.sidebar-layout:not(.sidebar-enhanced) .site-sidebar{display:none}.site-sidebar{width:min(310px,calc(100% - 52px))}.sidebar-layout .top-inner{gap:18px;padding:12px 22px}.sidebar-layout .top-inner>.brand{font-size:1.7rem}.sidebar-layout .top-inner>.brand small{font-size:10px}.sidebar-layout .article-shell{display:block}.sidebar-layout .toc{position:static;max-height:none;background:#eee5f8;border-radius:12px;border:0;padding:18px 22px;margin-bottom:24px}.sidebar-layout .toc a{display:inline-block;padding:5px 14px 5px 0}.sidebar-layout .footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.header-account{display:none}.sidebar-layout .top-inner{justify-content:flex-start;min-height:74px}.sidebar-layout .hero-inner{padding-top:36px;padding-bottom:34px}.sidebar-layout .hero h1{font-size:clamp(2.25rem,7vw,3rem)}.sidebar-layout .article{padding:26px 23px}.sidebar-head{padding-top:46px}.sidebar-primary-link{min-height:76px;padding:10px}}
@media(max-width:480px){.sidebar-layout .top-inner{gap:14px;padding:12px 18px}.sidebar-toggle{padding:0;width:44px;min-width:44px;height:44px}.toggle-label{display:none}.sidebar-layout .top-inner>.brand{font-size:1.55rem}.sidebar-layout .article{padding:24px 18px}.sidebar-layout .footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-layout .hero h1{font-size:2.5rem}.sidebar-layout .hero p{font-size:1rem}}