x-home-course{display:contents}@scope (x-home-course) to (:scope :is(x-base,x-faq,x-footer,x-home-app,x-home-audience,x-home-close,x-home-course,x-home-hero,x-legal,x-nav)>*){.course-section{background:var(--home-tint)}.course{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);margin-top:var(--space-7);align-items:center}.course-visual{margin:0;position:relative;overflow:hidden;background:var(--home-dark)}.course-visual img{width:100%;height:100%;aspect-ratio:6/5;object-fit:cover;display:block;object-position:center 30%}.course-visual::after{content:'';position:absolute;inset:30% 0 0;background:var(--home-scrim)}.course-visual figcaption{position:absolute;bottom:var(--space-6);left:var(--space-6);right:var(--space-6);z-index:1}.course-visual h3{font-size:var(--text-2xl);color:var(--home-light);max-width:22ch;margin-top:var(--space-3)}.course-label{font-size:var(--text-xs);padding:var(--space-2) var(--space-3);background:var(--home-light);color:var(--home-dark);border-radius:var(--radius-pill)}.lesson-list{counter-reset:lesson;list-style:none;padding:0;margin:var(--space-4) 0 var(--space-6)}.lesson-list li{counter-increment:lesson;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--home-rule);font-size:var(--text-base);line-height:1.45}.lesson-list li::before{content:counter(lesson,decimal-leading-zero);color:var(--home-accent);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.lesson-list li>span:first-child{flex:1}@media(max-width:760px){.course{grid-template-columns:1fr;gap:var(--space-6)}.course-visual img{aspect-ratio:4/3}.lesson-list li{font-size:var(--text-base)}}}