.lesson-preview{background:#f7f4ee;padding:34px 0 82px}
.lesson-wrap{width:min(980px,calc(100% - 38px));margin:0 auto}
.lesson-intro{padding:38px 40px;background:#0a233d;color:#fff;border:1px solid #cda658;border-radius:12px;margin-bottom:22px}
.lesson-intro .eyebrow{margin-bottom:12px}
.lesson-intro h1{font-size:clamp(32px,5vw,52px);margin:0 0 12px}
.lesson-intro p{max-width:720px;color:#d8e1e8;margin:0;line-height:1.7}
.lesson-note{display:inline-flex;margin-top:18px;padding:8px 12px;background:rgba(255,255,255,.09);border-radius:4px;color:#f0d28e;font-size:12px;font-weight:700;letter-spacing:.04em}
.lesson-shell{background:#fff;border:1px solid #e1dbcf;border-radius:12px;box-shadow:0 14px 36px rgba(7,24,42,.08);overflow:hidden}
.lesson-progress{padding:22px 26px 17px;border-bottom:1px solid #e8e3da;background:#fcfbf8}
.lesson-progress-head{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#435667;font-size:13px;font-weight:700;margin-bottom:11px}
.lesson-progress-track{height:9px;background:#e5e1d8;border-radius:99px;overflow:hidden}
.lesson-progress-fill{height:100%;width:25%;background:#cda658;border-radius:99px;transition:width .2s ease}
.lesson-step-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 24px;background:#fff;border-bottom:1px solid #eee9e0}
.lesson-step{padding:11px 8px;border:1px solid #ddd8ce;border-radius:7px;background:#fff;color:#415566;font-size:13px;font-weight:700}
.lesson-step[aria-current="step"]{background:#0c2a46;color:#fff;border-color:#0c2a46}
.lesson-panel{padding:30px;min-height:330px}
.lesson-panel[hidden]{display:none}
.lesson-panel h2{font:400 30px/1.2 Georgia,'Times New Roman',serif;color:#173444;margin:0 0 14px}
.lesson-panel h3{font-size:17px;color:#18324a;margin:18px 0 8px}
.lesson-panel p,.lesson-panel li{color:#4d5d69;font-size:15px;line-height:1.75}
.lesson-panel ul{padding-left:22px}
.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.decision-card{padding:16px;border:1px solid #e3dccf;border-left:4px solid #cda658;border-radius:8px;background:#faf8f4}
.decision-card b{display:block;color:#173444;margin-bottom:6px}
.decision-card p{font-size:13px;line-height:1.55;margin:0}
.case-card{padding:19px 21px;background:#f4f0e8;border:1px solid #e1d8c7;border-radius:8px;margin:16px 0}
.case-card p{margin:0}
.choice-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}
.lesson-choice,.lesson-action{min-height:44px;padding:11px 16px;border:1px solid #9e7b3e;border-radius:6px;background:#fff;color:#18324a;font-weight:750}
.lesson-choice:hover,.lesson-choice:focus-visible,.lesson-action:hover,.lesson-action:focus-visible{background:#f8f1e3;outline:2px solid #cda658;outline-offset:2px}
.lesson-feedback{display:none;margin-top:16px;padding:14px 16px;border-radius:7px;background:#edf4f0;color:#215640;line-height:1.6}
.lesson-feedback.show{display:block}
.worksheet{display:grid;gap:10px;margin-top:18px}
.worksheet label{font-weight:700;color:#18324a;font-size:14px}
.worksheet input,.worksheet select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #b9c2c8;border-radius:6px;background:#fff;color:#172b3d}
.privacy-note{font-size:12px!important;line-height:1.5!important;color:#737c83!important;margin:10px 0 0}
.quiz-item{padding:14px 0;border-bottom:1px solid #e8e3da}
.quiz-item legend{font-weight:750;color:#173444;line-height:1.5;margin-bottom:7px}
.quiz-item label{display:block;color:#425667;font-size:14px;line-height:1.6;padding:4px 0}
.quiz-result{display:none;margin-top:14px;padding:15px;border-radius:7px;background:#edf4f0;color:#215640;font-weight:700;line-height:1.6}
.quiz-result.show{display:block}
.lesson-controls{display:flex;justify-content:space-between;gap:12px;padding:18px 24px;background:#fcfbf8;border-top:1px solid #e8e3da}
.lesson-controls .lesson-action:disabled{opacity:.45;cursor:not-allowed}
.lesson-finish{display:none;margin:18px 24px 24px;padding:16px;border:1px solid #b8d5c5;border-radius:7px;background:#edf4f0;color:#215640;line-height:1.6}
.lesson-finish.show{display:block}
.preview-back{display:inline-block;margin-top:20px;color:#173e5c;font-weight:750;text-decoration:underline;text-underline-offset:3px}
@media(max-width:680px){.lesson-intro{padding:29px 23px}.lesson-progress{padding:18px 17px 14px}.lesson-step-nav{padding:12px;gap:6px}.lesson-step{font-size:11px;padding:10px 4px}.lesson-panel{padding:23px 18px;min-height:0}.lesson-panel h2{font-size:26px}.decision-grid{grid-template-columns:1fr}.lesson-controls{padding:15px}.lesson-action{padding:10px 13px;font-size:13px}}