*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#1a1a1a;height:100vh;display:flex;flex-direction:column}#app{display:flex;flex-direction:column;flex:1;overflow:hidden}#site-header{padding:.75rem 1rem;background:#1a1a1a;color:#fff;font-size:1.1rem;font-weight:700;flex-shrink:0}#site-body{display:flex;flex:1;overflow:hidden}#sidebar{width:180px;border-right:1px solid #e5e7eb;padding:1rem;flex-shrink:0;overflow-y:auto}#sidebar ul{list-style:none;padding:0;margin:0}#sidebar li{padding:.3rem 0;border-bottom:none}#sidebar a{text-decoration:none;color:inherit}#sidebar a[aria-current=page]{font-weight:700}#main-content{flex:1;padding:1.5rem;overflow-y:auto}#main-content h1{font-size:2rem;margin-top:0;margin-bottom:1.5rem}#main-content h2{font-size:1.25rem;margin-top:2rem}#main-content ul{list-style:none;padding:0}#main-content li{padding:.5rem 0;border-bottom:1px solid #e5e7eb}