.course-resume{border:1px solid var(--color-hairline);background-color:var(--color-bg);background-image:var(--background-image-workshop);min-height:18rem;box-shadow:var(--shadow-lift);border-radius:1.25rem;justify-content:space-between;align-items:center;gap:2rem;padding:2rem;display:flex}.course-resume-copy{max-width:40rem}.course-resume-art{flex:0 0 14rem}.course-resume-art svg{width:100%}.course-overview-grid{grid-template-columns:minmax(0,1fr) 16rem;align-items:start;gap:3rem;margin-top:2.5rem;display:grid}.course-part-heading{padding-bottom:1.25rem}.course-part-heading:after{content:"";background:linear-gradient(to right, var(--color-hairline), var(--color-brand));height:1px;margin-top:1.25rem;display:block}.course-modules{border:1px solid var(--color-hairline);background:var(--color-bg);box-shadow:var(--shadow-soft);border-radius:1rem;overflow:hidden}.course-module+.course-module{border-top:1px solid var(--color-hairline)}.course-module-toggle{text-align:left;align-items:center;gap:1rem;width:100%;padding:1.125rem;transition:background-color .16s;display:flex}.course-module-toggle:hover{background:var(--color-tint)}.course-module-toggle:focus-visible{outline-offset:-3px}.course-module-marker,.course-lesson-marker{border:1px solid var(--color-hairline);background:var(--color-bg);width:2rem;height:2rem;color:var(--color-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:600;display:grid}.course-module[data-current]>h4 .course-module-marker{border-color:var(--color-brand);background:var(--color-tint);color:var(--color-brand-dark);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-brand) 8%, transparent)}.course-module-marker[data-done],.course-lesson-marker[data-done]{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-bg)}.course-module-chevron{font-size:1.3rem;transition:transform .16s}.course-module-toggle[aria-expanded=true] .course-module-chevron{transform:rotate(180deg)}.course-module-content{padding:0 1.125rem 1.125rem 4.125rem}.course-module-content:not([hidden]){animation:.18s ease-out course-reveal}.course-lessons{position:relative}.course-lessons:before{content:"";background:var(--color-hairline);width:1px;position:absolute;top:1.5rem;bottom:1.5rem;left:1.5rem}.course-lesson{border:1px solid #0000;border-radius:.75rem;align-items:start;gap:.75rem;padding:.875rem .75rem;transition:background-color .16s,border-color .16s;display:flex;position:relative}.course-lesson:hover{background:var(--color-tint)}.course-lesson[data-current]{background:var(--color-tint);border-color:color-mix(in srgb, var(--color-brand) 30%, transparent);box-shadow:var(--shadow-soft)}.course-lesson-marker{width:1.5rem;height:1.5rem;font-size:.7rem}.course-lesson[data-current] .course-lesson-marker{border-color:var(--color-brand);color:var(--color-brand-dark)}.course-sidebar{gap:1.5rem;display:grid}.course-progress,.course-book{border:1px solid var(--color-hairline);background:var(--color-bg);box-shadow:var(--shadow-soft);border-radius:1rem;padding:1.5rem}.course-progress-bar{appearance:none;background:var(--color-hairline);width:100%;height:.4rem;color:var(--color-brand);border:none;border-radius:1rem;margin-top:1rem;display:block;overflow:hidden}.course-progress-bar::-webkit-progress-bar{background:var(--color-hairline)}.course-progress-bar::-webkit-progress-value{background:var(--color-brand);border-radius:1rem}.course-progress-bar::-moz-progress-bar{background:var(--color-brand);border-radius:1rem}.course-book{gap:1.25rem;display:grid}.course-book h2{font-size:1rem}.course-book>div:last-child,.course-book>div:last-child>div{align-items:stretch}.course-book-cover{border:1px solid var(--color-hairline);background:linear-gradient(145deg, var(--color-tint), var(--color-bg));border-radius:.75rem;place-items:center;padding:.5rem;display:grid}.course-book-cover img{width:100%;max-width:11rem;height:auto;filter:drop-shadow(0 8px 8px color-mix(in srgb, var(--color-navy) 18%, transparent));display:block}@keyframes course-reveal{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.course-overview-grid{grid-template-columns:minmax(0,1fr);gap:2rem}.course-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.course-resume-art{flex-basis:10rem}}@media (width<=600px){.course-resume{min-height:0;padding:1.5rem}.course-resume-art{display:none}.course-sidebar{grid-template-columns:minmax(0,1fr)}.course-module-content{padding-left:1.125rem}}@media (prefers-reduced-motion:reduce){.course-overview *,.course-overview :before{transition:none!important;animation:none!important}}