.learning .course-note{font-size:.9rem;color:var(--muted);margin-top:20px}
.learning .pagehead{padding:70px 0 60px}
.learning .pagehead h1{font-size:clamp(2.5rem,6vw,4.7rem)}
.learning .pagehead .eyebrow{margin-top:24px;font-size:.875rem}
.learning .grid3 .card{display:flex;flex-direction:column}
.learning .grid3 .card h3{margin-top:16px;line-height:1.2}
.learning .grid3 .card .btn{margin-top:auto;align-self:flex-start}
.lesson-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(210px,1fr);gap:50px;padding:48px 0 72px}
.lesson-section{padding:28px 0;border-bottom:1px solid var(--line)}
.lesson-section h2,.exercise h2{font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.2}
.lesson-section p{font-size:1.0625rem;line-height:1.85}
.lesson-outcome{padding:24px;background:var(--paper);border-left:4px solid var(--plum)}
.lesson-outcome p{margin:8px 0 0}
.lesson-aside{align-self:start;background:var(--paper);border:1px solid var(--line);padding:24px}
.lesson-aside li{margin:12px 0}.lesson-aside ol{padding-left:20px}
.lesson-aside [aria-current]{font-weight:700;color:var(--plum)}
.exercise{padding:30px;margin:32px 0;background:var(--paper);border:1px solid var(--line)}
.exercise li{margin-bottom:16px}.exercise ol{padding-left:22px}
.exercise label{display:block;font-weight:600;margin:24px 0 8px}
.exercise textarea{width:100%;padding:16px;border:1px solid var(--mauve);font:inherit;color:var(--ink);resize:vertical;min-height:220px;background:#fff}
.note-actions{display:flex;flex-wrap:wrap;gap:8px}.note-actions .btn{font:inherit;cursor:pointer;margin:8px 0}
#note-status{min-height:1.7em;margin:10px 0 0;color:var(--plum)}
.lesson-nav{position:static;display:flex;flex-wrap:wrap;background:transparent;padding:20px 0;gap:10px;border:0}
a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid var(--plum);outline-offset:4px}
@media(min-width:851px) and (max-width:1200px){header nav{gap:10px}header nav a{font-size:.78rem}.brand{font-size:1.3rem}.navrow{gap:12px}}
@media(max-width:850px){.lesson-layout{grid-template-columns:1fr;gap:24px}.lesson-aside{order:-1}.lesson-aside ol{display:none}.exercise{padding:20px}.lesson-nav{display:flex}.learning .pagehead{padding:40px 0}.lesson-aside h3{font-size:1.2rem}}
@media print{header,footer,.lesson-aside,.note-actions,.lesson-nav{display:none!important}.lesson-layout{display:block;padding:0}.wrap{width:100%}.pagehead{padding:0!important}.exercise textarea{border:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


.course-subtitle{font-family:"Playfair Display",serif;font-size:1.5rem!important;color:var(--plum)!important}.instructor-panel{display:grid;grid-template-columns:minmax(180px,320px) minmax(0,1fr);gap:48px;align-items:center}.instructor-panel img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border:1px solid var(--line)}.course-faq{max-width:900px}.course-faq details{padding:20px 0;border-bottom:1px solid var(--line)}.course-faq summary{cursor:pointer;font-weight:600;font-size:1.0625rem;color:var(--plum)}.course-faq details p{margin:16px 0 0;line-height:1.8}@media(max-width:650px){.instructor-panel{grid-template-columns:1fr;gap:28px}.instructor-panel img{max-width:280px}}

.lesson-photo{margin:0 0 32px}.lesson-photo img{display:block;width:100%;height:auto;border:1px solid var(--line)}.lesson-photo figcaption{font-size:.9rem;line-height:1.6;color:var(--muted);padding-top:12px}