.course .narrow{max-width:760px}
.cz-top{padding-block:24px 8px!important}
.course h1{margin:8px 0 20px}
.cz-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.cz-stat{display:grid;justify-items:center;gap:2px;padding:14px 8px;border-radius:18px;background:#E6F7F0;color:#105157;text-align:center;font-size:14px}
.cz-stat b{font-size:26px;line-height:1.2}
.cz-ic{font-size:22px;line-height:1}.cz-ic.star{color:#8A5C00}
.cz-continue{display:grid;gap:10px;padding:24px;border-radius:24px;background:#105157;color:#fff;text-decoration:none;min-height:48px;box-shadow:0 18px 40px -24px rgba(16,81,87,.7)}
.cz-k{font-size:14px;color:#CEEFE2}.cz-t{font-size:22px;font-weight:700}
.cz-go{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;background:#fff;color:#105157;font-weight:700}
.cz-bar{display:block;height:8px;border-radius:99px;background:rgba(127,190,170,.35);overflow:hidden}.cz-bar i{display:block;height:100%;background:#33BC86;border-radius:99px;transition:width .4s}
.cz-sec{padding-block:36px!important}
.cz-sec h2{margin:0 0 14px}
.cz-sub{display:block;color:#42757A;font-size:15px}.cz-sub a,.cz-path a{color:#105157;text-decoration:underline;display:inline-flex;min-height:48px;align-items:center}
.cz-path{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:0}
.cz-path li{display:flex;gap:14px;align-items:center;padding:10px 0;position:relative}
.cz-dot{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #CEEFE2;color:#105157;font-weight:700}
.cz-path li.now .cz-dot{background:#105157;border-color:#105157;color:#fff}
.cz-path li.now b{color:#105157}
.cz-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:14px}
.cz-step{display:flex;gap:14px;padding:18px;border-radius:20px;background:#fff;border:1px solid #E6F2ED}
.cz-step.next{border-color:#33BC86;box-shadow:0 10px 28px -20px rgba(16,81,87,.4)}
.cz-step.done{background:#F6FCF9}
.cz-n{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#E6F7F0;font-size:20px;color:#105157;font-weight:700}
.cz-step.done .cz-n{background:#20816C;color:#fff}
.cz-b{flex:1;min-width:0}.cz-b h3{margin:0 0 4px;font-size:18px}.cz-b p{margin:0 0 10px}
.cz-a{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cz-a .btn[disabled]{opacity:.55;cursor:not-allowed}
.cz-extra{display:inline-flex;align-items:center;min-height:48px;color:#105157;text-decoration:underline}
.cz-stars{display:inline-flex;gap:2px;font-size:20px;color:#4F6B66;margin-bottom:8px}.cz-stars .on{color:#8A5C00}
.cz-skills{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.cz-sl{display:flex;justify-content:space-between;margin-bottom:6px}
.cz-skills .cz-bar{background:#E6F7F0}
.cz-live{display:flex;gap:14px;align-items:center;padding:20px;border-radius:20px;background:#E6F7F0;color:#105157;text-decoration:none;min-height:48px}
.cz-live>span:nth-child(2){flex:1}
.cz-dlg{border:0;border-radius:24px;padding:24px;max-width:min(92vw,460px);width:100%;color:#105157;text-align:center}
.cz-dlg::backdrop{background:rgba(9,40,44,.55)}
.cz-dlg h2{margin:6px 0 14px}
.cz-say{min-height:56px;padding:0 24px;border-radius:999px;border:0;background:#E6F7F0;color:#105157;font:700 22px "LLR Sans",sans-serif;cursor:pointer;margin-bottom:16px}
.cz-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cz-opt{min-height:64px;border-radius:16px;border:1.5px solid #CEEFE2;background:#fff;color:#105157;font:700 28px "LLR Sans",sans-serif;cursor:pointer}
.cz-opt.ok{background:#20816C;border-color:#20816C;color:#fff}.cz-opt.no{background:#FDECEC;border-color:#C0392B;color:#8E1F14}
.cz-big{font-size:40px;font-weight:700;margin:0}
.cz-x{margin-top:16px;width:100%}
.cz-cert{border:2px solid #105157;border-radius:18px;padding:22px 16px;margin-bottom:16px;background:linear-gradient(#fff,#F3FBF7)}
.cz-cert h2{font-size:26px}
.cz-lbl{display:grid;gap:6px;text-align:start;margin-bottom:12px;font-weight:600}
.cz-lbl input{min-height:48px;border:1.5px solid #CEEFE2;border-radius:12px;padding:0 12px;font:inherit}
.cz-dlg .btn{width:100%}
@media print{body *{visibility:hidden}.cz-cert,.cz-cert *{visibility:visible}.cz-cert{position:fixed;inset:20px}}
/* 48px targets: header links and skip link on this page */
.nav a{min-height:48px;min-width:48px;justify-content:center}
.skip{min-height:48px;display:inline-flex;align-items:center}