.kurs-head{position:relative;width:calc(100% - 2 * var(--gut));max-width:calc(var(--wrap) - 2 * var(--gut));margin:44px auto 0;padding:28px var(--sheet-pad) 26px;background:var(--c-sheet);box-shadow:var(--shadow-sheet);background-image:linear-gradient(90deg,transparent 0 calc(var(--sheet-pad) - 14px),var(--c-margin-red) calc(var(--sheet-pad) - 14px) calc(var(--sheet-pad) - 12px),transparent calc(var(--sheet-pad) - 12px))}
.kurs-head .crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:2px 0;font:500 12.5px/1.5 var(--f-type);color:var(--c-ink-2)}
.kurs-head .crumbs li+li::before{content:"/";margin:0 8px;color:var(--c-ink-2)}
.kurs-head .crumbs a{color:var(--c-ink)}
.kurs-kicker{display:inline-block;margin:16px 0 8px;padding:5px 10px 4px;background:var(--c-blue);border:1.5px solid var(--c-ink);font:600 var(--fs-xs)/1.2 var(--f-type);letter-spacing:.06em;text-transform:uppercase}
.kurs-head h1{font:800 var(--fs-h1)/1.08 var(--f-type);letter-spacing:-.04em;max-width:32ch;margin:4px 0 14px}
.kurs-head .lede{font-size:var(--fs-m);line-height:1.55;max-width:var(--text-w);margin:0}
.kurs{max-width:960px;margin:30px 0 var(--sp-7)}
.kurs-lessons{list-style:none;margin:0;padding:0;display:grid;gap:30px}
.kurs-lesson{position:relative;padding:22px var(--sheet-pad) 24px;background:var(--c-sheet);border:1.5px solid var(--c-ink);box-shadow:2px 2px 0 var(--c-ink);min-width:0}
.kurs-lesson__nr{display:inline-block;margin:0 0 10px;padding:4px 8px 3px;background:var(--c-yellow);border:1.5px solid var(--c-ink);font:600 var(--fs-2xs)/1.2 var(--f-type);letter-spacing:.07em;text-transform:uppercase}
.kurs-lesson__h{font:800 clamp(22px,2.2vw,28px)/1.18 var(--f-type);letter-spacing:-.03em;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--c-margin-red);max-width:var(--text-w)}
.kurs-lesson__h:focus{outline:none}
.kurs-lesson__h:focus-visible{outline:var(--focus);outline-offset:4px}
.kurs-lesson__body p{max-width:var(--text-w);margin:0 0 .9em}
.kurs-quiz{margin:20px 0 0;padding:16px 0 0;border-top:1.5px solid var(--c-ink)}
.kurs-quiz__h{font:700 13px/1.2 var(--f-type);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}
.kurs-qs{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.kurs-q{min-width:0;padding:14px 16px 16px;background:var(--c-paper-2);border:1.5px solid var(--c-ink)}
.kurs-q__t{margin:0 0 10px;font:700 var(--fs-sm)/1.4 var(--f-text);max-width:var(--text-w)}
.kurs-q__nr{display:block;margin-bottom:3px;font:600 var(--fs-2xs)/1.2 var(--f-type);letter-spacing:.07em;text-transform:uppercase;color:var(--c-ink-2)}
.kurs-opts{margin:0 0 10px;padding:0 0 0 1.6em;list-style:upper-alpha;font-size:var(--fs-sm)}
.kurs-opts li{margin:2px 0}
.kurs-sol{border-top:1px solid var(--c-line)}
.kurs-sol summary{cursor:pointer;display:flex;align-items:center;min-height:44px;font:700 13px/1.2 var(--f-type);letter-spacing:.06em;text-transform:uppercase;color:var(--c-petrol-dark)}
.kurs-sol summary::after{content:" +";margin-left:6px}
.kurs-sol[open] summary::after{content:" –"}
.kurs-sol p{margin:0;font-size:var(--fs-sm);max-width:var(--text-w)}
.kurs-sources{margin:30px 0 0;padding:22px var(--sheet-pad) 18px;background:var(--c-sheet);box-shadow:var(--shadow-sheet)}
.kurs-sources h2{font:700 13px/1.2 var(--f-type);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid var(--c-margin-red)}
.kurs-sources ul{list-style:none;margin:0;padding:0}
.kurs-sources li{padding:8px 0;border-bottom:1px solid var(--c-line-soft);font-size:var(--fs-s);line-height:1.45;overflow-wrap:anywhere}
.kurs-back{margin:24px 0 0;font:700 15px/1.4 var(--f-type)}
.kurs-back a{display:inline-block;padding:10px 0;color:var(--c-ink)}
.kurs-prog{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;margin:0 0 18px;padding:12px 14px;background:var(--c-cover);border:1.5px solid var(--c-ink);box-shadow:2px 2px 0 var(--c-ink)}
.kurs-prog__t{margin:0;font:600 var(--fs-xs)/1.3 var(--f-type);letter-spacing:.05em;text-transform:uppercase}
.kurs-prog__bar{grid-column:1 / -1;grid-row:2;height:8px;border:1.5px solid var(--c-ink);background:var(--c-sheet);overflow:hidden}
.kurs-prog__bar i{display:block;height:100%;background:var(--c-petrol);transform:scaleX(0);transform-origin:0 50%}
.kurs-prog__steps{grid-row:1;grid-column:2;list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.kurs-step{min-width:44px;min-height:44px;margin:0;padding:0 6px;border:1.5px solid var(--c-ink);border-radius:0;background:var(--c-sheet);color:var(--c-ink);font:700 13px/1 var(--f-type);cursor:pointer}
.kurs-step[data-s=part]{background:var(--c-yellow)}
.kurs-step[data-s=ok]{background:var(--c-petrol);color:var(--c-white)}
.kurs-step[data-s=skip]{background:var(--c-salmon)}
.kurs-step[aria-current=step]{box-shadow:inset 0 -4px 0 var(--c-ink);outline:2px solid var(--c-ink);outline-offset:1px}
.kurs-step:focus-visible,.kurs-btn:focus-visible,.kurs-opt:focus-visible,.kurs-link:focus-visible,.kurs-sol summary:focus-visible{outline:var(--focus);outline-offset:2px}
.kurs-opts--live{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.kurs-opt{display:flex;align-items:flex-start;gap:10px;width:100%;min-height:44px;margin:0;padding:9px 12px;border:1.5px solid var(--c-ink);border-radius:0;background:var(--c-sheet);color:var(--c-ink);font:500 var(--fs-sm)/1.35 var(--f-text);text-align:left;box-shadow:2px 2px 0 var(--c-ink);cursor:pointer}
.kurs-opt:hover{background:var(--c-pick)}
.kurs-opt:active{transform:translate(2px,2px);box-shadow:none}
.kurs-opt__k{flex:none;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--c-ink);font:700 12px/1 var(--f-type)}
.kurs-opt__t{min-width:0;padding-top:1px}
.kurs-opt.is-right{background:var(--c-petrol);color:var(--c-white);border-color:var(--c-petrol-dark)}
.kurs-opt.is-right .kurs-opt__k{border-color:var(--c-white)}
.kurs-opt.is-wrong{background:var(--c-salmon);text-decoration:line-through;text-decoration-thickness:1.5px}
.kurs-opt[aria-disabled=true]{cursor:default}
.kurs-opt[aria-disabled=true]:not(.is-right){opacity:.6;box-shadow:none}
.kurs-opt[aria-disabled=true]:active{transform:none}
.kurs-fb{margin:10px 0 0;font-size:var(--fs-sm);max-width:var(--text-w)}
.kurs-fb:empty{display:none}
.kurs-fb.is-right{padding-left:10px;border-left:3px solid var(--c-petrol)}
.kurs-fb.is-wrong{padding-left:10px;border-left:3px solid var(--c-warn);color:var(--c-warn);font-weight:700}
.kurs-hint{margin:16px 0 0;font:500 13px/1.4 var(--f-type);color:var(--c-ink-2)}
.kurs-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:16px 0 0}
.kurs-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:0 16px;border:1.5px solid var(--c-ink);border-radius:0;background:var(--c-sheet);color:var(--c-ink);font:700 14px/1.2 var(--f-type);text-align:center;text-decoration:none;box-shadow:2px 2px 0 var(--c-ink);cursor:pointer}
.kurs-btn:active{transform:translate(2px,2px);box-shadow:none}
.kurs-btn--next{background:var(--c-petrol);color:var(--c-white);border-color:var(--c-petrol-dark)}
.kurs-btn--next:hover{background:var(--c-petrol-dark);color:var(--c-white)}
.kurs-btn--next:disabled{background:var(--c-cover-2);color:var(--c-ink-2);border-color:var(--c-ink);box-shadow:none;cursor:not-allowed;transform:none}
.kurs-btn--skip{background:var(--c-paper-2)}
.kurs-btn--back{margin-left:auto;background:transparent;box-shadow:none;text-decoration:underline;text-underline-offset:3px}
.kurs-end{padding:24px var(--sheet-pad) 26px;background:var(--c-sheet);border:1.5px solid var(--c-ink);box-shadow:2px 2px 0 var(--c-ink);background-image:linear-gradient(180deg,var(--c-blue) 0 6px,transparent 6px)}
.kurs-end__h{font:800 clamp(22px,2.2vw,28px)/1.18 var(--f-type);letter-spacing:-.03em;margin:8px 0 12px}
.kurs-end__h:focus{outline:none}
.kurs-end__h:focus-visible{outline:var(--focus);outline-offset:4px}
.kurs-end__p{max-width:var(--text-w);margin:0 0 10px}
.kurs-end__list{list-style:none;margin:0 0 6px;padding:0}
.kurs-link{min-height:44px;margin:0;padding:6px 0;border:0;background:none;color:var(--c-petrol-dark);font:700 var(--fs-sm)/1.35 var(--f-text);text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.kurs-link:hover{color:var(--c-ink)}
.kurs-live .kurs-lessons{display:block}
@media (prefers-reduced-motion:no-preference){.kurs-live .kurs-lesson:not([hidden]),.kurs-end:not([hidden]){animation:kurs-in .18s var(--ease)}.kurs-prog__bar i{transition:transform .25s var(--ease)}}
@keyframes kurs-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:599px){.kurs-prog{grid-template-columns:minmax(0,1fr)}.kurs-prog__steps{grid-column:1;grid-row:3}.kurs-step{flex:1 1 0}.kurs-q{padding:12px 12px 14px}.kurs-nav .kurs-btn{flex:1 1 auto}.kurs-btn--back{margin-left:0}.kurs-head{margin-top:28px}}
