.chapter-complete-icon{display:none}
.training-page .chapter.is-complete{border:2px solid #aed1b9;background:#f0f9f3;box-shadow:0 5px 22px #2475480a}
.training-page .chapter.is-complete>summary{background:#f0f9f3}
.training-page .chapter.is-complete>summary:hover{background:#e6f4ea}
.chapter.is-complete .chapter-number{display:none}
.chapter.is-complete .chapter-complete-icon{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border:2px solid #247548;border-radius:12px;background:#e5f6eb}
.chapter-complete-icon svg,.course-complete-mark svg{width:31px;height:31px;fill:none;stroke:#247548;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.chapter.is-complete .chapter-title{color:#246647}
.chapter.is-complete .chapter-status{border:1px solid #aed1b9;background:#e0f3e7;color:#246647;font-size:12px;font-weight:750;padding:7px 12px}
.training-page .course-complete-dialog{position:fixed;width:min(720px,calc(100% - 32px));max-width:720px;max-height:calc(100dvh - 40px);padding:28px 36px;border:1px solid #d8e8df;border-radius:28px;background:linear-gradient(145deg,#fcfffd,#edf7ff);color:#1d314d;overflow:auto;text-align:center;box-shadow:0 24px 100px #17324d33}
.course-complete-dialog::backdrop{background:#17324d70;backdrop-filter:blur(5px)}
.course-complete-mark{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 12px;border:2px solid #a8d7b9;border-radius:50%;background:#ddf3e6;box-shadow:0 6px 24px #24754812}
.course-complete-mark svg{width:46px;height:46px}
.course-complete-dialog .eyebrow{font-size:10px;letter-spacing:1.2px;color:#246647;margin-bottom:12px}
.course-complete-dialog h2{font-size:clamp(32px,5vw,48px);line-height:1.15;color:#0965ef;letter-spacing:-1.5px;margin:0 0 14px}
.course-complete-dialog>p:not(.eyebrow){font-size:15px;line-height:1.75;color:#536785;margin:0 auto;max-width:510px}
.course-complete-dialog h3{font-size:23px;margin:18px 0 10px;letter-spacing:-.5px}
.course-next-steps{list-style:none;padding:0;margin:0;display:grid;gap:10px;text-align:left}
.course-next-steps li{display:flex;align-items:flex-start;gap:14px;padding:10px 15px;border:1px solid #dce8e4;border-radius:16px;background:#ffffffc9}
.course-next-steps li>span{width:26px;flex-shrink:0;font-size:24px;line-height:1.25;text-align:center;color:#3e7a66}
.course-next-steps li>img{flex-shrink:0;margin-top:5px}
.course-next-steps strong{font-size:15px;color:#1d314d}
.course-next-steps p{font-size:13px;line-height:1.65;margin:4px 0 0;color:#536785}
.course-complete-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:18px}
.course-complete-actions form{margin:0}
.course-complete-actions .button{width:auto;margin:0;font-size:13px;min-height:46px;justify-content:center;padding:12px 20px}
.course-confetti{position:absolute;inset:0;overflow:hidden;border-radius:28px;pointer-events:none}
.course-confetti i{position:absolute;top:-20px;left:8%;width:8px;height:14px;background:#80b9ee;border-radius:2px;opacity:0}
.course-complete-dialog[open] .course-confetti i{animation:course-confetti-fall 2.8s ease-out both}
.course-confetti i:nth-child(2n){background:#93cbae;width:6px;height:12px;animation-delay:.16s!important}
.course-confetti i:nth-child(3n){background:#f5ce87;animation-delay:.32s!important}
.course-confetti i:nth-child(2){left:16%}.course-confetti i:nth-child(3){left:24%}.course-confetti i:nth-child(4){left:32%}.course-confetti i:nth-child(5){left:40%}.course-confetti i:nth-child(6){left:48%}.course-confetti i:nth-child(7){left:56%}.course-confetti i:nth-child(8){left:64%}.course-confetti i:nth-child(9){left:72%}.course-confetti i:nth-child(10){left:80%}.course-confetti i:nth-child(11){left:88%}.course-confetti i:nth-child(12){left:94%}
@keyframes course-confetti-fall{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:.85}75%{opacity:.65}100%{opacity:0;transform:translateY(560px) rotate(260deg)}}
@media(max-width:540px){.training-page .course-complete-dialog{padding:30px 20px;max-height:calc(100dvh - 24px)}.course-complete-dialog .eyebrow{font-size:9px;letter-spacing:.6px}.course-complete-actions{display:grid}.course-complete-actions .button{width:100%}.course-next-steps li{padding:12px;gap:10px}.chapter.is-complete .chapter-complete-icon{width:35px;height:35px;border-radius:9px}.chapter-complete-icon svg{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){.course-complete-dialog[open] .course-confetti i{animation:none}}