.order-lesson{--lesson-bg:#fff;--lesson-ink:#172f36;--lesson-muted:#51656a;background:var(--lesson-bg);color:var(--lesson-ink);border:1px solid #dce5e3;border-radius:24px;margin-bottom:28px;padding:max(20px,min(4vw,44px));font-family:Arial,sans-serif;line-height:1.6;overflow:hidden}.order-lesson *{box-sizing:border-box}.order-lesson h2{letter-spacing:-.03em;margin:12px 0;font-size:max(25px,min(3vw,36px));line-height:1.2}.order-lesson h3{margin:8px 0 20px;font-size:25px;line-height:1.25}.order-lesson h4{margin:12px 0;font-size:22px}.order-lesson p{max-width:760px}.lesson-heading>p{color:var(--lesson-muted);margin-bottom:24px}.lesson-eyebrow{letter-spacing:.06em;color:#526764;font-size:12px;font-weight:700}.lesson-modes{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.order-lesson button{font:inherit;cursor:pointer;color:var(--lesson-ink);background:#fff;border:1px solid #cad8d5;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 16px;display:inline-flex}.order-lesson button:disabled{opacity:.5;cursor:not-allowed}.order-lesson button:focus-visible{outline-offset:3px;outline:3px solid #b56427}.order-lesson input:focus-visible{outline-offset:3px;outline:3px solid #b56427}.lesson-modes button[aria-pressed=true]{background:#e9f3ef;border-color:#36735f}.lesson-workspace{border:1px solid #dce5e3;border-radius:16px;grid-template-columns:220px minmax(0,1fr);display:grid;overflow:hidden}.lesson-progress{background:#eff4f1;margin:0;padding:24px 18px;list-style:none}.lesson-progress li{color:#5b6c68;align-items:center;gap:10px;padding:12px 0;font-size:14px;display:flex}.lesson-progress li span{border:1px solid #b9cbc4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.lesson-progress li[aria-current=step]{color:#183f34;font-weight:700}.lesson-progress li[aria-current=step] span,.lesson-progress li[data-complete=true] span{color:#fff;background:#245c48;border-color:#245c48}.lesson-task{min-width:0;padding:max(18px,min(3vw,32px))}.lesson-stage p{margin:0}.lesson-hint{color:#674b22;background:#fff5df;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;font-size:14px;display:flex}.lesson-hint svg{flex-shrink:0;margin-top:3px}.lesson-hint p{margin:0}.order-lesson blockquote,.lesson-review{background:#f8faf9;border:1px solid #dce5e3;border-radius:12px;margin:20px 0;padding:20px}.order-lesson blockquote p{margin-bottom:0}.order-lesson .lesson-primary{color:#fff;background:#245c48;border-color:#245c48;font-weight:700}.lesson-line{border:1px solid #dce5e3;border-radius:12px;gap:10px;padding:20px;display:grid}.lesson-line label{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.lesson-line input{width:90px;font:inherit;color:#172f36;background:#fff;border:1px solid #829a92;border-radius:8px;padding:10px}.lesson-total{font-size:22px;font-weight:700}.lesson-success{color:#245c48;align-items:center;gap:12px;display:flex}.lesson-success svg{flex-shrink:0}.lesson-bottom{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.lesson-bottom:empty{display:none}.lesson-pictures{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.lesson-pictures figure{border:1px solid #dce5e3;border-radius:12px;margin:0;overflow:hidden}.lesson-pictures img{width:100%;display:block}.lesson-pictures figcaption{padding:16px}.lesson-pictures p{margin-bottom:0;font-size:14px}@media (max-width:700px){.lesson-workspace{grid-template-columns:1fr}.lesson-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 10px;display:grid}.lesson-progress li{text-align:center;flex-direction:column;padding:0;font-size:11px}.lesson-pictures{grid-template-columns:1fr}.order-lesson{border-radius:16px}.lesson-primary{width:100%}}.workflow-hint{border-radius:14px;margin-bottom:18px;padding:18px 22px}.workflow-hint summary{cursor:pointer}.workflow-hint p{margin:10px 0 14px;font-size:14px}.workflow-hint .lesson-modes{margin:0}.workflow-hint button{font-size:13px}.order-lesson[data-theme=brand]{--lesson-bg:#161a23;--lesson-ink:#f2ede4;--lesson-muted:#b8ae9c;background:linear-gradient(145deg,#c69c5f14,#161a23 55%);border-color:#c69c5f26;border-radius:18px;margin-bottom:0;font-family:Inter,sans-serif}.order-lesson[data-theme=brand] h2,.order-lesson[data-theme=brand] h3,.order-lesson[data-theme=brand] h4{color:#f2ede4;font-family:Montserrat,sans-serif}.order-lesson[data-theme=brand] h2{letter-spacing:-.01em;font-size:max(26px,min(3.8vw,42px));font-weight:700;line-height:1.1}.order-lesson[data-theme=brand] .lesson-eyebrow{color:#e2bc82;letter-spacing:.1em}.order-lesson[data-theme=brand] button{color:#f2ede4;background:#0e1118;border-color:#c69c5f4d;font-size:13px}.order-lesson[data-theme=brand] .lesson-primary{color:#100c06;background:linear-gradient(120deg,#c69c5f,#e2bc82);border:0;border-radius:25px;padding:14px 22px}.order-lesson[data-theme=brand] .lesson-modes button[aria-pressed=true]{color:#e2bc82;background:#c69c5f21;border-color:#c69c5f}.order-lesson[data-theme=brand] .lesson-workspace,.order-lesson[data-theme=brand] .lesson-line,.order-lesson[data-theme=brand] .lesson-pictures figure{border-color:#c69c5f2e}.order-lesson[data-theme=brand] .lesson-progress{background:#0e1118}.order-lesson[data-theme=brand] .lesson-progress li{color:#b8ae9c}.order-lesson[data-theme=brand] .lesson-progress li span{border-color:#c69c5f59}.order-lesson[data-theme=brand] .lesson-progress li[aria-current=step]{color:#e2bc82}.order-lesson[data-theme=brand] .lesson-progress li[aria-current=step] span,.order-lesson[data-theme=brand] .lesson-progress li[data-complete=true] span{color:#100c06;background:#c69c5f;border-color:#c69c5f}.order-lesson[data-theme=brand] .lesson-hint{color:#e2bc82;background:#c69c5f17;border:1px solid #c69c5f2e}.order-lesson[data-theme=brand] blockquote,.order-lesson[data-theme=brand] .lesson-review{background:#0e1118;border-color:#c69c5f2e}.order-lesson[data-theme=brand] .lesson-line input{color:#f2ede4;background:#0e1118;border-color:#c69c5f66}.order-lesson[data-theme=brand] .lesson-success{color:#7fd1b9}.order-lesson[data-theme=brand] .lesson-media video{background:#0e1118}.order-lesson[data-theme=brand] button:focus-visible{outline-color:#e2bc82}.order-lesson[data-theme=brand] input:focus-visible{outline-color:#e2bc82}