@media screen and (max-width:768px){.navbar{padding:.8rem 1rem;flex-direction:row;justify-content:space-between;align-items:center;height:auto;width:100%;position:fixed;top:0;transition:transform .3s ease}.navbar ul{margin-top:0;flex-direction:row;width:auto;display:flex;justify-content:flex-end;flex:1}.navbar ul li{margin:0 .3rem}.navbar ul li a{font-size:.85rem;padding:.3rem .5rem}.logo{position:relative;left:auto;display:flex;align-items:center;margin-right:.8rem}.mockup-logo{width:32px;height:32px}.mindmap-section{padding:10px!important;margin:20px 0!important;width:100%}.central-topic{padding:10px 15px;font-size:1.2em;margin-bottom:10px;width:90%!important;margin:0 auto 15px!important}.disclaimer{font-size:.8em;margin:10px auto!important;padding:0 10px!important;width:95%!important}.steps-container{display:grid!important;grid-template-columns:1fr 1fr!important;grid-auto-rows:1fr!important;gap:10px!important;width:100%!important;padding:0 10px!important;box-sizing:border-box!important;flex-direction:unset!important}.step-node{width:100%!important;max-width:none!important;padding:8px!important;margin:0!important;border-radius:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;height:100%!important;box-sizing:border-box!important}.step-node.step-3,.step-node.step-4{height:100%!important}.step-number{font-size:.75em!important;padding:3px 8px!important;border-radius:10px!important;width:auto!important;text-align:center!important;margin:3px auto!important}.action{font-size:.9em!important;text-align:center!important;width:100%!important;font-weight:700!important;margin:5px 0!important}.result{font-size:.75em!important;padding:6px!important;line-height:1.3!important;text-align:center!important;width:90%!important;box-sizing:border-box!important;border-radius:5px!important;margin:5px 0 auto!important;flex-grow:1!important;display:flex!important;align-items:center!important;justify-content:center!important}.course-modules{padding:15px 10px;margin:10px 0;width:100%}.course-modules h2{font-size:1.3em;margin-bottom:15px;text-align:center}.qrcode-section{max-width:200px;margin:15px auto;padding:10px}.qrcode-section img{width:120px;height:120px}.qrcode-section p{font-size:.8em;margin-top:10px}.modules-container{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px;width:100%;justify-content:space-between}.module-section{width:calc(50% - 4px)!important;max-width:50%!important;flex:1!important;padding:8px!important;margin:0!important;box-sizing:border-box!important}.module-title{margin-bottom:6px!important;padding-bottom:4px!important;display:flex!important;align-items:flex-start!important}.module-title h3{font-size:.78em!important;margin:0 0 0 3px!important;line-height:1.2!important}.module-title .folder-icon{width:14px!important;height:14px!important;flex-shrink:0!important}.module-content{gap:5px!important}.course-item{padding:6px!important;border-radius:5px!important;transition:none!important}.course-item:hover{transform:none!important;background:rgba(255,255,255,.12)!important}.course-item h4{font-size:.75em!important;margin:0 0 2px 0!important}.course-item p{font-size:.7em!important;line-height:1.2!important;margin:0!important}.highlight-section{margin-top:5px!important;padding:6px!important}.highlight-section h4{font-size:.75em!important;margin:0 0 2px 0!important}.highlight-section p{font-size:.7em!important;line-height:1.2!important;margin:0!important}.video-grid{grid-template-columns:1fr 1fr;gap:.5rem;padding:0;width:100%}.video-card{margin:0}.video-thumbnail{height:auto}.video-stats{font-size:.8rem}.video-card h3{font-size:.8rem;padding:.5rem}section{margin:.5rem 0;padding:0;width:100%}body{-webkit-overflow-scrolling:touch;padding:0;margin:0;width:100%}main{padding:0;width:100%}}@media (hover:none){.step-node:hover{transform:none}.video-card:hover{transform:none}}@media screen and (max-width:320px){.central-topic{font-size:1.1em;padding:8px 15px}.step-node{padding:5px!important;min-height:unset!important}.step-number{font-size:.7em!important;padding:2px 5px!important;margin:2px auto!important}.action{font-size:.8em!important;margin:3px 0!important}.result{font-size:.65em!important;padding:4px!important;line-height:1.2!important;min-height:unset!important}.video-thumbnail{height:auto}.modules-container{gap:4px!important}.module-section{padding:5px!important}.module-title h3{font-size:.7em!important;margin-left:2px!important}.module-title .folder-icon{width:12px!important;height:12px!important}.module-content{gap:3px!important}.course-item{padding:4px!important}.course-item h4{font-size:.65em!important;margin-bottom:1px!important}.course-item p{font-size:.6em!important;line-height:1.1!important}.highlight-section{margin-top:3px!important;padding:4px!important}.highlight-section h4{font-size:.65em!important}.highlight-section p{font-size:.6em!important}}