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}.hamburger-toggle{display:none}.app-main{flex:1}.sidebar{width:80px}.sidebar>div{width:100%}.sidebar a{margin:0!important;display:inline-flex;align-items:center;justify-content:center}.nav-icon{font-size:2rem;color:#fff}.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){.app-main{padding-top:1rem!important;padding-bottom:5rem!important}.sidebar{width:100vw;height:4.75rem;top:auto;bottom:0;left:0;right:0;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom));flex-direction:row;align-items:center;justify-content:space-between;transform:none;gap:.5rem;box-shadow:0 -10px 30px #0000002e;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.sidebar>div{width:auto;flex-direction:row!important;gap:.75rem!important;margin:0!important}.sidebar>div:last-child{margin-left:.25rem!important;margin-bottom:0!important}.nav-icon{font-size:1.35rem}.hamburger-toggle{display:none!important}}