.adc-lesson{max-width:1040px;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-8);color:var(--text-100)}.adc-lesson a{color:var(--ink-blue-hi);text-underline-offset:.2em}.adc-lesson :is(a,button,summary):focus-visible,.lesson-feature:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px}.lesson-back{display:inline-block;margin-bottom:var(--space-6);font-size:var(--type-size-body-small)}.lesson-header{max-width:820px;margin-bottom:var(--space-6)}.lesson-eyebrow{color:var(--ink-pink);font-size:var(--type-size-body-small);font-weight:var(--type-weight-semibold);margin-bottom:var(--space-3)}.adc-lesson h1{font-family:var(--type-font-display);font-size:var(--type-size-page-title);font-weight:var(--type-weight-h1);line-height:var(--type-line-title);text-transform:none;margin-bottom:var(--space-4)}.adc-lesson h2{font-size:var(--type-size-section-title);font-weight:var(--type-weight-h2);line-height:var(--type-line-title);margin-bottom:var(--space-4);text-transform:none}.adc-lesson h3{font-size:var(--type-size-card-title);line-height:var(--type-line-card);margin-bottom:var(--space-2)}.adc-lesson p{font-size:var(--type-size-body);line-height:var(--type-line-body)}.lesson-intro{color:var(--text-300)}.lesson-jump{display:inline-block;padding-block:var(--space-3);margin-top:var(--space-2)}.lesson-video-frame{aspect-ratio:16 / 9;background:var(--press-900);border:1px solid var(--line-strong)}.lesson-video-frame iframe{width:100%;height:100%;border:0}.lesson-poster{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:var(--press-900);cursor:pointer}.lesson-poster img{display:block;width:100%;height:100%;object-fit:cover}.lesson-play{position:absolute;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);width:fit-content;max-width:calc(100% - 2rem);padding:var(--space-3) var(--space-4);color:var(--paper-ink);background:var(--paper);font-family:var(--type-font-body);font-size:var(--type-size-body-small);font-weight:var(--type-weight-bold)}.lesson-video-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding-block:var(--space-3)}.lesson-video-footer p,.lesson-video-footer a{color:var(--text-300);font-size:var(--type-size-body-small)}.lesson-video-footer a{color:var(--ink-blue-hi)}.lesson-prose{max-width:760px;margin-block:var(--space-7)}.lesson-prose p+p{margin-top:var(--space-4)}.lesson-prose .lesson-context{color:var(--text-300);font-size:var(--type-size-body-small);border-inline-start:2px solid var(--line-strong);padding-inline-start:var(--space-4)}.lesson-exercises{scroll-margin-top:var(--space-8)}.lesson-exercise{margin-top:var(--space-5);border:1px solid var(--line-strong);background:var(--press-900)}.lesson-exercise-heading{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5)}.lesson-exercise-heading p{color:var(--text-300)}.lesson-number{flex-shrink:0;color:var(--ink-pink);font-family:var(--type-font-data);font-size:var(--type-size-stat);line-height:var(--type-line-title)}.lesson-exercise img{display:block;width:100%;height:auto}.lesson-exercise figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-5);color:var(--text-300);font-size:var(--type-size-body-small)}.lesson-exercise details{border-top:1px solid var(--line-strong)}.lesson-exercise summary{padding:var(--space-4) var(--space-5);cursor:pointer;color:var(--ink-blue-hi);font-weight:var(--type-weight-semibold)}.lesson-exercise details>p{padding:0 var(--space-5) var(--space-5);max-width:800px}.lesson-matchups{border-top:1px solid var(--line-strong);padding-block:var(--space-6)}.lesson-matchups>div{display:flex;flex-wrap:wrap;gap:var(--space-3)}.lesson-matchups a{display:flex;justify-content:space-between;gap:var(--space-5);padding:var(--space-4);background:var(--press-800);text-decoration:none}.lesson-source{padding-top:var(--space-5);border-top:1px solid var(--line)}.lesson-source h2,.lesson-source p{font-size:var(--type-size-body-small);color:var(--text-300)}.lesson-source p+p{margin-top:var(--space-2)}.lesson-feature{display:grid;grid-template-columns:minmax(160px,280px) 1fr;gap:var(--space-5);align-items:center;margin-block:var(--space-5);padding:var(--space-4);border:1px solid var(--line-strong);background:var(--press-900);color:var(--text-100);text-decoration:none}.lesson-feature>img{display:block;width:100%;height:auto}.lesson-feature h2{font-size:var(--type-size-section-title);line-height:var(--type-line-title);text-transform:none;margin-bottom:var(--space-2)}.lesson-feature p{color:var(--text-300);font-size:var(--type-size-body-small);line-height:var(--type-line-body);margin-bottom:var(--space-3)}.lesson-feature>div>span{color:var(--ink-blue-hi);font-size:var(--type-size-body-small)}@media (max-width: 600px){.adc-lesson{padding:var(--space-5) var(--space-4) var(--space-7)}.lesson-exercise-heading{padding:var(--space-4);gap:var(--space-3)}.lesson-exercise figcaption,.lesson-exercise summary{padding-inline:var(--space-4)}.lesson-exercise details>p{padding-inline:var(--space-4)}.lesson-feature{grid-template-columns:minmax(0,1fr)}.lesson-matchups>div,.lesson-matchups a{width:100%}}
