/* D66 course catalog — extends panel shell */
.kurs-card{max-width:960px}
.kurs-grid{display:grid;gap:16px;margin-top:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.kurs-mod{border:1px solid var(--pn-line,#e5e7eb);border-radius:14px;padding:18px 16px;background:#fafbfc;display:grid;gap:8px;animation:kursIn .4s ease both}
.kurs-mod:nth-child(2){animation-delay:.04s}
.kurs-mod:nth-child(3){animation-delay:.08s}
.kurs-mod:nth-child(4){animation-delay:.12s}
.kurs-role{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--pn-green,#1d9d57);margin:0}
.kurs-mod h2{font:700 18px/1.25 var(--pn-display,CompassDisplay,Arial,sans-serif);margin:0}
.kurs-mod h2 a{text-decoration:none;color:var(--pn-ink,#141820)}
.kurs-mod p{margin:0;color:var(--pn-muted,#6b7280);font-size:14px}
.kurs-meta{font-size:13px;color:var(--pn-text,#2c3340)!important}
.kurs-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:rgba(29,157,87,.12);color:#178a4b;font-size:12px;font-weight:600}
.kurs-badge-empty{background:#f3f4f6;color:#6b7280}
.kurs-badge-done{background:rgba(61,220,151,.2);color:#0f7a4a}
.kurs-lesson{margin-top:18px;padding-top:16px;border-top:1px solid var(--pn-line,#e5e7eb)}
.kurs-lesson h3{font-size:17px;margin:0 0 8px;color:var(--pn-ink,#141820)}
.kurs-form{margin-top:12px;display:grid;gap:14px}
.kurs-q{border:1px solid var(--pn-line,#e5e7eb);border-radius:12px;padding:12px 14px;margin:0}
.kurs-q legend{font-weight:600;padding:0 4px}
.kurs-choice{display:block;margin:8px 0;font-size:14px;cursor:pointer}
.kurs-zertifikat{margin:16px 0;padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,rgba(29,157,87,.1),rgba(61,220,151,.08));border:1px solid rgba(29,157,87,.25);font-size:15px}
.pn-notice{margin:12px 0;padding:10px 12px;border-radius:10px;background:#f3faf6;color:#178a4b;font-size:14px}
.muted{color:var(--pn-muted,#6b7280);font-size:14px}
@keyframes kursIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.kurs-mod{animation:none}}
@media (max-width:860px){.kurs-grid{grid-template-columns:1fr}}