html{overflow-y:scroll}:root{--primary-color:#666666;--secondary-color:#999999;--background-color:#F9FAFB;--header-footer-bg:#E5E7EB;--link-hover:#4D4D4D;--button-bg:#B3B3B3;--button-hover:#999999;--command-bg:rgba(102,102,102,0.1);--details-bg:rgba(229,229,229,0.2);--grid-line-color:#D1D5DB;--text-color:#111827}html.dark{--primary-color:#D4D4D4;--secondary-color:#A3A3A3;--background-color:#1E1E1E;--header-footer-bg:#141414;--link-hover:#E5E5E5;--button-bg:#737373;--button-hover:#525252;--command-bg:rgba(163,163,163,0.15);--details-bg:rgba(115,115,115,0.25);--grid-line-color:#3D3D3D;--text-color:#F5F5F5}body{margin:0;font-family:Arial Rounded MT Bold,Arial,sans-serif;line-height:1.6;background-color:var(--background-color);background-image:linear-gradient(to right,var(--grid-line-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line-color) 1px,transparent 1px);background-size:20px 20px;transition:background-color .3s,color .3s;color:var(--text-color)}nav a{color:var(--secondary-color);text-decoration:none;position:relative;transition:color .3s ease}nav a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease-in-out}nav a.active:after{width:100%}nav a:hover{color:var(--link-hover)}button{background-color:var(--button-bg);color:var(--text-color);padding:.5rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:var(--button-hover)}h1,h2,h3,h4{color:var(--primary-color)}h1,h2,h3,h4,p{margin:0 0 1rem}code,p{color:var(--text-color)}code{background-color:var(--command-bg);padding:.2rem .4rem;border-radius:3px;font-family:Arial Rounded MT Bold,monospace}h4:hover{background-color:var(--button-hover)}@media (max-width:768px){nav{flex-direction:column;gap:.5rem}.container{padding:1rem!important}}