@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}.lesson-page-split{height:100%;display:flex;overflow:hidden}.lesson-page-split__content{flex-shrink:0;overflow-y:auto}.lesson-page-split__resize-handle{width:5px;flex-shrink:0;cursor:col-resize;background:var(--border-color);transition:background-color .15s;position:relative}.lesson-page-split__resize-handle:after{content:"";position:absolute;inset:0 -4px;cursor:col-resize}.lesson-page-split--dragging .lesson-page-split__resize-handle,.lesson-page-split__resize-handle:hover{background:var(--primary)}.lesson-page-split--dragging .lesson-page-split__iframe{pointer-events:none}.lesson-page-split__content .lesson-page{padding-inline:1.5rem}.lesson-page-split__embed-pane{flex:1 1;min-width:0;display:flex;flex-direction:column;position:relative}.lesson-page-split__iframe{flex:1 1;min-height:0;width:100%;border:none}.lesson-page-split__open-tab{position:absolute;top:.75rem;right:.75rem;z-index:1;padding:.375rem .75rem;font-size:.875rem;line-height:calc(1.25 / .875);border-radius:calc(var(--radius) + 2px);background-color:var(--background);border:1px solid var(--border-color);color:var(--primary)}@media (hover:hover){.lesson-page-split__open-tab:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}}.lesson-page-split__embed-missing{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);text-align:center;padding:2rem}@media (max-width:800px){.lesson-page-split{flex-direction:column;height:auto;overflow:visible}.lesson-page-split__content{width:100%!important;border-bottom:1px solid var(--border-color);overflow-y:visible}.lesson-page-split__resize-handle{display:none}.lesson-page-split__embed-pane{min-height:60vh}}}