*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--white: #ffffff;--bg: #f9f9f9;--black: #111111;--dark: #222222;--mid: #666666;--light: #999999;--border: #e0e0e0;--accent: #b8a070;--sidebar: 260px;--font: "Open Sans", sans-serif;font-size:18px}html,body{height:100%}body{font-family:var(--font);background:var(--white);color:var(--dark);display:flex;min-height:100vh}#sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar);background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem 1.2rem 1.2rem;z-index:100;overflow-y:auto}.sidebar-logo{margin-bottom:1.6rem}.sidebar-logo a{text-decoration:none;color:var(--black)}.logo-img{display:block;width:100%;height:auto;margin-bottom:.75rem}.logo-name{font-size:.75rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--light);display:block;margin-top:.3rem}.logo-tagline{font-size:.65rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--light);display:block}nav{flex:1}.nav-section{margin-bottom:1.2rem}.nav-section-label{font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--light);margin-bottom:.4rem;display:block;transition:color .15s}.nav-section-label:hover,.nav-section-label.active{color:var(--black)}.nav-folder-btn{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:.35rem 0;margin-bottom:0;font-size:.85rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--mid);cursor:pointer;transition:color .15s}.nav-folder-btn:hover,.nav-folder-btn[aria-expanded=true]{color:var(--black)}.folder-arrow{transition:transform .2s ease;flex-shrink:0}.nav-folder-btn[aria-expanded=true] .folder-arrow{transform:rotate(180deg)}.nav-link{display:block;font-size:.85rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--mid);text-decoration:none;padding:.35rem 0;line-height:1.5;transition:color .15s}.nav-link:hover,.nav-link.active{color:var(--black)}.nav-link.active{font-weight:600}.nav-sub{padding-left:.6rem;margin-bottom:.6rem}.nav-sub .nav-link{font-size:.8rem;color:var(--light);padding:.12rem 0}.nav-sub .nav-link:hover,.nav-sub .nav-link.active{color:var(--black)}.sidebar-social{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border);margin-top:.5rem}.sidebar-social a{width:22px;height:22px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:border-color .2s,background .2s}.sidebar-social a:hover{border-color:var(--black);background:var(--black)}.sidebar-social a:hover svg{fill:#fff}.sidebar-social a:hover svg circle{fill:#fff}.sidebar-social svg{width:11px;height:11px;fill:var(--mid);transition:fill .2s}.sidebar-social svg circle{transition:fill .2s}#content{margin-left:var(--sidebar);flex:1;min-height:100vh}#mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:48px;background:var(--white);border-bottom:1px solid var(--border);z-index:200;align-items:center;justify-content:space-between;padding:0 1rem}#mobile-header .logo-title{font-size:.75rem}#menu-toggle{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:4px}#menu-toggle span{display:block;width:20px;height:1.5px;background:var(--dark)}@media(max-width:768px){#sidebar{transform:translate(-100%);transition:transform .3s ease;z-index:150;width:100%;align-items:center;justify-content:center;padding:6rem 2rem 3rem;background:#f5f5f5;border-right:none}#sidebar.open{transform:translate(0)}#sidebar .sidebar-logo{display:none}#sidebar nav{width:100%;text-align:center}#sidebar .nav-section{display:flex;flex-direction:column;align-items:center}#sidebar .nav-link{font-size:1.1rem;padding:.55rem 0}#sidebar .nav-folder-btn{font-size:1.1rem;padding:.55rem 0;justify-content:center;gap:.5rem}#sidebar .nav-sub{padding-left:0;text-align:center}#sidebar .nav-sub .nav-link{font-size:.9rem}#sidebar .sidebar-social{margin-top:2rem;justify-content:center}#mobile-header{display:flex}#content{margin-left:0;padding-top:48px}}