.sb{position:fixed;top:0;left:0;bottom:0;width:230px;overflow-y:auto;background:#08090c;border-right:1px solid #22252b;padding:1.2rem .8rem;display:flex;flex-direction:column;gap:.45rem;z-index:20;font:15px/1.3 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;box-sizing:border-box}
.sb-main{margin-left:230px}
.sb-h{margin:.9rem .3rem .1rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.sb-h a{color:#9a978f;text-decoration:none}.sb-h a:hover{color:#fff}
.sb-i{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:8px;text-decoration:none;font-weight:600;border:1px solid transparent;border-left-width:4px;transition:filter .15s}
.sb-i:hover{filter:brightness(1.15)}.sb-ic{display:inline-flex;width:22px;justify-content:center}.sb-ic img,.sb-ic svg{display:block}
.sb-home{background:#001F3F;color:#fff;border-color:#12345a;font-family:Georgia,serif}
.sb-lunar{background:linear-gradient(135deg,#1d2533,#0b0e14);color:#e4e8ef;border-color:#2a313d}
.sb-plug{color:#2B1A0C;border-color:#4A2A12;font-family:"Zilla Slab",Rockwell,Georgia,serif;background:repeating-linear-gradient(91deg,transparent 0 9px,rgba(147,97,47,.18) 9px 10px,transparent 10px 23px),linear-gradient(#EBCB92,#D4AA6C)}
.sb-moreme{color:#fff;border-color:rgba(255,97,168,.5);font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(255,97,168,.16) 13px 14px),#3D2417}
.sb-gait{background:#1f2328;color:#e9a27f;border-color:#353a40}
.sb-i[aria-current]{border-left-color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.sb-plug[aria-current]{border-left-color:#2B1A0C;box-shadow:0 0 0 2px #4A2A12}
.sb-moreme[aria-current]{border-left-color:#FF61A8}.sb-gait[aria-current]{border-left-color:#e08a63}.sb-home[aria-current]{border-left-color:#7FDBFF}.sb-lunar[aria-current]{border-left-color:#9cc4ec}
.sb-t{position:absolute;opacity:0;pointer-events:none}.sb-btn{display:none}
.sb-t:focus-visible+.sb-btn{outline:2px solid #7FDBFF}
@media(max-width:800px){
 .sb-main{margin-left:0}
 .sb-btn{display:block;position:sticky;top:0;z-index:21;background:#08090c;color:#e8e6e1;padding:.7rem 1rem;font:600 15px ui-sans-serif,system-ui,sans-serif;border-bottom:1px solid #22252b;cursor:pointer}
 .sb{top:44px;transform:translateX(-100%);transition:transform .2s;width:260px;box-shadow:4px 0 20px rgba(0,0,0,.5)}
 .sb-t:checked~.sb{transform:none}
}

.topbar{position:fixed;top:0;left:0;right:0;height:40px;z-index:30;display:flex;align-items:center;justify-content:center;background:rgba(6,7,10,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.08)}
.tb-logo{display:inline-flex;align-items:center;gap:.7rem;color:rgba(255,255,255,.72);text-decoration:none;font:italic 700 13px/1 ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;letter-spacing:.08em;transition:color .15s}
.tb-logo:hover,.tb-logo:focus-visible{color:#fff}.tb-pill{display:block;opacity:.8}
body{padding-top:40px}.sb{top:40px}
.treatise section{scroll-margin-top:56px}
@media(max-width:800px){.sb-btn{top:40px}.sb{top:84px}}
.sb-sec{background:linear-gradient(135deg,#14213d,#0b1226);color:#eef1f7;border-color:#5e1a22}.sb-sec:hover{border-color:#8b2332}.sb-ext{margin-left:auto;font-size:.8em;opacity:.7}

.sb-treat{background:#00264d;color:#e6f6ff;border-color:#12345a;font-family:Georgia,serif}.sb-treat[aria-current]{border-left-color:#7FDBFF}
/* single column of equal-width pill buttons */
.sb-h{display:none}
.sb{gap:.55rem}
.sb-i{width:100%;box-sizing:border-box;border-radius:999px;border-width:1px;border-left-width:1px;border-color:rgba(255,255,255,.55);padding:.6rem 1rem;min-height:42px}
.sb-i[aria-current]{border-color:#fff;box-shadow:0 0 0 1px #fff}
.sb-plug[aria-current]{border-color:#2B1A0C;box-shadow:0 0 0 2px #4A2A12}
/* current page: orange LED ring */
.sb .sb-i[aria-current="page"],body .sb .sb-i[aria-current="page"]{border:1.5px solid #ff8a1f;border-left-width:1.5px;
 box-shadow:0 0 0 1px rgba(255,170,80,.9),0 0 6px 1px rgba(255,122,0,.85),0 0 16px 3px rgba(255,122,0,.45),inset 0 0 6px rgba(255,140,40,.45)}
@keyframes sb-led{50%{box-shadow:0 0 0 1px rgba(255,170,80,.9),0 0 8px 2px rgba(255,122,0,.95),0 0 22px 5px rgba(255,122,0,.5),inset 0 0 7px rgba(255,140,40,.5)}}
@media(prefers-reduced-motion:no-preference){.sb .sb-i[aria-current="page"]{animation:sb-led 2.8s ease-in-out infinite}}
.sb-i{height:42px;min-height:0;flex:0 0 42px}
.sb-treat{font-style:italic}
/* sidebar matches top bar: dark glass + tiled thin pill outlines */
.sb{background-color:#06070a;border-right:1px solid rgba(255,255,255,.08);
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='28'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.09' stroke-width='1'%3E%3Crect x='4.5' y='4.5' width='19' height='8' rx='4'/%3E%3Crect x='32.5' y='18.5' width='19' height='8' rx='4'/%3E%3Crect x='-23.5' y='18.5' width='19' height='8' rx='4'/%3E%3C/g%3E%3C/svg%3E");background-size:56px 28px}
@media(max-width:800px){.sb-btn{background:#06070a;color:rgba(255,255,255,.85);border-bottom-color:rgba(255,255,255,.08)}}