*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-size:.85rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0}.container,body{font-family:Georgia,serif;line-height:1.7;color:#fff;background:#000}.container{max-width:650px;margin:0 auto;padding:30px}.layout{display:flex;width:100%;position:relative}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.visible{opacity:1;visibility:visible}.sidebar-container{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:#000;border-right:1px solid #333;z-index:999;transition:left .3s ease;overflow-y:auto}.sidebar-container.open{left:0}.menu-toggle{position:fixed;top:20px;left:20px;background:rgba(0,0,0,.8);border:1px solid #333;color:#fff;cursor:pointer;z-index:9999;font-size:.8rem;font-family:Georgia,serif;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;padding:8px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-toggle:hover{background:rgba(0,0,0,.9);border-color:#555}.menu-toggle:focus{outline:none;border-color:#4db8ff}.main{width:100%;min-height:600px}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.4;margin-bottom:1.2em;font-family:inherit}h1{font-size:1.8rem;margin-bottom:1.5em}h2{font-size:1.4rem;margin-bottom:1.3em}h3{font-size:1.1rem;margin-bottom:1.2em}p{margin-bottom:1.5em}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;padding:12px 20px;font-size:.8rem}img{max-width:100%;height:auto}:focus{outline:2px solid #4db8ff;outline-offset:4px}@media (max-width:768px){body{font-size:.8rem}.container{max-width:100%;margin:10px;padding:20px}h1{font-size:1.2rem}h2{font-size:1rem}h3{font-size:.9rem}}