.course-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:5vw;padding:64px 0}.course-intro p{margin-top:24px;max-width:37em}.course-intro h1{font-size:clamp(38px,4.6vw,72px)}.course-intro figure{margin:0}.course-intro img{width:100%;height:auto;display:block}.course-intro figcaption{font-size:13px;color:var(--muted);margin-top:12px}.course-meta,.course-note{font-size:14px;color:var(--muted)}.course-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;border-top:1px solid var(--line);padding:42px 0}.course-days h2{font-size:32px}.course-days p{margin-top:18px}.actions{align-items:center}.course-materials{padding:38px 0;border-top:1px solid var(--line)}.section-heading p{margin:16px 0 30px;color:var(--muted)}.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.material-card{color:var(--ink);text-decoration:none;min-width:0}.material-card img{width:100%;height:280px;object-fit:contain;background:var(--light);display:block}.material-card h3{margin-top:18px}.material-card p{font-size:15px;margin-top:10px;color:var(--muted)}.material-card:focus-visible{outline-offset:8px}.material-card:hover h3{text-decoration:underline;text-underline-offset:5px}.course-downloads{padding:42px 0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;border-top:1px solid var(--line)}.course-downloads p{margin-top:20px}.course-downloads ul{padding-left:22px;margin:0}.course-downloads li{padding:9px 0}.course-note{margin:0 0 45px}@media(max-width:768px){.course-intro{grid-template-columns:1fr;padding:36px 0;gap:24px}.course-intro figure{max-width:480px}.course-days,.material-grid,.course-downloads{grid-template-columns:1fr;gap:30px}.course-intro .actions,.course-downloads .actions{align-items:flex-start}.material-card img{height:230px}.course-days h2{font-size:28px}.course-materials h2,.course-downloads h2{font-size:32px}}@media print{.course-intro{padding:20px 0}.course-downloads{display:block}.material-card{break-inside:avoid}}
.course-intro .course-intro-link{margin-top:24px;font-size:15px}.course-intro-link a{display:inline-flex;align-items:center;gap:12px;text-decoration-thickness:1px;text-underline-offset:6px}.course-intro-link span{transition:transform .2s ease}.course-intro-link a:hover span{transform:translateY(3px)}
.course-days{column-gap:64px;row-gap:28px;padding:42px 0 36px}.course-day{display:grid;grid-template-rows:auto auto 1fr auto;align-content:start;min-width:0}.course-day h2{line-height:1.28;margin-top:10px;text-wrap:balance}.course-day .course-day-description{max-width:37em;margin:18px 0 28px;line-height:1.85;text-wrap:pretty}.course-day-actions{display:grid;gap:20px;justify-items:start}.course-day-actions>.button{min-width:164px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;margin:0;transition:background-color .2s ease,transform .2s ease}.course-day-actions>.button:hover{background:#3e5846;transform:translateY(-2px)}.course-day-actions>.button:active{transform:translateY(0)}.course-resource-links{display:flex;flex-wrap:wrap;column-gap:24px;row-gap:10px;font-size:15px}.course-resource-links a{color:var(--muted);text-underline-offset:5px}.course-resource-links a:hover{color:var(--ink)}.course-days .course-playback-help{grid-column:1/-1;margin:2px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:13px;line-height:1.8;color:var(--muted)}.course-playback-help kbd{font:inherit;color:var(--ink);font-weight:600}.course-day-actions a:focus-visible,.course-intro-link a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:768px){.course-days{gap:30px;padding-top:32px}.course-day+.course-day{border-top:1px solid var(--line);padding-top:30px}.course-day .course-day-description{margin-bottom:24px}.course-day-actions{gap:18px}.course-resource-links{column-gap:20px}.course-days .course-playback-help{margin-top:0}.course-intro .course-intro-link{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.course-day-actions>.button,.course-intro-link span{transition:none}.course-day-actions>.button:hover,.course-intro-link a:hover span{transform:none}}