.cc-course{max-width:1120px;margin:auto;padding:clamp(1rem,4vw,3rem);color:#1e2825}.cc-course *{box-sizing:border-box}.cc-hero{padding:clamp(2rem,7vw,5rem) 0}.cc-course h1{font-size:clamp(2.5rem,8vw,5rem);line-height:1.1;margin:.5rem 0}.cc-course h2{font-size:clamp(1.7rem,4vw,2.6rem);margin:.4rem 0 1rem}.cc-course h3{font-size:1.2rem}.cc-course p,.cc-course li{line-height:1.75}.cc-course .lead{font-size:clamp(1.15rem,2.5vw,1.5rem);font-weight:700;max-width:46rem}.cc-course .caution{border-left:5px solid #53734a;background:#f3f4e7;padding:1rem;margin-top:2rem}.cc-section{padding:2.4rem 0;border-top:2px solid #263e32;scroll-margin-top:5rem}.flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;padding:0}.flow li{padding:1rem;background:#e8edcf;border-radius:12px;display:flex;flex-direction:column;min-width:0}.flow strong{font-size:1.15rem}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.cards article,.film{border:1px solid #8c9b89;border-radius:12px;padding:clamp(1rem,2vw,1.5rem);min-width:0;background:#fafbf7}.film{margin:1.5rem 0}.film h3{font-size:1.6rem;margin:.2rem 0}.film video{display:block;width:100%;max-width:860px;aspect-ratio:16/9;background:#202b39}.film .controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:.8rem 0}.film .downloads{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;padding:0;list-style:none}.film .downloads a{font-weight:700}.cc-course details{padding:.7rem 0;border-top:1px solid #acb9a8}.cc-course summary{cursor:pointer;font-weight:700;padding:.25rem}.cc-course pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf1ec;padding:1rem;border-radius:8px;font-size:.9rem}.cc-course code,.cc-course kbd{overflow-wrap:anywhere;background:#e8edcf;padding:.1rem .2rem}.cc-course button{cursor:pointer;padding:.6rem 1rem;border:2px solid #243d33;border-radius:6px;background:#e9f0cd;color:#17251c;font:inherit;font-weight:700}.cc-course button:focus-visible,.cc-course a:focus-visible,.cc-course summary:focus-visible{outline:3px solid #2b62d1;outline-offset:3px}.cc-course a{text-decoration:underline;text-underline-offset:3px}.film .status{font-weight:700}.cc-course .small{font-size:.95rem}@media (max-width:700px){.flow,.cards{grid-template-columns:1fr}.cc-course,.film{padding:1rem}.film video{height:auto}}