/* Kurse entdecken: nur Anordnung dieser Seite. Aussehen kommt aus ds-components.css, der Seitenkopf aus page-shell.css. */
.kk-page{color:var(--ds-text);font-family:var(--ds-font,system-ui,sans-serif)}
.kk-shell{box-sizing:border-box;display:grid;gap:18px;width:min(100%,1256px);margin:0 auto;padding:0 20px 96px}
.kk-shell>*{min-width:0}
.kk-directory{order:9}
.ds-catalog-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}
.kk-hero-content{flex:1 1 420px;min-width:0}
.kk-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.kk-stats{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px;flex:0 1 380px}
.kk-stat{display:grid;gap:2px;padding:12px 14px;font-size:13px}
.kk-stat strong{font-size:24px;line-height:1.1}
.kk-panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.kk-panel-head h2{margin:0;font-size:22px}
.kk-count{display:grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border:1px solid var(--ds-border);border-radius:10px;font-weight:700}
.kk-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,220px);align-items:end;gap:12px;margin:0 0 12px}
.kk-search-field,.kk-sort-field{display:grid;gap:6px;min-width:0;font-size:13px;font-weight:600}
.kk-filters{margin:0 0 14px}
.kk-msg:empty{display:none}
.kk-msg{color:var(--ds-muted2,var(--ds-text));font-size:14px;line-height:1.5}
.ds-catalog-thumb{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background:var(--ds-bg)}
.ds-catalog-thumb img,.ds-catalog-thumb svg,.ds-catalog-thumb .ds-native-course-cover{display:block;width:100%;height:100%;object-fit:cover}
.ds-course-state{position:absolute;left:8px;top:8px;padding:3px 10px;border-radius:999px;background:var(--ds-card);color:var(--ds-text);font:600 12px/1.3 var(--ds-font,system-ui,sans-serif)}
.kk-card-body h3{margin:0;font-size:17px;line-height:1.3;overflow-wrap:anywhere}
.kk-card-body>p{display:-webkit-box;overflow:hidden;margin:0;color:var(--ds-muted2,var(--ds-text));font-size:14px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow-wrap:anywhere}
.kk-meta-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;color:var(--ds-muted2,var(--ds-text));font-size:12px}
.kk-teacher,a.kk-teacher,a.kk-teacher:visited{display:flex;align-items:center;gap:10px;color:var(--ds-text);text-decoration:none}
.kk-teacher>span:last-child{display:grid;gap:1px;min-width:0}
.kk-teacher small{color:var(--ds-muted2,var(--ds-text));font-size:12px}
.kk-teacher-avatar{flex:none;display:grid;place-items:center;overflow:hidden;width:38px;height:38px;border-radius:50%;background:var(--ds-bg);font-size:12px;font-weight:700}
.kk-teacher-avatar img{width:100%;height:100%;object-fit:cover}
.kk-unlocked-note{color:var(--ds-accent);font-size:13px;font-weight:600}
@media (max-width:640px){
  .kk-tools{grid-template-columns:minmax(0,1fr)}
  .kk-stats{flex-basis:100%}
  .kk-hero-actions .ds-c-btn{flex:1 1 auto}
}