html,body{margin:0;padding:0;height:100%;width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9fafb;color:#333;line-height:1.5}.container{max-width:1100px;margin:1rem auto;padding:1rem}h1,h2,h3{color:#222;margin-bottom:.2rem}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}section{margin-bottom:3rem}nav{width:100%;background-color:#333;padding:1rem 0}nav a{color:#fff;margin:0 1rem;font-weight:700}nav a:hover{text-decoration:underline}.involvement-section{margin-top:3rem}.involvement-item{display:flex;flex-wrap:wrap;margin-bottom:2rem;border-bottom:1px solid #ddd;padding-bottom:1rem}.involvement-left{flex:1;min-width:200px;max-width:300px;padding-right:1.5rem}.involvement-right{flex:2;min-width:250px}.involvement-left h3{margin:0 0 .2rem}.involvement-left p{margin:.2rem 0}.involvement-right ul{margin:0;padding-left:1.2rem}h2{border-bottom:2px solid #ccc;padding-bottom:.5rem;margin-bottom:1.5rem}.skills-section{margin-top:3rem;padding-top:1rem}.skills-section h2{margin-bottom:1rem;border-bottom:2px solid #ccc;padding-bottom:.5rem}.skills-section p{margin:.5rem 0;line-height:1.6}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.hamburger-toggle{display:block!important}}