.mooc-page{--mooc-accent:var(--color-cta,#61d9be);max-width:1120px;margin:24px auto 64px;padding:0 18px;line-height:1.7;overflow-wrap:anywhere}
.mooc-page h1,.mooc-page h2,.mooc-page h3{line-height:1.25}.mooc-page h1{font-size:clamp(2rem,5vw,3.4rem);margin:12px 0 20px}.mooc-page h2{font-size:1.7rem;margin:8px 0 18px}.mooc-page h3{font-size:1.15rem}.mooc-page p{margin:12px 0}.mooc-page a{color:var(--mooc-accent)}
.mooc-hero{border:1px solid var(--border-color,#405064);border-radius:18px;padding:clamp(24px,5vw,56px);background:linear-gradient(125deg,rgba(52,164,144,.16),transparent 65%),var(--color-container,#18212d);margin:18px 0 24px}.mooc-hero-small h1{font-size:clamp(1.8rem,4vw,2.8rem)}.mooc-subtitle{font-size:1.35rem;max-width:700px}.mooc-eyebrow{color:var(--mooc-accent);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
.mooc-button{display:inline-block;padding:11px 20px;margin:10px 8px 0 0;border-radius:8px;background:var(--mooc-accent);color:#101a23!important;font:inherit;font-weight:700;border:1px solid transparent;text-decoration:none!important;cursor:pointer}.mooc-button:hover{filter:brightness(1.08)}.mooc-secondary{background:transparent;color:var(--mooc-accent)!important;border-color:var(--mooc-accent)}
.mooc-card{padding:24px;border:1px solid var(--border-color,#405064);border-radius:12px;background:var(--color-container,#18212d);margin:20px 0}.mooc-track{margin:48px 0}.mooc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mooc-grid .mooc-card{margin:0}.mooc-module{display:flex;flex-direction:column}.mooc-module h3 a{text-decoration:none;color:inherit}.mooc-module-meta{display:flex;justify-content:space-between;font-size:.85rem;gap:12px}.mooc-module-meta span:first-child{font-weight:800;color:var(--mooc-accent);font-size:1.2rem}.mooc-module-link{margin-top:auto;font-weight:700}.mooc-module.is-passed{border-color:var(--mooc-accent)}
.mooc-progress progress{display:block;width:100%;height:14px;margin:14px 0;accent-color:var(--mooc-accent)}.mooc-progress p,.mooc-notice,.mooc-sources p{font-size:.9rem}.mooc-lesson-nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin:24px 0}.mooc-lesson{scroll-margin-top:90px}.mooc-lesson p{max-width:80ch;font-size:1.05rem}.mooc-exercise{border-left:4px solid var(--mooc-accent)}.mooc-page details{margin:18px 0}.mooc-page summary{cursor:pointer;font-weight:700;color:var(--mooc-accent);padding:8px 0}
.mooc-question{border:0;border-bottom:1px solid var(--border-color,#405064);margin:24px 0;padding:0 0 20px;min-width:0}.mooc-question legend{font-weight:700;padding:0 0 10px;max-width:100%}.mooc-question label{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--border-color,#405064);border-radius:8px;margin:8px 0;cursor:pointer}.mooc-question label:hover,.mooc-question label:has(input:checked){border-color:var(--mooc-accent)}.mooc-question input{margin-top:7px;flex:none;accent-color:var(--mooc-accent)}.mooc-critical{font-size:.85rem;color:#e7b96d}.mooc-alert{border:1px solid #d58080;border-radius:8px;padding:16px}.mooc-feedback{padding:18px;background:rgba(215,150,80,.08);border-radius:10px}.mooc-feedback.is-passed{background:rgba(52,164,144,.10)}.mooc-correction{border-top:1px solid var(--border-color,#405064);padding:12px 0}.mooc-correction h4{line-height:1.5;margin:10px 0}.mooc-correction p{margin:6px 0}
.mooc-glossary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px}.mooc-glossary dt{font-weight:700}.mooc-glossary dd{margin:4px 0;font-size:.95rem}.mooc-certificate{text-align:center;border:2px solid var(--mooc-accent);padding:48px 28px;margin:24px 0}.mooc-certificate h1{font-size:2.4rem}.mooc-page :focus-visible{outline:3px solid var(--mooc-accent);outline-offset:4px}#assessment{scroll-margin-top:80px}
@media(max-width:680px){.mooc-grid,.mooc-glossary{grid-template-columns:1fr}.mooc-page{padding:0 12px}.mooc-card{padding:18px}.mooc-hero{padding:24px}.mooc-button{max-width:100%;box-sizing:border-box}}
@media print{body:has(.mooc-certificate) *{visibility:hidden}body:has(.mooc-certificate) .mooc-certificate,body:has(.mooc-certificate) .mooc-certificate *{visibility:visible}body:has(.mooc-certificate) .mooc-certificate{position:absolute;inset:0 auto auto 0;width:100%;box-sizing:border-box;color:#111;background:white;border-color:#246b60}body:has(.mooc-certificate) #mooc-print{display:none}}
.mooc-chart{margin:24px 0;padding:18px;background:rgba(0,0,0,.12);border-radius:8px}.mooc-chart svg{display:block;width:100%;max-width:680px;margin:auto}.mooc-chart figcaption{font-size:.9rem;max-width:75ch;margin:12px auto}
.mooc-question input[type="radio"]{width:18px;height:18px;min-width:18px;max-width:18px;padding:0;margin:5px 0 0;flex:0 0 18px}
.mooc-question label>span{flex:1 1 auto;min-width:0;white-space:normal;word-break:normal}
.mooc-track>header h2{color:var(--mooc-accent)}