body{margin:0}.axcelerate-app{min-height:100vh}.app-header{text-align:center;border-bottom:1px solid #ddd;padding:8px 0}.app-header h1{margin:0}.app-layout{display:flex}.sidebar{position:sticky;top:0;align-self:flex-start;min-width:250px;max-width:300px;height:100vh;overflow-y:auto;padding:16px;border-right:1px solid #ddd;box-sizing:border-box}.sidebar h2{margin-top:0}.topics-list{list-style:none;padding:0;margin:0}.topics-list li{margin-bottom:2px}.topic-link{background:none;border:none;padding:4px 8px;cursor:pointer;font-size:14px;text-align:left;width:100%;color:#333}.topic-link:hover{text-decoration:underline}.topic-link.active{font-weight:700;background-color:#e8e8e8;border-radius:4px}.courses-container{flex:1;padding:16px;overflow-y:auto}.courses-list{display:flex;flex-wrap:wrap;gap:16px}.card{flex:1 1 calc(25% - 16px);min-width:200px;max-width:calc(25% - 12px);border:1px solid #ccc;padding:16px;box-sizing:border-box}.card h3{margin-top:0}