:root{--background-color:#000;--text-color:#fff;--accent-color:#f7931a;--gradient-start:#000;--gradient-mid:#1a1a1a;--gradient-end:#333}body{background:linear-gradient(160deg,#000,#1a1a1a 50%,#333);background:linear-gradient(160deg,var(--gradient-start) 0,var(--gradient-mid) 50%,var(--gradient-end) 100%);color:#fff;color:var(--text-color);font-family:Arial,sans-serif;margin:0;scroll-behavior:smooth}.app{display:flex;flex-direction:row;min-height:100vh}.sidebar{background-color:#000000d9;border-right:1px solid #333;box-sizing:border-box;height:100vh;left:0;overflow-y:auto;padding:20px;position:fixed;scrollbar-color:#f7931a #0000;scrollbar-color:var(--accent-color) #0000;scrollbar-width:thin;top:0;width:250px}.sidebar::-webkit-scrollbar{background:#0000;width:6px}.sidebar::-webkit-scrollbar-thumb{background-color:#f7931a;background-color:var(--accent-color);border:1px solid #000000d9;border-radius:3px}.sidebar h1{color:#f7931a;color:var(--accent-color);font-size:24px;margin-bottom:20px;text-shadow:1px 1px 2px #999;text-transform:uppercase}.sidebar nav a{color:#fff;color:var(--text-color);display:block;font-size:16px;margin-bottom:10px;padding:6px 0;text-decoration:none;transition:color .3s ease,padding-left .3s ease}.sidebar nav a:hover{color:#f7931a;color:var(--accent-color);padding-left:8px}.content{box-sizing:border-box;flex:1 1;margin-left:270px;padding:40px 20px}section{border-bottom:1px solid #444;padding:40px 0}h2{color:#f7931a;color:var(--accent-color);text-shadow:1px 1px 2px #f8931a4d}h2,p{margin-bottom:20px}p{font-size:1.05rem;line-height:1.6}ul{line-height:1.8;list-style-type:disc;margin-left:1.2rem}.graphic{border:1px solid #333;border-radius:4px;display:block;height:auto;margin:20px auto;max-width:100%}.language-switcher{background-color:#f7931a;background-color:var(--accent-color);border:none;border-radius:4px;bottom:20px;box-shadow:2px 2px 10px #00000080;color:#fff;color:var(--text-color);cursor:pointer;font-size:16px;padding:12px 24px;position:fixed;right:20px;transition:background-color .3s ease,transform .3s ease}.language-switcher:hover{background-color:#e67e22;transform:translateY(-2px)}@media screen and (max-width:992px){.sidebar{width:200px}.content{margin-left:220px}}@media screen and (max-width:768px){.app{flex-direction:column}.sidebar{border-bottom:1px solid #333;border-right:none;height:auto;max-height:50vh;position:static;width:100%}.content{margin-left:0}}@media screen and (max-width:480px){h2{font-size:1.25rem}li,p{font-size:.95rem}.sidebar h1{font-size:1.5rem}.sidebar nav a{font-size:14px}.language-switcher{font-size:14px;padding:8px 16px}}
/*# sourceMappingURL=main.31cb03ef.css.map*/