:root{--sidebar-width:248px}.site-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);padding:32px 22px;background:#13201a;border-right:1px solid #34483b;display:flex;flex-direction:column;z-index:20;overflow-y:auto}.site-sidebar .brand{font-size:13px;gap:12px;letter-spacing:1px;white-space:nowrap}.site-sidebar .brand>span:last-child{display:flex;flex-direction:column;gap:5px}.sidebar-label{font-size:11px;letter-spacing:2px;color:#8fa797;margin:42px 12px 18px}.site-nav{display:flex;flex-direction:column;gap:7px;border:0;margin:0}.site-nav a{display:flex;align-items:center;gap:16px;min-height:48px;padding:12px;border:1px solid transparent;border-radius:7px;text-decoration:none;color:#b6c8bb;font-size:14px}.site-nav a span{font-size:11px;color:#829a88;font-variant-numeric:tabular-nums}.site-nav a:hover{background:#203329;color:#f1f5e6}.site-nav a[aria-current=page]{background:#2a3d2c;border-color:#526846;color:#e1edbc}.site-nav a[aria-current=page] span{color:#c5d49c}.sidebar-note{margin-top:auto;padding:36px 12px 0;color:#829a88;font-size:12px;line-height:1.9}body>main,body>main.guide{max-width:1500px;margin:0 0 0 var(--sidebar-width);padding:42px clamp(24px,4vw,64px);min-width:0}.guide section{max-width:1000px}.intro{gap:24px}.mobile-bar{display:none}.skip-link{position:fixed;top:-100px;left:270px;z-index:40;padding:12px;background:#d7e8ba;color:#142019}.skip-link:focus{top:10px}.site-sidebar a:focus-visible{outline:2px solid #d7e8ba;outline-offset:2px}#main-content:focus{outline:none}
@media(min-width:1800px){body>main,body>main.guide{margin-right:auto}}
@media(max-width:800px){:root{--sidebar-width:0px}.mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid #34483b;background:#13201a}.mobile-bar a{text-decoration:none;font-size:13px;letter-spacing:1px}.mobile-bar button{border:1px solid #526846;background:#263e2d;border-radius:6px;color:#e7eeeb;min-height:44px;padding:10px 14px}.site-sidebar{position:static;width:auto;display:none;padding:8px 20px 18px;border-right:0;border-bottom:1px solid #34483b}.site-sidebar.is-open{display:block}.site-sidebar .brand,.sidebar-label,.sidebar-note{display:none}.site-nav{gap:4px}.site-nav a{min-height:46px}body>main,body>main.guide{margin:0;padding:28px 20px}.skip-link{left:16px}.intro{display:block}.intro h1{letter-spacing:1px}.guide-toc{gap:8px 18px}}
@media(prefers-reduced-motion:no-preference){.site-nav a{transition:background .15s,color .15s}}