.lesson-grid{counter-reset:lesson}.lesson{position:relative;padding-top:52px}.lesson:before{counter-increment:lesson;content:counter(lesson,decimal-leading-zero);position:absolute;left:16px;top:14px;color:var(--cyan);font-weight:900;letter-spacing:.12em}.cycle{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.cycle-item{position:relative;text-align:center;padding:17px 8px;border:1px solid var(--line);border-radius:15px;background:rgba(4,17,28,.65)}.cycle-item:not(:last-child):after{content:"→";position:absolute;right:-10px;top:50%;color:var(--cyan);font-weight:900}.cycle-item b{display:block;margin-top:7px}.cycle-item small{display:block;color:var(--muted);margin-top:4px}.quiz-option{display:block;width:100%;text-align:left;margin-top:7px}.quiz-option.correct{border-color:var(--green);background:rgba(84,230,167,.1)}.quiz-option.wrong{border-color:var(--red);background:rgba(255,97,119,.1)}.teacher-box{border:1px solid rgba(164,144,255,.3);background:rgba(164,144,255,.07)}@media(max-width:820px){.cycle{grid-template-columns:1fr}.cycle-item:not(:last-child):after{content:"↓";right:50%;top:auto;bottom:-14px;transform:translateX(50%)}}


/* v1.5.0: Lernkarten auf kleinen Displays horizontal statt endlos untereinander */
@media(max-width:620px){
  .hero-actions{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px;scrollbar-width:none}
  .hero-actions::-webkit-scrollbar{display:none}
  .hero-actions .btn{min-width:max-content;scroll-snap-align:start}
  .cycle{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(76vw,1fr);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;scrollbar-width:none}
  .cycle::-webkit-scrollbar{display:none}
  .cycle-item{scroll-snap-align:start;text-align:left;min-height:126px;padding:14px}
  .cycle-item:not(:last-child):after{display:none}
  .section.grid-3{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(82vw,1fr);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;scrollbar-width:none}
  .section.grid-3::-webkit-scrollbar{display:none}
  .section.grid-3>.card{scroll-snap-align:start}
  .lesson{padding-top:46px}
  .teacher-box ol{padding-left:20px}
}