:root{--acreetion-green:#2ecc71;--acreetion-body-bg:#121212;--acreetion-panel-bg:#1a1a1a;--acreetion-box-bg:#222;--acreetion-box-border:#333;--acreetion-text-bright:#e5e5e5;--acreetion-text:#b2b2b2;--acreetion-code-bg:rgba(46,204,113,0.1);--font-sans:'Roboto',sans-serif;--font-mono:'Fira Code',monospace}
.page-header{background:rgba(24,26,27,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:2px solid var(--acreetion-green);border-radius:0 0 16px 16px;position:sticky;top:0;z-index:1000}
.header-content{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;max-width:1400px;margin:0 auto;padding:0.5rem 1rem}
.logo{display:flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:1.3rem;font-weight:700;color:var(--acreetion-text-bright);text-decoration:none;flex-shrink:0}
.logo span{color:var(--acreetion-green)}
.logo-img{height:32px;width:auto;border-radius:6px}
.main-nav{display:none}
.skip-link{position:absolute;top:-40px;left:0;background:var(--acreetion-green);color:#000;padding:8px 16px;text-decoration:none;font-weight:700;z-index:10000;transition:top.3s;border-radius:0 0 8px 0}
.skip-link:focus{top:0}
#hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:none;cursor:pointer;width:36px;height:36px;padding:4px;margin-right:.5rem;position:relative;z-index:1001;flex-shrink:0;order:-1}
#hamburger span{display:block;width:22px;height:2px;background:var(--acreetion-text-bright,#e5e5e5);border-radius:2px;transition:all.25s ease;transform-origin:center}
#sidebar-overlay{display:none}
#sidebar{position:fixed;top:0;left:-320px;width:300px;height:100%;background:var(--acreetion-body-bg,#121212);border-right:1px solid var(--acreetion-box-border,#333);z-index:9999;overflow-y:auto;transition:left.3s cubic-bezier(.22,1,.36,1);box-shadow:4px 0 24px rgba(0,0,0,.4)}
#sidebar.open{left:0}
#page-wrap{transition:margin-left.3s cubic-bezier(.22,1,.36,1);width:100%;min-width:0;background:var(--acreetion-body-bg,#121212);overflow-wrap:break-word}
body.sidebar-open #page-wrap{margin-left:300px;max-width:calc(100vw - 300px)}
body.sidebar-open{overflow-x:hidden}
.sidebar-body{padding:.5rem 0}
.sidebar-body ul{list-style:none;padding:0;margin:0}
.sidebar-body ul li a{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;color:var(--acreetion-text,#b2b2b2);text-decoration:none;font-size:.95rem;transition:all.15s;border-left:3px solid transparent;border-bottom:1px solid var(--acreetion-box-border,#222)}
.sidebar-body ul li a:hover{background:var(--acreetion-panel-bg,#1a1a1a);color:var(--acreetion-green,#2ecc71);border-left-color:var(--acreetion-green,#2ecc71)}
.sidebar-section-title{padding:.75rem 1.2rem .25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--acreetion-green,#2ecc71);border-top:1px solid var(--acreetion-box-border,#333);margin-top:.5rem}
.sidebar-external{padding:.25rem 1.2rem .5rem}
.sidebar-external-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;background:rgba(46,204,113,0.1);border:1px solid rgba(46,204,113,0.3);color:var(--acreetion-green,#2ecc71);text-decoration:none;font-size:.85rem;font-weight:600;transition:all.2s}
.sidebar-external-btn:hover{background:rgba(46,204,113,0.2);border-color:var(--acreetion-green,#2ecc71);transform:translateY(-1px)}
.sidebar-authors{padding:.25rem 1.2rem .5rem;display:flex;flex-direction:column;gap:4px}
.sidebar-author-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;color:var(--acreetion-text,#b2b2b2);text-decoration:none;font-size:.85rem;transition:all.15s}
.sidebar-author-link:hover{background:var(--acreetion-panel-bg,#1a1a1a);color:var(--acreetion-green,#2ecc71)}
.sidebar-author-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover}
.sidebar-footer{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--acreetion-box-border,#333)}
.sidebar-footer a{flex:1;text-align:center;padding:.5rem;border-radius:8px;font-size:.85rem;font-weight:600;text-decoration:none}
.sidebar-footer a:first-child{background:var(--acreetion-green,#2ecc71);color:#000}
.sidebar-footer a:last-child{border:1px solid var(--acreetion-box-border,#333);color:var(--acreetion-text,#b2b2b2)}
.sidebar-footer a:last-child:hover{background:var(--acreetion-panel-bg,#1a1a1a)}
@media(min-width:769px){.header-content{padding:0.75rem 2rem}.logo{font-size:1.6rem}.logo-img{height:40px}}
@media(max-width:768px){#sidebar{width:300px;left:-300px}body.sidebar-open #page-wrap{margin-left:300px;max-width:calc(100vw - 300px)}#sidebar.open{left:0}}
@media(max-width:480px){#sidebar{width:85vw;left:-85vw}body.sidebar-open #page-wrap{margin-left:85vw;max-width:calc(100vw - 85vw)}#sidebar.open{left:0}}