.courses-app{min-height:100vh}.courses-page{width:100%;max-width:1400px;margin:0 auto;padding:32px 16px 80px}.course-gallery-page{padding-top:20px}.courses-layout{gap:16px;display:grid}.courses-section-menu{z-index:1;align-self:start;position:relative}.course-gallery-page .courses-section-menu{margin-top:55px}.courses-section-nav{border:1px solid var(--pr-border);background:var(--pr-card);box-shadow:var(--pr-shadow);border-radius:14px;flex-direction:column;gap:2px;padding:8px;display:flex}.courses-section-link{min-height:36px;color:var(--pr-muted);border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:14px;transition:color .15s,background-color .15s;display:flex}.courses-section-link:hover{color:var(--pr-fg);background:var(--pr-hover)}.courses-section-link.is-active{background:var(--pr-active);color:var(--pr-fg)}.courses-section-link:focus-visible{outline:2px solid var(--pr-accent);outline-offset:2px}.courses-main{min-width:0}.courses-title{font-family:var(--pr-heading);letter-spacing:0;margin:0 0 32px;font-size:1.5rem;font-weight:700;line-height:.95}.courses-title span{color:var(--pr-primary)}.courses-subheading{align-items:center;gap:12px;margin-bottom:20px;display:flex}.courses-subheading h2{color:var(--pr-fg);font-size:1.125rem;font-weight:600;line-height:1}.courses-subheading-line{background:var(--pr-border-40);flex:auto;min-width:32px;height:1px}.courses-count{color:var(--pr-muted);font-family:var(--pr-mono);white-space:nowrap;flex:none;font-size:11px;line-height:1}.lesson-grid{grid-template-columns:repeat(auto-fill,minmax(240px,280px));justify-content:start;gap:16px;display:grid}.lesson-card-link{width:100%;max-width:280px;color:var(--pr-fg);display:block}.lesson-card{border:1px solid var(--pr-border);background:var(--pr-card);border-radius:12px;transition:border-color .2s,box-shadow .2s,transform .2s;display:block;overflow:hidden}.lesson-card-link:hover .lesson-card{border-color:var(--pr-border-60);transform:translateY(-2px);box-shadow:0 4px 20px #0000002e}.lesson-card-link:focus-visible{outline:2px solid var(--pr-accent);outline-offset:4px;border-radius:13px}.lesson-card-media{aspect-ratio:16/9;background:var(--pr-hover);position:relative;overflow:hidden}.lesson-card-image{object-fit:cover;filter:saturate(.8);width:100%;height:100%;transition:filter .2s,transform .3s;display:block}.lesson-card-link:hover .lesson-card-image{filter:saturate();transform:scale(1.02)}.lesson-card-overlay{opacity:0;background:linear-gradient(#0000,#0003);transition:opacity .2s;position:absolute;inset:0}.lesson-card-link:hover .lesson-card-overlay{opacity:1}.lesson-card-body{padding:16px}.lesson-card-title{color:var(--pr-fg);font-family:var(--pr-sans);margin:0;font-size:.9375rem;font-weight:600;line-height:1.3}.lesson-page{width:100%;padding:35px 24px 96px}.lesson-page-content{width:100%;max-width:900px;margin:0 auto}.lesson-video{aspect-ratio:16/9;border:1px solid var(--pr-border);background:#080808;border-radius:12px;width:100%;margin:0 auto 35px;position:relative;overflow:hidden}.lesson-video iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.lesson-heading{max-width:860px;margin:0 auto 30px}.lesson-heading h1{margin:0 0 10px;font-size:27px;font-weight:700;line-height:1.2}.lesson-heading p{color:var(--pr-muted);font-size:15px}.lesson-article-content{max-width:840px;color:var(--pr-fg);overflow-wrap:anywhere;margin:0 auto;font-size:16px;line-height:1.7}.lesson-article-content h1,.lesson-article-content h2,.lesson-article-content h3,.lesson-article-content h4{margin:32px 0 14px;scroll-margin-top:96px;font-weight:650;line-height:1.3}.lesson-article-content h1{margin-top:42px;font-size:36px}.lesson-article-content h2{font-size:23px}.lesson-article-content h3{font-size:19px}.lesson-article-content p{margin:16px 0}.lesson-article-content ul,.lesson-article-content ol{margin:16px 0;padding-left:28px}.lesson-article-content ul{list-style:outside}.lesson-article-content ol{list-style:decimal}.lesson-article-content li{margin:7px 0;padding-left:4px}.lesson-article-content li::marker{color:var(--pr-accent)}.lesson-article-content a{color:var(--pr-accent);text-underline-offset:3px;text-decoration:underline}.lesson-article-content blockquote{border-left:2px solid var(--pr-border);color:var(--pr-muted);margin:18px 0;padding:4px 0 4px 18px}.lesson-article-content code{border:1px solid var(--pr-border);background:var(--pr-card);font-family:var(--pr-mono);border-radius:5px;padding:2px 6px;font-size:.88em}.lesson-article-content pre{border:1px solid var(--pr-border);background:var(--pr-popover);border-radius:10px;margin:18px 0;padding:18px;line-height:1.55;overflow-x:auto}.lesson-article-content pre code{background:0 0;border:0;padding:0;font-size:.9em}.lesson-article-content table{border-collapse:collapse;width:100%;margin:20px 0;font-size:14px}.lesson-article-content th,.lesson-article-content td{border:1px solid var(--pr-border);text-align:left;padding:10px}.lesson-article-content th{background:var(--pr-card)}.lesson-article-image{border-radius:4px;width:auto;max-width:100%;height:auto;margin:20px auto;display:block}.lesson-article-content iframe{aspect-ratio:16/9;border:1px solid var(--pr-border);background:#080808;border-radius:10px;width:100%;margin:22px 0;display:block}.lesson-extra-video h2{margin-top:30px}@media (min-width:640px){.courses-title{font-size:1.75rem}}@media (min-width:1024px){.courses-page{padding-left:24px;padding-right:24px}.courses-layout{grid-template-columns:240px minmax(0,1fr)}.courses-section-menu{position:sticky;top:5.5rem}.course-gallery-page .courses-section-menu{top:0}.courses-title{font-size:2rem}}@media (max-width:1023px){.course-gallery-page .courses-section-menu{margin-top:0}.courses-section-nav{flex-direction:row}}@media (max-width:600px){.courses-subheading{flex-wrap:wrap}.courses-subheading-line{flex-basis:100%;order:3}.lesson-grid{grid-template-columns:minmax(0,1fr)}.lesson-card-link{max-width:none}.lesson-page{padding:24px 16px 60px}.lesson-heading h1{font-size:24px}}@media (prefers-reduced-motion:reduce){.lesson-card,.lesson-card-image,.lesson-card-overlay,.courses-section-link{transition:none}.lesson-card-link:hover .lesson-card{transform:none}}