.layout{display:flex;min-height:100vh}.sidebar{width:280px;background:#111;padding:20px;overflow-y:auto;border-right:1px solid #222}.sidebar h2{font-size:20px;margin-bottom:15px;text-align:center;color:#f0f0f0}.glossary-search{width:100%;padding:10px;margin-bottom:15px;border:none;border-radius:5px;background:#222;color:#fff;font-size:14px}.sidebar ul{padding:0;margin:0}.sidebar li{list-style:none;padding:10px;margin-bottom:5px;border-radius:5px;transition:all 0.2s ease-in-out}.sidebar li:hover{background:#333}.sidebar a{color:#fff;text-decoration:none;display:block}.sidebar li.active{background:#555}.content{flex:1;padding:40px;background:#1c1c1c}.content h1{font-size:32px;margin-bottom:20px;border-bottom:2px solid #444;padding-bottom:10px}.content p,.content li{font-size:16px;line-height:1.6}@media screen and (max-width:768px){.layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid #222}}