.course-hero{padding:72px 0 58px;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--forest) 35%,transparent),transparent 34%),linear-gradient(120deg,var(--bg),color-mix(in srgb,var(--rust) 24%,var(--bg)))}
.course-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.course-hero h1{font:700 clamp(3rem,6vw,5.8rem)/.96 Georgia,serif;letter-spacing:-.045em;margin:12px 0 22px}.course-hero h1 em{display:block;color:var(--gold);font-weight:700}.course-hero figure{margin:0;background:var(--surface);padding:9px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.course-hero figure img{border-radius:14px}.course-hero figcaption,.lesson-shot figcaption{color:var(--muted);padding:10px 6px 3px;font-size:.9rem}.course-stats{padding:0;background:var(--surface);border-block:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(4,1fr)}.stats div{padding:23px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong,.stats span{display:block}.stats strong{font:700 2rem Georgia,serif;color:var(--gold)}.stats span{color:var(--muted)}.course-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:end;margin-bottom:28px}.course-heading h2,.android-band h2{font:700 clamp(2.5rem,5vw,4rem)/1 Georgia,serif;margin:7px 0}.course-heading>p{color:var(--muted);font-size:1.08rem}.course-controls{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.course-controls button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:9px 16px;cursor:pointer;font-weight:750}.course-controls button.active{background:var(--rust);border-color:var(--rust)}.progress-panel{display:grid;grid-template-columns:1fr 2fr auto;gap:18px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:17px 20px;margin-bottom:24px}.progress-panel b,.progress-panel span{display:block}.progress-panel span{color:var(--muted);font-size:.9rem}.progress-panel progress{width:100%;accent-color:var(--gold)}.progress-panel button{border:0;background:none;color:var(--gold);cursor:pointer}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lesson-card{position:relative;background:linear-gradient(150deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;min-height:320px}.lesson-number{position:absolute;right:20px;top:15px;font:700 2.8rem Georgia,serif;color:color-mix(in srgb,var(--gold) 32%,transparent)}.lesson-platform{color:var(--gold);font-size:.76rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.lesson-card h3{font:700 1.42rem/1.2 Georgia,serif;margin:19px 0 12px;max-width:85%}.lesson-card h3 a{text-decoration:none}.lesson-card>p:not(.lesson-platform){color:var(--muted);font-size:.94rem}.lesson-link{color:var(--gold);font-weight:800;margin-top:auto}.android-band{background:linear-gradient(130deg,color-mix(in srgb,var(--forest) 35%,var(--bg)),color-mix(in srgb,var(--rust) 28%,var(--bg)))}.android-band-grid{display:grid;grid-template-columns:310px 1fr;gap:58px;align-items:center}.android-band img{max-height:520px;margin:auto;border-radius:20px;border:1px solid var(--line)}
.lesson{padding:48px 0 76px}.lesson-layout{display:grid;grid-template-columns:230px minmax(0,820px);gap:58px;justify-content:center}.lesson-sidebar{position:sticky;top:98px;align-self:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}.lesson-sidebar>a{color:var(--gold)}.lesson-sidebar p{color:var(--muted);margin:22px 0 0}.lesson-sidebar strong{display:block}.mini-progress{height:5px;background:var(--surface2);margin:12px 0 23px;border-radius:8px;overflow:hidden}.mini-progress i{display:block;height:100%;background:var(--gold)}.lesson-sidebar nav{display:grid;gap:9px;border-top:1px solid var(--line);padding-top:17px}.lesson-sidebar nav a{color:var(--muted);text-decoration:none}.breadcrumbs{color:var(--muted);font-size:.9rem;margin-bottom:34px}.breadcrumbs a{color:var(--gold)}.lesson-content h1{font:700 clamp(2.6rem,6vw,5rem)/.98 Georgia,serif;letter-spacing:-.04em;margin:8px 0 20px}.lesson-intro{font-size:1.2rem;color:var(--muted);max-width:700px}.lesson-content section{padding:48px 0;border-bottom:1px solid var(--line)}.lesson-content h2{font:700 clamp(2rem,4vw,3rem)/1.05 Georgia,serif;margin:7px 0 20px}.outcome>p,.practice>p{font-size:1.16rem}.before,.recording-note{background:var(--surface);border-left:4px solid var(--gold);padding:17px 20px;margin-top:22px}.before p,.recording-note p{color:var(--muted);margin:5px 0}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:end}.walkthrough-play{background:var(--rust);color:#fff;border:0;border-radius:12px;padding:11px 16px;cursor:pointer;font-weight:800;margin-bottom:20px}.lesson-shot{margin:8px 0 0;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:9px}.lesson-shot img{width:100%;border-radius:11px}.lesson-shot.is-playing{outline:3px solid var(--gold);animation:walkthroughPulse 1.3s ease-in-out 3}@keyframes walkthroughPulse{50%{transform:scale(.99);filter:brightness(1.15)}}.procedure{list-style:none;padding:0;display:grid;gap:14px;counter-reset:steps}.procedure li{display:grid;grid-template-columns:46px 1fr;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:19px}.procedure li>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--rust);font-weight:900}.procedure h3{margin:0 0 6px;font-size:1.05rem}.procedure p{color:var(--muted);margin:0}.practice{background:linear-gradient(145deg,color-mix(in srgb,var(--forest) 28%,var(--surface)),var(--surface));padding-inline:28px!important;border-radius:20px;margin-top:48px}.complete-check{display:flex;gap:11px;align-items:flex-start;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer}.complete-check input{width:20px;height:20px;accent-color:var(--gold)}#help li{color:var(--muted);margin:8px 0}.lesson-pagination{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:40px}.lesson-nav-link{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px;text-decoration:none;color:var(--gold)}.lesson-nav-link.next{text-align:right}.lesson-card[hidden]{display:none}
@media(max-width:900px){.course-hero-grid,.course-heading,.lesson-layout{grid-template-columns:1fr}.lesson-grid{grid-template-columns:repeat(2,1fr)}.lesson-sidebar{position:static}.lesson-sidebar nav{display:none}.android-band-grid{grid-template-columns:220px 1fr}.progress-panel{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(2){border-right:0}}
@media(max-width:620px){.course-hero{padding-top:45px}.course-hero h1{font-size:2.8rem}.lesson-grid,.android-band-grid,.lesson-pagination{grid-template-columns:1fr}.stats div{padding:16px}.lesson-card{min-height:0}.android-band img{max-height:430px}.lesson-content h1{font-size:2.7rem}.section-title{display:block}.procedure li{grid-template-columns:38px 1fr;padding:15px}.procedure li>span{width:35px;height:35px}.practice{padding-inline:18px!important}}