.knowledge-hub-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:24px}.knowledge-hub-search{position:relative;flex:1 1 320px;max-width:560px}.knowledge-hub-search>svg{position:absolute;left:12px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:hsl(var(--muted-foreground))}.knowledge-hub-controls .course-exam-switch button{min-height:40px}.knowledge-hub-heading{margin:0 0 16px;font-size:24px}.knowledge-hub-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.knowledge-hub-topic{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--card))}.knowledge-hub-topic-head{display:flex;align-items:baseline;gap:10px}.knowledge-hub-number{flex-shrink:0;min-width:18px;font-size:14px;font-weight:600;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.knowledge-hub-topic h3{margin:0;font-size:18px;font-weight:600;line-height:1.3}.knowledge-hub-description{margin:6px 0 12px 28px;font-size:14px;line-height:1.55;color:hsl(var(--muted-foreground))}.knowledge-hub-articles{display:flex;flex-direction:column;margin:0 0 0 28px;padding:0;list-style:none}.knowledge-hub-articles a{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 0;border-top:1px solid hsl(var(--border));font-size:15px;font-weight:500;color:hsl(var(--foreground))}.knowledge-hub-articles li:first-child a{border-top:0}.knowledge-hub-articles a:hover{color:hsl(var(--brand))}.knowledge-hub-articles svg{width:16px;height:16px;flex-shrink:0;color:hsl(var(--brand))}.knowledge-hub-practice{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:auto 0 0 28px;padding-top:8px;font-size:14px;font-weight:600;color:hsl(var(--brand))}.knowledge-hub-practice svg{width:16px;height:16px}.knowledge-hub-articles a:focus-visible,.knowledge-hub-practice:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.knowledge-hub-more{margin-top:24px}.knowledge-hub-more h3{margin:0 0 8px;font-size:18px}.knowledge-hub-more .knowledge-hub-articles{margin-left:0}@media(max-width:760px){.knowledge-hub-topics{grid-template-columns:minmax(0,1fr)}.knowledge-hub-topic{padding:16px}}@media(max-width:600px){.knowledge-hub-controls .course-exam-switch{width:100%}.knowledge-hub-controls .course-exam-switch button{flex:1}}
