.lesson-screen{--lesson-green:#177a4d;--lesson-soft:#edf7f1;--lesson-border:#dae3de;background:#f7f9f7;padding:30px 0 12px}.lesson-screen .learn-breadcrumb{font-size:.83rem;gap:9px;margin-bottom:28px}.lesson-screen .learn-breadcrumb a{align-items:center;display:inline-flex;gap:5px}.lesson-screen .learn-breadcrumb [aria-current]{overflow-wrap:anywhere}.lesson-screen .lesson-hero{margin-bottom:24px}.lesson-screen .lesson-hero--with-image{align-items:center;display:grid;gap:24px;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.lesson-screen h1{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.045em;line-height:1.04;margin:12px 0 16px;max-width:830px}.lesson-screen .learn-eyebrow{font-size:.72rem;letter-spacing:.12em}.lesson-screen .learn-lead{font-size:1.05rem;line-height:1.55;margin:0;max-width:760px}.lesson-hero__image{border:1px solid var(--lesson-border);height:auto;justify-self:end;max-height:185px;max-width:340px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.lesson-grid{align-items:start;display:grid;gap:24px;grid-template-areas:"progress index" "main index" "main context";grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:min-content min-content min-content}.lesson-main{align-self:start;display:grid;gap:20px;grid-area:main;margin-top:-24px;min-width:0}.lesson-grid__index{grid-area:index;min-width:0}.lesson-context{grid-area:context;min-width:0}.lesson-screen .learn-panel{border:1px solid var(--lesson-border);border-radius:4px;min-width:0;padding:22px}.lesson-screen h2{font-size:1.2rem;letter-spacing:-.02em;line-height:1.3;margin-bottom:14px}.lesson-screen h3{font-size:1rem;letter-spacing:normal;line-height:1.4;margin:0 0 5px}.lesson-screen p{line-height:1.55}.lesson-screen .lesson-player-card{border-radius:0 0 4px 4px;border-top:0;overflow:hidden;padding:0}.lesson-grid>.lesson-progress{background:#fff;border:1px solid var(--lesson-border);border-bottom:0;border-radius:4px 4px 0 0;grid-area:progress}.lesson-progress{padding:20px 20px 12px}.lesson-progress__labels{display:flex;flex-wrap:wrap;font-size:.8rem;font-weight:750;gap:6px 16px;justify-content:space-between;margin-bottom:10px}.lesson-progress progress{accent-color:var(--lesson-green);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e1e7e3;border:0;border-radius:6px;display:block;height:9px;overflow:hidden;width:100%}.lesson-progress progress::-webkit-progress-bar{background:#e1e7e3;border-radius:6px}.lesson-progress progress::-webkit-progress-value{background:var(--lesson-green);border-radius:6px}.lesson-progress progress::-moz-progress-bar{background:var(--lesson-green);border-radius:6px}.lesson-screen .learn-video{background:#fff;border:0;color:#14251c;padding:0 16px 14px}.lesson-screen .learn-video-heading{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;padding:6px 0 10px}.lesson-screen .learn-video-heading>div:first-child{align-items:center;display:flex;flex-wrap:wrap;gap:5px 10px}.lesson-screen .learn-video .learn-status{background:var(--lesson-soft);color:#205f37;font-size:.72rem;margin:0;padding:4px 7px}.learn-video-audio{color:#42574a;font-size:.75rem}.lesson-screen .learn-video iframe{background:#14251c;border-radius:3px}.lesson-screen .learn-video-actions a:not(.v-btn){align-items:center;color:#205f37;display:inline-flex;font-size:.78rem;gap:4px;min-height:30px}.lesson-screen .learn-video p{color:#42574a}.lesson-screen .learn-video .learn-video-notice{font-size:.74rem;line-height:1.45;margin:10px 0 0}.lesson-screen .learn-video>h2{margin-top:18px}.lesson-screen .learn-video>.learn-status{margin-top:8px}.lesson-screen .learn-video>p:not(.learn-video-notice){font-size:.95rem;margin:0 0 12px}.lesson-index summary{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;list-style:none;min-height:32px}.lesson-index summary::-webkit-details-marker{display:none}.lesson-screen .lesson-index summary h2{font-size:1.05rem;margin:0}.lesson-index__compact{display:none}.lesson-screen .lesson-index__count{color:#42574a;font-size:.8rem;margin:6px 0 12px}.lesson-index ol{list-style:none;margin:0;padding:0}.lesson-index li{position:relative}.lesson-index li:not(:last-child):before{background:#d2dfd6;bottom:-15px;content:"";left:20px;pointer-events:none;position:absolute;top:28px;width:1px}.lesson-index a{align-items:start;border-radius:3px;display:grid;gap:10px;grid-template-columns:28px minmax(0,1fr) 2.5rem;min-height:44px;padding:8px 6px;position:relative;text-align:start;text-decoration:none}.lesson-index a:hover{background:#f1f6f2}.lesson-index a.is-current{background:#e8f5ed;font-weight:800}.lesson-index__marker{align-self:start;background:#fff;border:1px solid #b7c9be;border-radius:50%;box-sizing:border-box;color:#415a4b;display:grid;font-size:.73rem;font-variant-numeric:tabular-nums;font-weight:850;grid-column:1;grid-row:1;height:28px;justify-self:start;place-items:center;width:28px}.is-completed .lesson-index__marker,.is-current .lesson-index__marker{background:var(--lesson-green);border-color:var(--lesson-green);color:#fff}.lesson-index__name{font-size:.82rem;grid-column:2;grid-row:1;line-height:1.4;min-width:0;overflow-wrap:anywhere;padding-top:5px;text-align:start}.lesson-index__state{color:#42574a;display:flex;flex-wrap:wrap;font-size:.68rem;font-weight:650;gap:4px 8px}.lesson-index time{color:#42574a;font-size:.72rem;font-variant-numeric:tabular-nums;grid-column:3;grid-row:1;justify-self:end;padding-top:5px;white-space:nowrap}.lesson-screen .learn-details{display:grid;gap:20px}.lesson-screen .learn-details h2{align-items:center;display:flex;font-size:1rem;gap:10px;margin-bottom:12px}.lesson-screen .learn-details h2 .v-icon{background:#edf7f1;border-radius:4px;box-sizing:content-box;color:var(--lesson-green);flex:0 0 auto;padding:6px}.lesson-screen .learn-details p{font-size:.87rem}.lesson-objectives{background:var(--lesson-soft);border-radius:4px;padding:20px}.lesson-objectives ul{display:grid;gap:14px 20px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}.lesson-objectives li{align-items:flex-start;display:flex;font-size:.9rem;gap:9px;line-height:1.5}.lesson-objectives .v-icon{color:var(--lesson-green);flex:0 0 auto;margin-top:1px}.lesson-screen .learn-steps{gap:0;list-style:none;margin:0;padding:0}.lesson-screen .learn-steps li{border-bottom:1px solid #e7ede9;display:grid;gap:16px;grid-template-columns:34px minmax(0,1fr);padding:17px 0}.lesson-screen .learn-steps li:last-child{border-bottom:0;padding-bottom:0}.lesson-step-number{background:#e5f3ea;border:1px solid #c8e5d3;border-radius:50%;color:#177a4d;display:grid;font-weight:850;height:34px;place-items:center;width:34px}.lesson-screen .learn-step-description{color:#42574a;font-size:.91rem;margin:0}.lesson-completion{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:4px 0}.lesson-completion>div{flex:1 1 240px}.lesson-screen .lesson-completion__state{align-items:center;color:#177a4d;display:flex;font-size:.9rem;font-weight:850;gap:7px;margin:0 0 7px}.lesson-screen .lesson-completion__notice{color:#42574a;font-size:.8rem;margin:0}.lesson-button{align-items:center;background:#177a4d;border:1px solid #177a4d;border-radius:3px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:.85rem;font-weight:800;gap:8px;justify-content:center;line-height:1.4;min-height:44px;padding:10px 16px}.lesson-button:hover{background:#11643e}.lesson-button--outline{background:#fff;color:#177a4d}.lesson-button--outline:hover{background:#edf7f1}.lesson-screen .lesson-neighbors{background:#fff;border:1px solid var(--lesson-border);border-radius:4px;gap:16px;margin:24px 0 20px;padding:16px}.lesson-screen .lesson-neighbors a{align-items:center;background:#edf7f1;border:0;border-radius:3px;display:flex;gap:12px;min-height:64px;padding:12px 14px}.lesson-screen .lesson-neighbors a>span{color:inherit;display:block;margin:0}.lesson-screen .lesson-neighbors small{color:#42574a;display:block;font-size:.75rem;margin-bottom:4px}.lesson-screen .lesson-neighbors strong{display:block;font-size:.86rem}.lesson-screen .lesson-neighbors .learn-next{justify-content:flex-end}.lesson-screen .lesson-share{align-items:flex-start;display:flex;gap:16px}.lesson-share__icon{background:#edf7f1;border-radius:50%;box-sizing:content-box;color:#177a4d;flex:0 0 auto;padding:10px}.lesson-share__body{flex:1;min-width:0}.lesson-screen .lesson-share h2{font-size:1.05rem;margin:0 0 5px}.lesson-screen .lesson-share p{color:#42574a;font-size:.85rem;margin:0 0 10px}.lesson-share__actions{align-items:center;display:flex;gap:12px}.lesson-screen .learn-share-input{border-radius:3px;flex:1;font-size:.82rem;height:44px;margin:0;min-width:0}.lesson-screen .lesson-share__feedback{margin:8px 0 0;min-height:0}.lesson-share__feedback:empty{margin:0}.lesson-visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.lesson-screen summary:focus-visible{outline:3px solid #237342;outline-offset:4px}@media(max-width:1100px){.lesson-grid{gap:20px;grid-template-areas:"progress" "index" "main" "context";grid-template-columns:1fr}.lesson-main{margin-top:0}.lesson-grid>.lesson-progress{border-bottom:1px solid var(--lesson-border);border-radius:4px}.lesson-screen .lesson-player-card{border-radius:4px;border-top:1px solid var(--lesson-border)}.lesson-screen .lesson-hero{display:block}.lesson-hero__image,.lesson-index__desktop{display:none}.lesson-index__compact{display:inline}.lesson-screen .lesson-index{padding:14px 18px}.lesson-screen .learn-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.lesson-screen{padding-top:22px}.lesson-screen h1{font-size:2.125rem;line-height:1.08}.lesson-screen .learn-breadcrumb{font-size:.75rem;gap:6px;margin-bottom:20px}.lesson-screen .learn-lead{font-size:.97rem}.lesson-screen .learn-panel{padding:18px}.lesson-screen .lesson-player-card{padding:0}.lesson-progress{padding:16px 14px 8px}.lesson-progress__labels{font-size:.73rem;gap:5px}.lesson-screen .learn-video{padding:0 10px 12px}.lesson-screen .learn-video-heading{align-items:flex-start}.lesson-screen .learn-video-heading>div:first-child{gap:5px}.lesson-objectives{padding:18px}.lesson-objectives ul{gap:12px}.lesson-objectives ul,.lesson-screen .learn-details{grid-template-columns:1fr}.lesson-screen .learn-steps li{gap:12px}.lesson-completion{align-items:stretch}.lesson-completion .lesson-button{width:100%}.lesson-screen .lesson-neighbors{padding:12px}.lesson-screen .lesson-neighbors .learn-next{justify-content:flex-start}.lesson-screen .lesson-share{gap:10px}.lesson-share__icon{font-size:22px;padding:5px}.lesson-share__actions{align-items:stretch;flex-direction:column;gap:10px}.lesson-screen .learn-share-input{flex:auto;width:100%}}@media(prefers-reduced-motion:reduce){.lesson-screen *,.lesson-screen :after,.lesson-screen :before{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.lesson-screen .lesson-hero--with-image h1{max-width:620px}.lesson-index__section{border-top:1px solid #e6ece8}.lesson-index__section>summary{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto 1rem;min-height:44px;padding:8px 0}.lesson-screen .lesson-index__section h3{font-size:.8rem;font-weight:800;line-height:1.4;margin:0}.lesson-index__section>summary>span{color:#42574a;flex:0 0 auto;font-size:.75rem}.lesson-index__section>summary:after{color:#177a4d;content:"＋";font-size:.85rem;text-align:center}.lesson-index__section[open]>summary:after{content:"−"}.lesson-index__section ol{padding-bottom:8px}@media(max-width:600px){.learning-page.lesson-screen>.v-container{padding-inline:14px}}.lesson-sidebar,.lesson-sidebar__index-slot{display:contents}@media(min-width:1101px){.lesson-grid--stacked{grid-template-areas:"progress sidebar" "main sidebar";grid-template-rows:min-content 1fr}.lesson-grid--stacked .lesson-sidebar{align-self:start;display:flex;flex-direction:column;gap:20px;grid-area:sidebar;min-width:0}.lesson-grid--stacked .lesson-context{grid-area:auto}}