@layer components{.lesson-page{margin-inline:auto;max-width:70ch;padding-inline:1.5rem;padding-block:2rem}.lesson-page__stack{display:flex;flex-direction:column;gap:2rem}.lesson-page__coming-soon{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border-color);padding:2rem;text-align:center}.lesson-page__coming-soon-text{color:var(--muted-foreground);font-size:1rem;line-height:calc(1.5 / 1)}.lesson-page__complete-row{display:flex;justify-content:flex-end}.lesson-nav{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;border-top:1px solid var(--border-color);padding-top:1.5rem}.lesson-nav__next,.lesson-nav__prev{flex:1 1;min-width:0}.lesson-nav__next{text-align:right}.lesson-nav__link{color:var(--primary);font-size:.875rem;line-height:calc(1.25 / .875)}@media (hover:hover){.lesson-nav__link:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}}.lesson-page__instructor{color:var(--muted-foreground);font-size:.875rem;line-height:calc(1.25 / .875)}.lesson-page__instructor-link{color:var(--primary)}@media (hover:hover){.lesson-page__instructor-link:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}}.lesson-page__gate-note{color:var(--muted-foreground)}.lesson-signin{display:flex;flex-direction:column;gap:1rem}.lesson-signin__heading{font-size:1.5rem;font-weight:700}.lesson-signin__card{display:flex;flex-direction:column;align-items:center;gap:1rem;border:1px solid var(--border-color);border-radius:calc(var(--radius) + 4px);background:var(--card);padding:1.5rem;text-align:center}.lesson-signin__text{color:var(--muted-foreground);font-size:1rem;max-width:28rem}}