/* lesson-click.css — A Girl & Her Futures™
 * "Make it click" screens (shared/lesson-click.js): animated trade charts, the two-paths guess,
 * opinion vs plan, and the build-the-plan activity. They sit inside the v2 card. */

.lc-stage{position:relative;width:100%;max-width:620px;display:flex;flex-direction:column;gap:10px}
.lc-chart{display:block;width:100%;height:auto;background:var(--bg-ffffff,#FFFFFF);border:1px solid var(--border);border-radius:22px;font-family:var(--font-body)}
.lc-grid{stroke:var(--fg-f3e6e0,#F3E6E0);stroke-width:1.5}
.lc-line{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.lc-dim{stroke:var(--fg-cdbfba,#CDBFBA)}
.lc-upline{stroke:var(--fg-2e9a8e,#2E9A8E)}
.lc-downline{stroke:var(--fg-d9536f,#D9536F)}
.lc-entry{stroke:var(--fg-2c1810,#2C1810);stroke-width:2;stroke-dasharray:7 7;opacity:.55}
.lc-axis{font-size:18px;font-weight:700;fill:var(--fg-8a7069,#8A7069)}
.lc-dot{stroke:var(--fg-ffffff,#FFFFFF);stroke-width:4}
.lc-dot.lc-up{fill:var(--fg-2e9a8e,#2E9A8E)}.lc-dot.lc-ink{fill:var(--fg-2c1810,#2C1810)}
.lc-bracket{fill:none;stroke:var(--fg-2e9a8e,#2E9A8E);stroke-width:3;stroke-linejoin:round}
.lc-q{font-family:var(--font-display);font-size:64px;font-weight:900;fill:var(--fg-e8a0b4,#E8A0B4)}
.lc-pill rect{stroke-width:2}
.lc-pill text{font-size:22px;font-weight:800}
.lc-ink rect{fill:var(--fg-ffffff,#FFFFFF);stroke:var(--fg-2c1810,#2C1810)}.lc-ink text{fill:var(--fg-2c1810,#2C1810)}
.lc-up rect{fill:var(--fg-e3f6f3,#E3F6F3);stroke:var(--fg-2e9a8e,#2E9A8E)}.lc-up text{fill:var(--fg-1f7a70,#1F7A70)}
.lc-down rect{fill:var(--dfg-fde8ed,#FDE8ED);stroke:var(--dfg-d9536f,#D9536F)}.lc-down text{fill:var(--dfg-b83a57,#B83A57)}
.lc-replay{align-self:flex-end;border:1.5px solid var(--border);background:var(--bg-ffffff,#FFFFFF);color:var(--dark);border-radius:999px;padding:7px 16px;font:700 .9rem var(--font-body);cursor:pointer}
.lc-replay:hover{border-color:var(--pink-light)}

/* The step-by-step reveal */
.lc-draw{stroke-dasharray:900;stroke-dashoffset:900;animation:lcDraw 1.3s .55s ease-out forwards}
.lc-s1{opacity:0;animation:lcIn .4s .15s forwards}
.lc-s2{opacity:0;animation:lcIn .4s 1.15s forwards}
.lc-s3{opacity:0;animation:lcIn .4s 1.75s forwards}
.lc-s4{opacity:0;animation:lcIn .45s 2.2s forwards}
@keyframes lcDraw{to{stroke-dashoffset:0}}
@keyframes lcIn{to{opacity:1}}

/* Two paths: the guess */
.lc-slot{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.lc-ask{margin:0;font-weight:800;color:var(--dark);font-size:1.05rem}
.lc-guess{display:flex;flex-direction:column;gap:12px}
.lc-guess-row{display:flex;gap:10px;flex-wrap:wrap}
.lc-gbtn{flex:1 1 120px;border:2px solid var(--border);background:var(--bg-ffffff,#FFFFFF);border-radius:18px;padding:14px 18px;font:800 1.1rem var(--font-body);color:var(--dark);cursor:pointer;transition:border-color .15s,transform .15s}
.lc-gbtn:hover{border-color:var(--pink-light);transform:translateY(-2px)}
.lc-gbtn[data-g="up"]{color:var(--fg-1f7a70,#1F7A70)}.lc-gbtn[data-g="down"]{color:var(--dfg-b83a57,#B83A57)}
.lc-say{display:flex;gap:12px;align-items:flex-start;background:var(--bg-fff6f2,#FFF6F2);border:1px solid var(--border);border-radius:18px;padding:12px 16px 12px 12px;animation:lcIn .4s forwards}
.lc-say p{margin:0;font-size:1rem;line-height:1.5;color:var(--text)}
.lc-face{flex:none;width:46px;height:46px;border-radius:50%;overflow:hidden;background:var(--pink-pale)}
.lc-face svg{display:block}

/* Opinion vs plan */
.lc-plan-wrap,.lc-build{width:100%;max-width:560px;display:flex;flex-direction:column;gap:14px}
.lc-bubble{align-self:flex-start;max-width:100%;background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--border);border-radius:22px 22px 22px 6px;padding:12px 18px;display:flex;flex-direction:column;gap:2px}
.lc-bubble small{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.lc-bubble b{font-size:1.15rem;color:var(--dark)}
.lc-arrow{align-self:center;font-size:1.5rem;font-weight:900;color:var(--pink)}
.lc-plancard{background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--pink-light);border-radius:22px;padding:12px;display:grid;gap:8px}
.lc-plan-h{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-c2475f,#C2475F);padding:2px 6px}
.lc-piece{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 12px;align-items:baseline;padding:9px 12px;border-radius:14px;background:var(--bg-fffaf8,#FFFAF8);opacity:0;animation:lcIn .4s var(--d,0s) forwards}
.lc-pk{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.lc-pv{color:var(--dark);font-weight:600;line-height:1.4}
.lc-had{outline:2px dashed var(--ln-e8a0b4,#E8A0B4);outline-offset:-2px}
.lc-had-tag{grid-column:2;justify-self:start;font-size:.75rem;font-weight:800;color:var(--fg-c2475f,#C2475F);background:var(--pink-pale);border-radius:999px;padding:2px 10px}
.lc-k-market .lc-pk{color:var(--fg-5b53b8,#5B53B8)}
.lc-k-direction .lc-pk{color:var(--fg-1f7a70,#1F7A70)}
.lc-k-risk .lc-pk{color:var(--fg-b83a57,#B83A57)}
.lc-k-outcome .lc-pk{color:var(--fg-b5671d,#B5671D)}

/* Try it: build the plan */
.lc-try .v2-r{width:100%}
.lc-build{max-width:none}
.lc-bubble-sm b{font-size:1.05rem}
.lc-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lc-slotbox{min-height:92px;text-align:left;border:2px dashed var(--border);border-radius:18px;background:var(--bg-fffaf8,#FFFAF8);padding:12px 14px;display:flex;flex-direction:column;gap:4px;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,background .15s}
.lc-slotbox:hover{border-color:var(--pink-light)}
.lc-sq{font-size:.95rem;color:var(--muted);line-height:1.4}
.lc-slotbox.lc-filled{border-style:solid;border-color:var(--ln-2e9a8e,#2E9A8E);background:var(--bg-e3f6f3,#E3F6F3);cursor:default}
.lc-slotbox.lc-filled .lc-sq{color:var(--dark);font-weight:700}
.lc-shake{animation:lcShake .4s}
@keyframes lcShake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.lc-hint{margin:0;min-height:1.5em;font-size:1rem;line-height:1.5;color:var(--muted)}
.lc-hint.good{color:var(--fg-1f7a70,#1F7A70)}
.lc-hint.bad{color:var(--dfg-b83a57,#B83A57)}
.lc-hint b{color:inherit}
.lc-bank{display:flex;flex-wrap:wrap;gap:8px}
.lc-cardbtn{border:2px solid var(--border);background:var(--bg-ffffff,#FFFFFF);border-radius:16px;padding:11px 14px;font:700 .95rem/1.35 var(--font-body);color:var(--dark);cursor:pointer;text-align:left;max-width:100%;transition:border-color .15s,transform .15s}
.lc-cardbtn:hover:not(:disabled){border-color:var(--pink-light);transform:translateY(-1px)}
.lc-cardbtn[aria-pressed="true"]{border-color:var(--pink);background:var(--pink-pale)}
.lc-cardbtn.lc-used{display:none}
.lc-cardbtn.lc-left{opacity:.45;cursor:default}
.lc-cardbtn.lc-nope{opacity:.45;text-decoration:line-through;cursor:default}
.lc-gbtn:focus-visible,.lc-cardbtn:focus-visible,.lc-slotbox:focus-visible,.lc-replay:focus-visible{outline:2px solid var(--pink);outline-offset:2px}

@media (min-width:900px){
  .lc-card .v2-r{padding:32px}
  .lc-try .lc-slots{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:899px){
  .lc-slot{order:5;margin-top:14px}
  .lc-piece{grid-template-columns:1fr}
  .lc-had-tag{grid-column:1}
}
@media (prefers-reduced-motion:reduce){
  .lc-draw{animation:none;stroke-dashoffset:0}
  .lc-s1,.lc-s2,.lc-s3,.lc-s4,.lc-piece,.lc-say{animation:none;opacity:1}
  .lc-shake{animation:none}
}

/* ── Quick questions in the Signature Sessions look (v2_quick, v2_words) ── */
.lc-q{display:flex;flex-direction:column}
.lc-q-in{display:flex;flex-direction:column;gap:22px;padding:30px 22px 8px;width:100%;max-width:880px;margin:0 auto;box-sizing:border-box}
.lc-q .v2-act{display:flex;justify-content:flex-end;padding:18px 22px 24px}
.lc-eyebrow{align-self:flex-start;display:inline-flex;border:1.5px solid var(--pink-light);background:var(--bg-ffffff,#FFFFFF);color:var(--fg-c2475f,#C2475F);border-radius:999px;padding:6px 14px;font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.lc-teach{display:flex;align-items:flex-end;gap:14px}
.lc-teach-ari{flex:none;width:92px;height:116px}
.lc-teach-ari svg{width:100%;height:100%}
.lc-tbubble{position:relative;flex:1;min-width:0;border:2px solid var(--pink-light);background:var(--bg-ffffff,#FFFFFF);border-radius:20px;padding:14px 18px;font-size:1.06rem;line-height:1.5;color:var(--dark);box-shadow:0 10px 26px rgba(44,24,16,.06);margin-bottom:18px}
.lc-tbubble::before{content:"";position:absolute;left:-10px;bottom:18px;width:16px;height:16px;background:var(--bg-ffffff,#FFFFFF);border-left:2px solid var(--pink-light);border-bottom:2px solid var(--pink-light);transform:rotate(45deg)}
.lc-tag{display:block;width:max-content;margin-bottom:6px;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-ffffff,#FFFFFF);background:var(--pink);border-radius:999px;padding:3px 10px}
.lc-prompt{margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(1.6rem,3.4vw,2.2rem);line-height:1.15;color:var(--dark);text-wrap:balance}
.lc-prompt b,.lc-prompt em{font-style:italic;color:var(--pink);font-weight:900}
.lc-hero{background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--border);border-radius:20px;padding:16px 16px 8px;box-shadow:0 10px 26px rgba(44,24,16,.06)}
.lc-spark{display:block;width:100%;height:auto}
.lc-sline{fill:none;stroke:var(--fg-5a4740,#5A4740);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.lc-send{fill:var(--fg-5a4740,#5A4740)}
.lc-snext{stroke:var(--fg-e0607a,#E0607A)}
.lc-now{stroke:var(--fg-f4829a,#F4829A);stroke-width:2;stroke-dasharray:5 5}
.lc-sq-mark{font:800 40px var(--font-body);fill:var(--fg-d8c8c0,#D8C8C0)}
.lc-opts{display:grid;gap:12px}
.lc-opts.charts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.lc-opt{position:relative;display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--ln-efe3dd,#EFE3DD);border-bottom:5px solid var(--ln-e3d3cb,#E3D3CB);border-radius:18px;padding:16px 18px;font:700 1.08rem var(--font-body);color:var(--dark);cursor:pointer;box-shadow:0 10px 26px rgba(44,24,16,.06);transition:transform .08s,background .15s,border-color .15s}
.lc-opts.charts .lc-opt{flex-direction:column;align-items:stretch;padding:14px 12px 12px}
.lc-opt:hover:not(:disabled){background:var(--bg-fff6f3,#FFF6F3)}
.lc-opt:active:not(:disabled){transform:translateY(2px);border-bottom-width:3px}
.lc-opt kbd{flex:none;display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--ln-e3d3cb,#E3D3CB);border-radius:8px;font:800 13px var(--font-body);color:var(--muted);background:var(--bg-ffffff,#FFFFFF)}
.lc-opts.charts .lc-opt kbd{position:absolute;top:10px;left:10px}
.lc-opts.charts .lc-opt .lc-spark{margin-top:22px}
.lc-opt[aria-checked="true"]{border-color:var(--pink);background:var(--pink-pale);color:var(--fg-b83d61,#B83D61)}
.lc-opt[aria-checked="true"] kbd{border-color:var(--pink);color:var(--fg-b83d61,#B83D61)}
.lc-opt.right{border-color:var(--ln-2e9a8e,#2E9A8E);background:var(--bg-e3f6f3,#E3F6F3);color:var(--fg-1f7a70,#1F7A70)}
.lc-opt.wrong{border-color:var(--dln-e0607a,#E0607A);background:var(--dbg-fde8ed,#FDE8ED);color:var(--dfg-b83a57,#B83A57);animation:lcShake .4s}
.lc-opt:disabled{cursor:default}
.lc-opt:focus-visible,.lc-mic:focus-visible{outline:2px solid var(--pink);outline-offset:2px}
.lc-inline{margin:0;min-height:1.4em;font-size:1rem;line-height:1.5}
.lc-inline.good{color:var(--fg-1f7a70,#1F7A70)}.lc-inline.bad{color:var(--dfg-b83a57,#B83A57)}
.lc-words{display:flex;flex-direction:column;gap:10px}
.lc-words textarea{width:100%;box-sizing:border-box;min-height:140px;border:2px solid var(--pink-light);border-radius:20px;padding:16px 18px;font:500 1.05rem/1.5 var(--font-body);color:var(--dark);background:var(--bg-ffffff,#FFFFFF);resize:vertical}
.lc-words textarea:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 4px var(--pink-pale)}
.lc-wbar{display:flex;justify-content:space-between;align-items:center;gap:10px}
.lc-mic{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--pink-light);background:var(--bg-ffffff,#FFFFFF);color:var(--fg-c2475f,#C2475F);border-radius:999px;padding:9px 16px;font:800 .95rem var(--font-body);cursor:pointer}
.lc-mic .dot{width:9px;height:9px;border-radius:50%;background:var(--bg-d8c8c0,#D8C8C0)}
.lc-mic[aria-pressed="true"] .dot{background:var(--bg-e0607a,#E0607A);animation:lcBlink 1s infinite}
@keyframes lcBlink{50%{opacity:.25}}
.lc-count{font-size:.9rem;font-weight:700;color:var(--muted)}
.lc-micnote{margin:0;font-size:.9rem;color:var(--fg-b83a57,#B83A57)}
.lc-after{display:flex;flex-direction:column;gap:12px}
.lc-model{display:flex;flex-direction:column;gap:8px;background:linear-gradient(140deg,var(--bg-fde8ee,#FDE8EE),var(--bg-fff1e6,#FFF1E6));border-radius:20px;padding:16px 18px}
.lc-model p{margin:0;font-size:1.02rem;line-height:1.55;color:var(--dark)}
.lc-did{margin:0;font-weight:800;color:var(--dark)}
.lc-ideas{display:grid;gap:8px}
.lc-idea{display:flex;gap:12px;align-items:center;border:2px solid var(--ln-efe3dd,#EFE3DD);background:var(--bg-ffffff,#FFFFFF);border-radius:16px;padding:10px 14px;color:var(--text)}
.lc-idea i{font-style:normal;font-weight:800;color:var(--muted);width:20px;text-align:center}
.lc-idea.hit{border-color:var(--ln-2e9a8e,#2E9A8E);background:var(--bg-e3f6f3,#E3F6F3);color:var(--fg-1f7a70,#1F7A70)}
.lc-idea.hit i{color:var(--fg-1f7a70,#1F7A70)}
@media (min-width:900px){
  .lc-q-in{padding:40px 48px 8px}
  .lc-q .v2-act{padding:18px 40px 26px;border-top:1px solid var(--border)}
}
@media (max-width:899px){
  .lc-q{padding:0!important}
  .lc-teach-ari{width:70px;height:90px}
  .lc-opts.charts{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}
  .lc-opts.charts .lc-opt{padding:12px 8px 8px}
  .lc-opts.charts .lc-opt kbd{top:6px;left:6px;width:24px;height:24px}
  .lc-q .v2-act .v2-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.lc-opt.wrong,.lc-mic[aria-pressed="true"] .dot{animation:none}}
/* Keep body text in the body face (the Academy card styles some text in the display face). */
.lc-q-in .lc-tbubble,.lc-q-in .lc-tbubble div,.lc-q-in .lc-model p,.lc-q-in .lc-idea,.lc-q-in .lc-count,.lc-q-in .lc-inline{font-family:var(--font-body);font-weight:500;letter-spacing:normal}
.lc-q-in .lc-tbubble b{font-weight:800}
.lc-q-in .lc-tag,.lc-q-in .lc-eyebrow{font-family:var(--font-body)}
.lc-q-in .lc-did{font:800 1.05rem/1.4 var(--font-body);color:var(--dark)}
.lc-q-in .lc-count{font-weight:700}
.lc-q-in .lc-idea span{font:500 1rem/1.45 var(--font-body);letter-spacing:normal}
.lc-q-in .lc-idea i{all:unset;flex:none;width:20px;text-align:center;font:800 1rem/1 var(--font-body);color:var(--muted)}
.lc-q-in .lc-idea.hit i{color:var(--fg-1f7a70,#1F7A70)}
.lc-after{scroll-margin-bottom:240px}
.lc-q-in .lc-after{padding-bottom:12px}

/* See it: make your first trade */
.lc-tradebox{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px;background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--border);border-radius:22px;padding:14px;box-shadow:0 10px 26px rgba(44,24,16,.06)}
.lc-tchart svg{display:block;width:100%;height:auto;font-family:var(--font-body)}
.lc-tline{fill:none;stroke:var(--fg-5a4740,#5A4740);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.lc-tnow{fill:var(--fg-5a4740,#5A4740);stroke:var(--fg-ffffff,#FFFFFF);stroke-width:4}
.lc-tnow.up{fill:var(--fg-2e9a8e,#2E9A8E)}.lc-tnow.down{fill:var(--dfg-d9536f,#D9536F)}
.lc-dot.lc-down{fill:var(--dfg-d9536f,#D9536F)}
.lc-tpanel{display:flex;flex-direction:column;gap:8px;justify-content:center}
.lc-tcell{display:flex;flex-direction:column;gap:2px;background:var(--bg-fffaf8,#FFFAF8);border-radius:14px;padding:9px 12px}
.lc-q-in .lc-tcell small{font:800 .68rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lc-q-in .lc-tcell b{font:800 1.35rem var(--font-body);color:var(--dark);font-variant-numeric:tabular-nums}
.lc-q-in .lc-tpl.up{color:var(--fg-1f7a70,#1F7A70)}.lc-q-in .lc-tpl.down{color:var(--dfg-b83a57,#B83A57)}
.lc-tbtn{border:0;border-bottom:5px solid rgba(0,0,0,.18);border-radius:16px;padding:14px;font:900 1.15rem var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-ffffff,#FFFFFF);cursor:pointer;transition:transform .08s}
.lc-tbtn:active{transform:translateY(2px);border-bottom-width:3px}
.lc-tbtn.buy{background:var(--bg-2e9a8e,#2E9A8E);animation:lcPulse 1.6s ease-in-out infinite}
.lc-tbtn.sell{background:var(--dbg-e0607a,#E0607A)}
.lc-tbtn:focus-visible{outline:2px solid var(--pink);outline-offset:2px}
@keyframes lcPulse{50%{box-shadow:0 0 0 8px rgb(46 154 142 / .18)}}
.lc-tsay{font-size:1.02rem}
@media (max-width:899px){
  .lc-tradebox{grid-template-columns:1fr;padding:10px}
  .lc-tpanel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .lc-tcell{padding:7px 8px}
  .lc-q-in .lc-tcell b{font-size:1.02rem}
  .lc-q-in .lc-tcell small{font-size:.58rem;letter-spacing:.06em}
  .lc-tbtn{grid-column:1 / -1}
}
@media (prefers-reduced-motion:reduce){.lc-tbtn.buy{animation:none}}

/* Understand it: call it */
.lc-now-line{stroke:var(--fg-f4829a,#F4829A);stroke-width:2;stroke-dasharray:6 6}
.lc-fut.up{stroke:var(--fg-2e9a8e,#2E9A8E)}.lc-fut.down{stroke:var(--dfg-d9536f,#D9536F)}
.lc-callbox .lc-q{font-size:56px}
.lc-q-in .lc-score{display:flex;gap:8px;padding-top:4px}
.lc-pip{width:18px;height:18px;border-radius:50%;background:var(--bg-f1e6e1,#F1E6E1);border:2px solid var(--ln-e3d3cb,#E3D3CB);display:inline-block}
.lc-pip.hit{background:var(--bg-2e9a8e,#2E9A8E);border-color:var(--ln-2e9a8e,#2E9A8E)}
.lc-pip.miss{background:var(--dbg-e0607a,#E0607A);border-color:var(--dln-e0607a,#E0607A)}
.lc-callbox .lc-tbtn{animation:none}
.lc-callbox .lc-tbtn:disabled{opacity:.45;cursor:default}
.lc-tsay .lc-say{display:flex}
.lc-q-in .lc-tsay .lc-say span{font:500 1rem/1.5 var(--font-body);color:var(--text)}
.lc-q-in .lc-tsay .lc-say b{font-weight:800}
@media (max-width:899px){.lc-callbox .lc-tpanel{grid-template-columns:1fr 1fr}.lc-callbox .lc-tcell{grid-column:1 / -1}.lc-callbox .lc-tbtn{grid-column:auto}}

/* ── Lesson 2: people, the marketplace, the ladder, the meeting, Own it ── */
.lc-person{display:block;width:100%;height:auto}
.lc-big{font-size:1.15rem}

.lc-market{position:relative;display:grid;grid-template-columns:1fr minmax(120px,.8fr) 1fr;gap:14px;align-items:center;background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--border);border-radius:22px;padding:18px;box-shadow:0 10px 26px rgba(44,24,16,.06)}
.lc-side{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;transition:transform .5s ease}
.lc-side .lc-person{width:min(120px,100%)}
.lc-q-in .lc-side b{font:800 .78rem var(--font-body);letter-spacing:.14em;text-transform:uppercase}
.lc-side.buy b{color:var(--fg-1f7a70,#1F7A70)}.lc-side.sell b{color:var(--dfg-b83a57,#B83A57)}
.lc-q-in .lc-quote{font:600 1rem var(--font-body);color:var(--dark)}
.lc-quote i{font-style:normal;font-weight:900;font-size:1.3rem;font-variant-numeric:tabular-nums}
.lc-nudge{border:2px solid var(--border);background:var(--bg-fff6f3,#FFF6F3);border-radius:999px;padding:8px 14px;font:800 .88rem var(--font-body);color:var(--dark);cursor:pointer}
.lc-nudge:hover{border-color:var(--pink-light)}
.lc-nudge:focus-visible,.lc-pcard:focus-visible{outline:2px solid var(--pink);outline-offset:2px}
.lc-mid{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}
.lc-link{position:absolute;top:44px;left:-40%;right:-40%;height:4px;border-radius:4px;background:repeating-linear-gradient(90deg,var(--bg-e3d3cb,#E3D3CB) 0 10px,transparent 10px 18px)}
.lc-pricebox{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;background:var(--bg-ffffff,#FFFFFF);border:2px dashed var(--ln-e3d3cb,#E3D3CB);border-radius:18px;padding:10px 22px}
.lc-q-in .lc-pricebox small{font:800 .66rem var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.lc-q-in .lc-pricebox b{font:900 2rem var(--font-body);color:var(--dark);font-variant-numeric:tabular-nums}
.lc-q-in .lc-status{font:800 .9rem var(--font-body);color:var(--muted)}
.lc-market.met .lc-side.buy{transform:translateX(12px)}
.lc-market.met .lc-side.sell{transform:translateX(-12px)}
.lc-market.met .lc-link{background:linear-gradient(90deg,var(--bg-2e9a8e,#2E9A8E),var(--bg-e0607a,#E0607A))}
.lc-market.met .lc-pricebox{border-style:solid;border-color:var(--ln-2e9a8e,#2E9A8E);background:var(--bg-e3f6f3,#E3F6F3);animation:sgPop .45s}
.lc-q-in .lc-market.met .lc-status{color:var(--fg-1f7a70,#1F7A70);font-size:1.05rem}

.lc-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lc-pcard{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--ln-efe3dd,#EFE3DD);border-bottom:5px solid var(--ln-e3d3cb,#E3D3CB);border-radius:20px;padding:14px 12px;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,background .15s}
.lc-pcard:hover{background:var(--bg-fff6f3,#FFF6F3)}
.lc-pfig{width:min(96px,80%)}
.lc-q-in .lc-pcard b{font:900 1.15rem var(--font-display);color:var(--dark)}
.lc-q-in .lc-pwhy,.lc-q-in .lc-pex{display:none;font:500 .95rem/1.45 var(--font-body);color:var(--dark)}
.lc-q-in .lc-pex{font-size:.88rem;color:var(--muted);font-style:italic}
.lc-q-in .lc-ptap{font:800 .78rem var(--font-body);color:var(--fg-c2475f,#C2475F)}
.lc-pcard.open{border-color:var(--pink-light);background:var(--bg-fffaf8,#FFFAF8);cursor:default}
.lc-pcard.open .lc-pwhy,.lc-pcard.open .lc-pex{display:block;animation:lcIn .35s forwards}
.lc-pcard.open .lc-ptap{display:none}

.lc-ladderbox{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:14px;background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--border);border-radius:22px;padding:14px;box-shadow:0 10px 26px rgba(44,24,16,.06)}
.lc-ladder{display:flex;flex-direction:column;gap:4px}
.lc-lrow{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:8px;min-height:38px;border-radius:12px;padding:0 8px}
.lc-lrow > span{display:flex;justify-content:center}
.lc-q-in .lc-lhead span{font:800 .66rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lc-q-in .lc-lp{font:800 1.05rem var(--font-body);color:var(--dark);font-variant-numeric:tabular-nums}
.lc-lrow.last{background:var(--pink-pale)}
.lc-lrow.last .lc-lp::before{content:"▶ ";color:var(--pink)}
.lc-lrow.flash{animation:lcFlash .9s}
@keyframes lcFlash{30%{background:var(--bg-e3f6f3,#E3F6F3)}}
.lc-q-in .lc-chip{font:800 .78rem var(--font-body);font-style:normal;border-radius:999px;padding:4px 12px;animation:lcIn .3s forwards}
.lc-chip.buy{background:var(--bg-e3f6f3,#E3F6F3);color:var(--fg-1f7a70,#1F7A70);border:1.5px solid var(--ln-2e9a8e,#2E9A8E)}
.lc-chip.sell{background:var(--dbg-fde8ed,#FDE8ED);color:var(--dfg-b83a57,#B83A57);border:1.5px solid var(--dln-e0607a,#E0607A)}
.lc-chip.done{opacity:.4;text-decoration:line-through}
.lc-ltape{display:flex;flex-direction:column;gap:10px;justify-content:flex-start}
.lc-q-in .lc-ltape small{font:800 .66rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lc-tape{display:flex;flex-wrap:wrap;gap:6px;min-height:34px}
.lc-q-in .lc-print{font:800 .95rem var(--font-body);border-radius:10px;padding:5px 10px;font-variant-numeric:tabular-nums;animation:sgPop .4s}
.lc-print.up{background:var(--bg-e3f6f3,#E3F6F3);color:var(--fg-1f7a70,#1F7A70)}.lc-print.down{background:var(--dbg-fde8ed,#FDE8ED);color:var(--dfg-b83a57,#B83A57)}
.lc-ltape .lc-tbtn{font-size:.95rem;text-transform:none;letter-spacing:0}
.lc-ltape .lc-tbtn:disabled{opacity:.5}

.lc-meet{display:grid;grid-template-columns:1fr minmax(110px,.7fr) 1fr;gap:12px;align-items:center;background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--border);border-radius:22px;padding:16px;box-shadow:0 10px 26px rgba(44,24,16,.06)}
.lc-mp{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;transition:transform .6s cubic-bezier(.2,.8,.3,1)}
.lc-mp .lc-person{width:min(96px,90%)}
.lc-q-in .lc-mp b{font:800 .78rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lc-q-in .lc-mbub{font:600 .92rem/1.4 var(--font-body);color:var(--dark);background:var(--bg-fffaf8,#FFFAF8);border:1.5px solid var(--ln-efe3dd,#EFE3DD);border-radius:14px;padding:8px 10px}
.lc-mmid{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.lc-q-in .lc-mtag{font:800 .7rem var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.lc-q-in .lc-mmid b{font:900 1.6rem var(--font-body);color:var(--dark);font-variant-numeric:tabular-nums}
.lc-q-in .lc-mdone{font:800 .85rem var(--font-body);color:var(--fg-1f7a70,#1F7A70);opacity:0}
.lc-meet.met .lc-mp:first-child{transform:translateX(18px)}
.lc-meet.met .lc-mp:last-child{transform:translateX(-18px)}
.lc-meet.met .lc-mdone{animation:lcIn .4s .4s forwards}
.lc-meet.met .lc-mmid b{color:var(--fg-1f7a70,#1F7A70)}

.lc-own-hero{display:flex;flex-direction:column;gap:6px}
.lc-q-in .lc-own-hero small{font:900 1rem var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--pink)}
.lc-q-in .lc-own-line{margin:0;font:500 1.08rem/1.55 var(--font-body);color:var(--text);max-width:46em}
.lc-own-recall{display:flex;flex-direction:column;gap:10px}
.lc-q-in .lc-own-count{font:800 .85rem/1.4 var(--font-body);color:var(--muted)}
.lc-own-qs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lc-own-qs.odd{grid-template-columns:repeat(3,minmax(0,1fr))}
.lc-own-q{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:104px;border-radius:20px;padding:16px 18px;background:var(--pink-pale);border:2px solid var(--pink-light);box-shadow:0 4px 0 var(--pink-light);transition:transform .15s}
.lc-own-q:hover{transform:translateY(-2px)}
.lc-own-q:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.lc-q-in .lc-own-q .lc-own-qq{font:800 1.02rem/1.4 var(--font-body);color:var(--dark)}
.lc-q-in .lc-own-q .lc-own-tap{margin-top:auto;font:800 .74rem var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-c2475f,#C2475F)}
.lc-q-in .lc-own-q .lc-own-a{display:none;font:600 .98rem/1.45 var(--font-body);color:var(--dark)}
.lc-own-q.on{background:var(--bg-ffffff,#FFFFFF);border-color:var(--teal);box-shadow:0 4px 0 var(--teal-light);cursor:default;transform:none;animation:lcIn .3s}
.lc-q-in .lc-own-q.on .lc-own-qq{font-size:.82rem;color:var(--fg-1f7a70,#1F7A70)}
.lc-q-in .lc-own-q.on .lc-own-qq::before{content:'✓ '}
.lc-q-in .lc-own-q.on .lc-own-a{display:block}
.lc-q-in .lc-own-q.on .lc-own-tap{display:none}

@media (max-width:899px){
  .lc-market,.lc-meet{grid-template-columns:1fr 1fr;padding:12px}
  .lc-mid,.lc-mmid{grid-column:1 / -1;grid-row:2}
  .lc-link{display:none}
  .lc-people{grid-template-columns:1fr}
  .lc-pcard{flex-direction:row;flex-wrap:wrap;text-align:left;justify-content:flex-start}
  .lc-pfig{width:56px}
  .lc-pcard .lc-pwhy,.lc-pcard .lc-pex{flex-basis:100%}
  .lc-ladderbox{grid-template-columns:1fr}
  .lc-own-qs,.lc-own-qs.odd{grid-template-columns:1fr}
  .lc-own-q{min-height:0}
  .lc-market.met .lc-side.buy,.lc-market.met .lc-side.sell,.lc-meet.met .lc-mp:first-child,.lc-meet.met .lc-mp:last-child{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .lc-side,.lc-mp{transition:none}
  .lc-lrow.flash,.lc-print,.lc-chip,.lc-pcard.open .lc-pwhy,.lc-pcard.open .lc-pex{animation:none;opacity:1}
  .lc-chip.done{opacity:.4}
  .lc-meet.met .lc-mdone{animation:none;opacity:1}
}

/* ── Lesson 3: candles, a forming candle, context zoom, ladder line ── */
.lc-candle line{stroke-width:2.5}
.lc-candle.up line{stroke:var(--fg-1f7a70,#1F7A70)}.lc-candle.up rect{fill:var(--fg-2e9a8e,#2E9A8E);stroke:var(--fg-1f7a70,#1F7A70);stroke-width:1.5}
.lc-candle.down line{stroke:var(--dfg-b83a57,#B83A57)}.lc-candle.down rect{fill:var(--dfg-ffffff,#FFFFFF);stroke:var(--dfg-d9536f,#D9536F);stroke-width:3}
.lc-cchart{display:block;width:100%;height:auto}
.lc-cchart .lc-candle.focus rect{filter:drop-shadow(0 0 6px rgb(224 96 122 / .45))}
.lc-cchart.revealed .lc-candle{animation:lcIn .4s forwards}
.lc-cchart.revealed .lc-candle:not(:last-of-type) rect{stroke-width:2.5}
.lc-chero{padding:10px}
.lc-formbox,.lc-ctxbox{display:flex;flex-direction:column;gap:12px;background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--border);border-radius:22px;padding:14px;box-shadow:0 10px 26px rgba(44,24,16,.06)}
.lc-formbox svg{display:block;width:100%;height:auto;font-family:var(--font-body)}
.lc-divide{stroke:var(--fg-efe3dd,#EFE3DD);stroke-width:2;stroke-dasharray:4 6}
.lc-openline{stroke:var(--fg-2c1810,#2C1810);stroke-width:1.5;stroke-dasharray:6 6;opacity:.45}
.lc-formbtns{display:flex;gap:10px;flex-wrap:wrap}
.lc-formbtns .lc-tbtn,.lc-ctxbox .lc-tbtn{flex:1 1 180px;animation:none;font-size:.95rem;text-transform:none;letter-spacing:0}
.lc-formbtns .lc-tbtn:disabled{opacity:.4;cursor:default}
.lc-ctxchart svg{display:block;width:100%;height:auto;max-height:300px}
.lc-ctxbox .lc-zoom{align-self:center;flex:0 1 260px}
.lc-q-in .lc-lastpx{font:900 1.8rem var(--font-body);color:var(--dark);font-variant-numeric:tabular-nums}
.lc-lchart{display:block;width:100%;height:auto;background:var(--bg-fffaf8,#FFFAF8);border-radius:12px}
.lc-lchart polyline{fill:none;stroke:var(--fg-5a4740,#5A4740);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:reduce){.lc-cchart.revealed .lc-candle{animation:none}}
.lc-ctxchart{border-radius:14px;overflow:hidden}.lc-ctxchart svg{overflow:hidden}
.lc-ctxbox .lc-zoom{flex:none;width:min(100%,280px)}

/* ── Lesson 4: contracts, instruments, size, know your contract ── */
.lc-hintline{color:var(--muted)}
.lc-ctabs{display:flex;gap:8px;flex-wrap:wrap}
.lc-ctab{border:2px solid var(--ln-efe3dd,#EFE3DD);background:var(--bg-ffffff,#FFFFFF);border-radius:999px;padding:9px 16px;font:800 .95rem var(--font-body);color:var(--dark);cursor:pointer}
.lc-ctab[aria-selected="true"]{border-color:var(--pink);background:var(--pink-pale);color:var(--fg-b83d61,#B83D61)}
.lc-ctab:focus-visible,.lc-icard:focus-visible,.lc-ktick:focus-visible,.lc-kname:focus-visible{outline:2px solid var(--pink);outline-offset:2px}
.lc-contract{display:grid;grid-template-columns:1fr 110px 1fr;gap:12px;align-items:stretch;animation:lcIn .35s forwards}
.lc-mkt,.lc-ccard{display:flex;flex-direction:column;gap:6px;border-radius:22px;padding:16px;box-shadow:0 10px 26px rgba(44,24,16,.06)}
.lc-mkt{background:var(--bg-fffaf8,#FFFAF8);border:2px solid var(--ln-efe3dd,#EFE3DD)}
.lc-ccard{background:var(--bg-ffffff,#FFFFFF);border:2px dashed var(--pink-light);position:relative}
.lc-q-in .lc-mkt small,.lc-q-in .lc-ccard small{font:800 .68rem var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.lc-micon{width:64px;height:40px}.lc-micon svg{width:100%;height:100%}
.lc-q-in .lc-mkt b{font:900 1.2rem var(--font-display);color:var(--dark)}
.lc-q-in .lc-msub,.lc-q-in .lc-cterms{font:500 .9rem/1.4 var(--font-body);color:var(--muted)}
.lc-q-in .lc-ctick{font:900 2.2rem var(--font-body);letter-spacing:.04em;color:var(--fg-b83d61,#B83D61)}
.lc-q-in .lc-cname{font:700 .98rem/1.35 var(--font-body);color:var(--dark)}
.lc-cspark{width:100%;height:auto;max-height:56px}
.lc-cline{fill:none;stroke:var(--fg-5a4740,#5A4740);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:140;stroke-dashoffset:140;animation:lcDraw 1.4s .2s ease-out forwards}
.lc-clink{display:flex;align-items:center;justify-content:center;gap:6px;position:relative}
.lc-clink i{width:9px;height:9px;border-radius:50%;background:var(--pink);opacity:.25;animation:lcDot 1.2s infinite}
.lc-clink i:nth-child(2){animation-delay:.2s}.lc-clink i:nth-child(3){animation-delay:.4s}
@keyframes lcDot{50%{opacity:1;transform:scale(1.3)}}
.lc-q-in .lc-clink span{position:absolute;top:calc(50% + 14px);font:800 .72rem var(--font-body);color:var(--fg-c2475f,#C2475F);white-space:nowrap}

.lc-groups{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}
.lc-group{display:flex;flex-direction:column;gap:10px;background:var(--bg-fffaf8,#FFFAF8);border:2px solid var(--ln-efe3dd,#EFE3DD);border-radius:22px;padding:14px}
.lc-q-in .lc-group h3{margin:0;font:800 .72rem var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-c2475f,#C2475F)}
.lc-family{display:flex;flex-direction:column;gap:6px}
.lc-ficon{width:44px;height:28px}.lc-ficon svg{width:100%;height:100%}
.lc-q-in .lc-family small{font:700 .85rem var(--font-body);color:var(--muted)}
.lc-fcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lc-icard{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--ln-efe3dd,#EFE3DD);border-bottom:5px solid var(--ln-e3d3cb,#E3D3CB);border-radius:16px;padding:10px 12px;cursor:pointer;font:inherit;color:inherit;min-width:0}
.lc-icard.star{border-color:var(--pink-light)}
.lc-q-in .lc-itick{font:900 1.5rem var(--font-body);color:var(--dark);letter-spacing:.03em}
.lc-q-in .lc-isize{font:800 .66rem var(--font-body);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:2px 8px;background:var(--bg-f1e6e1,#F1E6E1);color:var(--muted)}
.lc-q-in .lc-isize.micro{background:var(--pink-pale);color:var(--fg-b83d61,#B83D61)}
.lc-q-in .lc-iname{font:700 .9rem/1.3 var(--font-body);color:var(--dark)}
.lc-q-in .lc-iwhy{display:none;font:500 .85rem/1.4 var(--font-body);color:var(--muted)}
.lc-icard.open .lc-iwhy{display:block;animation:lcIn .3s forwards}
.lc-q-in .lc-istar{font:800 .72rem var(--font-body);color:var(--fg-c2475f,#C2475F)}

.lc-sizebox{display:flex;flex-direction:column;gap:12px;background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--border);border-radius:22px;padding:14px;box-shadow:0 10px 26px rgba(44,24,16,.06)}
.lc-smove{display:flex;align-items:center;gap:14px}
.lc-smove svg{width:200px;height:auto;flex:none;background:var(--bg-fffaf8,#FFFAF8);border-radius:14px}
.lc-q-in .lc-smlabel{font:800 1.05rem var(--font-body);color:var(--dark)}
.lc-smline.up{stroke:var(--fg-2e9a8e,#2E9A8E)}.lc-smline.down{stroke:var(--dfg-d9536f,#D9536F)}
.lc-scards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lc-scard{display:flex;flex-direction:column;gap:6px;background:var(--bg-fffaf8,#FFFAF8);border:2px solid var(--ln-efe3dd,#EFE3DD);border-radius:18px;padding:14px;transition:border-color .2s,background .2s}
.lc-scard.up{border-color:var(--ln-2e9a8e,#2E9A8E);background:var(--bg-e3f6f3,#E3F6F3)}.lc-scard.down{border-color:var(--dln-e0607a,#E0607A);background:var(--dbg-fde8ed,#FDE8ED)}
.lc-q-in .lc-sper{font:700 .9rem var(--font-body);color:var(--dark)}
.lc-sbar{display:block;height:14px;border-radius:7px;background:var(--bg-f1e6e1,#F1E6E1);overflow:hidden}
.lc-sbar i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--pink),var(--bg-f5a857,#F5A857))}
.lc-q-in .lc-smath{font:600 .9rem var(--font-body);color:var(--muted);font-variant-numeric:tabular-nums}
.lc-q-in .lc-spl{font:900 2rem var(--font-body);color:var(--dark);font-variant-numeric:tabular-nums}
.lc-q-in .lc-scard.up .lc-spl{color:var(--fg-1f7a70,#1F7A70)}.lc-q-in .lc-scard.down .lc-spl{color:var(--dfg-b83a57,#B83A57)}
.lc-sbtns{display:flex;gap:10px;flex-wrap:wrap}
.lc-sbtns .lc-tbtn{flex:1 1 200px;animation:none;font-size:.95rem;text-transform:none;letter-spacing:0}
.lc-q-in .lc-sfine{margin:0;font:500 .8rem/1.4 var(--font-body);color:var(--muted)}

.lc-round,.lc-round2{display:flex;flex-direction:column;gap:12px;background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--border);border-radius:22px;padding:16px;box-shadow:0 10px 26px rgba(44,24,16,.06)}
.lc-round.lc-done1{opacity:.75}
.lc-q-in .lc-rlabel{font:800 .72rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-c2475f,#C2475F)}
.lc-ktray{display:flex;gap:10px;flex-wrap:wrap;min-height:52px}
.lc-ktick{border:2px solid var(--pink-light);border-bottom-width:5px;background:var(--bg-ffffff,#FFFFFF);border-radius:14px;padding:10px 18px;font:900 1.2rem var(--font-body);letter-spacing:.04em;color:var(--fg-b83d61,#B83D61);cursor:grab}
.lc-ktick[aria-pressed="true"]{background:var(--pink-pale);border-color:var(--pink)}
.lc-knames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lc-kname{display:flex;flex-direction:column;gap:8px;align-items:flex-start;border:2px dashed var(--ln-e3d3cb,#E3D3CB);border-radius:16px;padding:12px;background:var(--bg-fffaf8,#FFFAF8);cursor:pointer}
.lc-kname.over{border-color:var(--pink);background:var(--pink-pale)}
.lc-q-in .lc-kdrop{font:800 .8rem var(--font-body);color:var(--muted);border:1.5px dashed var(--ln-e3d3cb,#E3D3CB);border-radius:10px;padding:4px 10px}
.lc-q-in .lc-kname b{font:700 .98rem/1.3 var(--font-body);color:var(--dark)}
.lc-kname.done{border-style:solid;border-color:var(--ln-2e9a8e,#2E9A8E);background:var(--bg-e3f6f3,#E3F6F3);cursor:default}
.lc-q-in .lc-kname.done .lc-kdrop{border-style:solid;border-color:var(--ln-2e9a8e,#2E9A8E);background:var(--bg-ffffff,#FFFFFF);color:var(--fg-1f7a70,#1F7A70);font-size:1rem;font-weight:900}
.lc-khint.good{color:var(--fg-1f7a70,#1F7A70)}.lc-khint.bad{color:var(--dfg-b83a57,#B83A57)}
.lc-amara{display:flex;gap:12px;align-items:center}
.lc-amara .lc-person{width:72px;flex:none}
.lc-q-in .lc-amara p{margin:0;font:600 1.02rem/1.5 var(--font-body);color:var(--dark);background:var(--bg-fffaf8,#FFFAF8);border:1.5px solid var(--ln-efe3dd,#EFE3DD);border-radius:16px;padding:10px 14px}
.lc-q-in .lc-kq{margin:0;font:900 1.25rem/1.3 var(--font-display);color:var(--dark)}

@media (max-width:899px){
  .lc-contract{grid-template-columns:1fr}
  .lc-clink{flex-direction:row;padding:6px 0 20px}
  .lc-groups{grid-template-columns:1fr}
  .lc-scards{grid-template-columns:1fr 1fr;gap:8px}
  .lc-q-in .lc-spl{font-size:1.5rem}
  .lc-smove svg{width:140px}
  .lc-knames{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.lc-cline{animation:none;stroke-dashoffset:0}.lc-clink i{animation:none;opacity:.7}.lc-contract,.lc-icard.open .lc-iwhy{animation:none;opacity:1}}
.lc-micon,.lc-ficon{display:block;flex:none}
.lc-fhead{display:flex;align-items:center;gap:8px}
.lc-ficon{width:36px;height:24px}
.lc-q-in .lc-micon svg,.lc-q-in .lc-ficon svg{display:block;margin:0;transform:none;position:static;width:100%;height:100%}

/* ── Lesson 5: stock vs futures, expiration timeline, units ── */
.lc-vs{display:grid;grid-template-columns:1fr 120px 1fr;gap:12px;align-items:stretch;animation:lcIn .35s forwards}
.lc-vsrc,.lc-vsbox{display:flex;flex-direction:column;gap:6px;border-radius:22px;padding:16px;box-shadow:0 10px 26px rgba(44,24,16,.06)}
.lc-vsrc{background:var(--bg-fffaf8,#FFFAF8);border:2px solid var(--ln-efe3dd,#EFE3DD)}
.lc-vsbox{background:var(--bg-ffffff,#FFFFFF);border:2px dashed var(--ln-e3d3cb,#E3D3CB);min-height:150px}
.lc-q-in .lc-vsrc b{font:900 1.2rem var(--font-display);color:var(--dark)}
.lc-q-in .lc-vsbox small{font:800 .68rem var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.lc-vsrc .lc-tbtn{margin-top:auto;animation:none;font-size:.95rem;text-transform:none;letter-spacing:0}
.lc-vsflow{display:flex;align-items:center;justify-content:center;position:relative}
.lc-q-in .lc-vstoken{font:800 .9rem var(--font-body);background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--pink-light);border-radius:12px;padding:8px 10px;color:var(--dark);opacity:0;transform:translateX(-40px);transition:opacity .3s,transform .7s cubic-bezier(.2,.8,.3,1)}
.lc-vs.moved .lc-vstoken{opacity:1;transform:translateX(40px)}
.lc-q-in .lc-vsitem{align-self:flex-start;font:800 1rem var(--font-body);color:var(--dark);background:var(--bg-e3f6f3,#E3F6F3);border:2px solid var(--ln-2e9a8e,#2E9A8E);border-radius:12px;padding:10px 14px;animation:sgPop .4s}
.lc-vs.fut .lc-vsbox{border-color:var(--pink-light)}
.lc-q-in .lc-vs.fut .lc-vsitem{background:var(--pink-pale);border-color:var(--pink);color:var(--fg-b83d61,#B83D61)}
.lc-vseq{display:flex;flex-direction:column;gap:4px;background:var(--bg-fffaf8,#FFFAF8);border-radius:16px;padding:12px 16px;animation:lcIn .35s forwards}
.lc-q-in .lc-vseq b{font:900 1.1rem var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-c2475f,#C2475F)}
.lc-q-in .lc-vseq span{font:600 1rem/1.45 var(--font-body);color:var(--dark)}

.lc-tlbox{display:flex;flex-direction:column;gap:12px;background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--border);border-radius:22px;padding:16px;box-shadow:0 10px 26px rgba(44,24,16,.06)}
.lc-tlmonths{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));margin-left:84px}
.lc-q-in .lc-tlmonths span{font:800 .72rem var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.lc-tlrow{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center}
.lc-q-in .lc-tlrow small{font:800 .78rem var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--dark)}
.lc-tltrack{position:relative;height:46px;border-radius:12px;background:repeating-linear-gradient(90deg,var(--bg-fffaf8,#FFFAF8) 0 24.8%,var(--bg-f1e6e1,#F1E6E1) 24.8% 25%)}
.lc-q-in .lc-tltoken{position:absolute;top:6px;left:0;transform:translateX(0);font:800 .85rem var(--font-body);white-space:nowrap;background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--ln-2e9a8e,#2E9A8E);border-radius:10px;padding:6px 10px;color:var(--dark);transition:left 1.6s cubic-bezier(.4,.1,.3,1),translate 1.6s cubic-bezier(.4,.1,.3,1)}
.lc-tlrow.fut .lc-tltoken{border-color:var(--pink)}
.lc-tlrow.fut.expired .lc-tltoken:not(.next){background:var(--bg-fde8ed,#FDE8ED)}
.lc-tlbox.rolled .lc-tlrow.fut .lc-tltoken:not(.next){opacity:.45;text-decoration:line-through}
.lc-q-in .lc-tlflag{position:absolute;top:-22px;translate:-50% 0;font:800 .74rem var(--font-body);color:var(--fg-b83a57,#B83A57);white-space:nowrap}
.lc-tlflag::after{content:"";position:absolute;left:50%;top:18px;width:2px;height:48px;background:var(--bg-e0607a,#E0607A)}
.lc-q-in .lc-tlnote{grid-column:2;font:600 .9rem/1.4 var(--font-body);font-style:normal;color:var(--muted);min-height:1.2em}
.lc-tlbtns{display:flex;gap:10px;flex-wrap:wrap}
.lc-tlbtns .lc-tbtn{flex:1 1 200px;animation:none;font-size:.95rem;text-transform:none;letter-spacing:0}
.lc-tlbtns .lc-tbtn:disabled{opacity:.45;cursor:default}

.lc-unitsbox{display:flex;flex-direction:column;gap:12px;background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--border);border-radius:22px;padding:14px;box-shadow:0 10px 26px rgba(44,24,16,.06)}
.lc-ucards{display:grid;grid-template-columns:1fr 40px 1fr;gap:10px;align-items:stretch}
.lc-ucard{display:flex;flex-direction:column;gap:6px;background:var(--bg-fffaf8,#FFFAF8);border:2px solid var(--ln-efe3dd,#EFE3DD);border-radius:18px;padding:14px;transition:border-color .2s}
.lc-ucard.moved{border-color:var(--ln-2e9a8e,#2E9A8E)}.lc-ucard.big{border-color:var(--pink)}
.lc-q-in .lc-ucard small{font:800 .68rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lc-q-in .lc-uq{font:900 1.6rem var(--font-body);color:var(--dark)}
.lc-q-in .lc-ucard > span{font:600 .9rem/1.4 var(--font-body);color:var(--dark)}
.lc-q-in .lc-umath{color:var(--muted)!important;font-variant-numeric:tabular-nums}
.lc-q-in .lc-uval{font:900 1.8rem var(--font-body);color:var(--dark);font-variant-numeric:tabular-nums}
.lc-ucard .lc-tbtn{margin-top:auto;animation:none;font-size:.9rem;text-transform:none;letter-spacing:0}
.lc-q-in .lc-uneq{display:flex;align-items:center;justify-content:center;font:900 2rem var(--font-body);color:var(--pink)}
.lc-ubig{animation:none;font-size:.95rem;text-transform:none;letter-spacing:0}
.lc-ubig:disabled{opacity:.45;cursor:default}
.lc-margin{display:flex;gap:12px;align-items:flex-start;background:var(--bg-fff6f2,#FFF6F2);border:1px solid var(--border);border-radius:18px;padding:12px 16px 12px 12px;animation:lcIn .4s forwards}
.lc-q-in .lc-margin p{margin:0;font:500 .98rem/1.5 var(--font-body);color:var(--text)}

.lc-qcmp{display:grid;grid-template-columns:1fr 44px 1fr;gap:10px;align-items:center}
.lc-qcard{display:flex;flex-direction:column;gap:4px;background:var(--bg-fffaf8,#FFFAF8);border:2px solid var(--ln-efe3dd,#EFE3DD);border-radius:18px;padding:14px;text-align:center;transition:border-color .3s,background .3s}
.lc-q-in .lc-qcard b{font:900 1.5rem var(--font-body);color:var(--dark)}
.lc-q-in .lc-qcard span{font:600 .9rem var(--font-body);color:var(--muted)}
.lc-q-in .lc-qneq{font:900 2rem var(--font-body);color:var(--fg-d8c8c0,#D8C8C0);text-align:center}
.lc-qcmp.revealed .lc-qcard{border-color:var(--pink);background:var(--pink-pale)}
.lc-q-in .lc-qcmp.revealed .lc-qneq{color:var(--pink);animation:sgPop .45s}
.lc-q-in .lc-qtag{margin:0;font:900 1.05rem var(--font-body);color:var(--fg-b83d61,#B83D61);text-align:center;animation:lcIn .4s forwards}

@media (max-width:899px){
  .lc-vs{grid-template-columns:1fr}
  .lc-vsflow{min-height:44px}
  .lc-vs.moved .lc-vstoken{transform:translateY(0)}
  .lc-vstoken{transform:translateY(-14px)}
  .lc-ucards{grid-template-columns:1fr}
  .lc-q-in .lc-uneq{font-size:1.5rem}
  .lc-tlmonths{margin-left:0}
  .lc-tlrow{grid-template-columns:1fr}
  .lc-q-in .lc-tlnote{grid-column:1}
}
@media (prefers-reduced-motion:reduce){.lc-q-in .lc-tltoken,.lc-q-in .lc-vstoken{transition:none}.lc-vs,.lc-vseq,.lc-margin{animation:none;opacity:1}}
.lc-tlrow.fut{margin-top:14px}

/* ── Lesson 6: points, ticks, live P&L, three traders, simulator ── */
.lc-ptbox,.lc-tkbox,.lc-livebox,.lc-trbox,.lc-simbox{display:flex;flex-direction:column;gap:12px;background:var(--bg-ffffff,#FFFFFF);border:2px solid var(--border);border-radius:22px;padding:16px;box-shadow:0 10px 26px rgba(44,24,16,.06)}
.lc-ptbox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center}
.lc-pscale{display:flex;flex-direction:column;gap:4px;border-left:3px solid var(--ln-e3d3cb,#E3D3CB);padding-left:12px}
.lc-plv{position:relative;min-height:34px;display:flex;align-items:center;border-radius:10px;padding:0 12px;transition:background .25s}
.lc-q-in .lc-plv span{font:700 1.05rem var(--font-body);color:var(--muted);font-variant-numeric:tabular-nums}
.lc-plv.start::before{content:"Start";position:absolute;right:10px;font:800 .66rem var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.lc-plv.now{background:var(--pink-pale)}
.lc-q-in .lc-plv.now span{color:var(--fg-b83d61,#B83D61);font-weight:900;font-size:1.2rem}
.lc-plv.now::after{content:"◀ now";position:absolute;left:-58px;font:800 .72rem var(--font-body);color:var(--pink)}
.lc-pread{display:flex;flex-direction:column;gap:8px}
.lc-q-in .lc-pread .lc-tcell b{font-size:1.5rem}
.lc-q-in .lc-pdelta.up{color:var(--fg-1f7a70,#1F7A70)}.lc-q-in .lc-pdelta.down{color:var(--dfg-b83a57,#B83A57)}
.lc-pbtns{display:flex;gap:8px}
.lc-pbtns .lc-tbtn,.lc-tkbtns .lc-tbtn{flex:1;animation:none;font-size:1rem;text-transform:none;letter-spacing:0}

.lc-tkhead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.lc-q-in .lc-tkhead span{font:700 .95rem var(--font-body);color:var(--dark)}
.lc-tkmain{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.lc-tkprice{display:flex;flex-direction:column}
.lc-q-in .lc-tkprice small{font:800 .68rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lc-q-in .lc-tkprice b{font:900 2.4rem var(--font-body);color:var(--dark);font-variant-numeric:tabular-nums}
.lc-tkdots{display:flex;gap:6px;flex-wrap:wrap;max-width:260px}
.lc-tkdots i{width:22px;height:22px;border-radius:50%;background:var(--bg-f1e6e1,#F1E6E1);border:2px solid var(--ln-e3d3cb,#E3D3CB)}
.lc-tkdots i.on{background:var(--bg-2e9a8e,#2E9A8E);border-color:var(--ln-2e9a8e,#2E9A8E);animation:sgPop .35s}
.lc-q-in .lc-tkcount{font:800 1rem var(--font-body);color:var(--fg-1f7a70,#1F7A70)}
.lc-tkvals{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-height:8px}
.lc-q-in .lc-tkbig{font:900 1.15rem var(--font-body);color:var(--fg-b83d61,#B83D61);letter-spacing:.04em;text-transform:uppercase}
.lc-q-in .lc-chipv{font:800 .95rem var(--font-body);background:var(--bg-e3f6f3,#E3F6F3);color:var(--fg-1f7a70,#1F7A70);border-radius:999px;padding:6px 12px;animation:sgPop .35s}

.lc-livebox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px}
.lc-livechart,.lc-simchart{width:100%;height:auto;background:var(--bg-fffaf8,#FFFAF8);border-radius:14px;font-family:var(--font-body)}
.lc-livegrid,.lc-simfields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lc-q-in .lc-livegrid .lc-tcell b,.lc-q-in .lc-simfields .lc-tcell b{font-size:1.1rem}
.lc-lplcell{grid-column:1 / -1}
.lc-q-in .lc-lpl{font-size:1.8rem!important}
.lc-q-in .lc-lpl.up{color:var(--fg-1f7a70,#1F7A70)}.lc-q-in .lc-lpl.down{color:var(--dfg-b83a57,#B83A57)}
.lc-livebox .lc-sbtns,.lc-livebox .lc-sfine{grid-column:1 / -1}
.lc-seg{display:flex;gap:4px;background:var(--bg-f1e6e1,#F1E6E1);border-radius:999px;padding:3px}
.lc-seg button{flex:1;border:0;background:transparent;border-radius:999px;padding:6px 10px;font:800 .88rem var(--font-body);color:var(--dark);cursor:pointer}
.lc-seg button[aria-pressed="true"]{background:var(--bg-ffffff,#FFFFFF);color:var(--fg-b83d61,#B83D61);box-shadow:0 2px 6px rgba(44,24,16,.12)}
.lc-seg button:focus-visible,.lc-simhint:focus-visible,#lcSimIn:focus-visible{outline:2px solid var(--pink);outline-offset:2px}
.lc-tline.lc-up{stroke:var(--fg-2e9a8e,#2E9A8E)}.lc-tline.lc-dn{stroke:var(--fg-d9536f,#D9536F)}

.lc-trchart{width:100%;height:auto;background:var(--bg-fffaf8,#FFFAF8);border-radius:14px}
.lc-trcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lc-trcard{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;background:var(--bg-fffaf8,#FFFAF8);border:2px solid var(--ln-efe3dd,#EFE3DD);border-radius:18px;padding:12px;transition:border-color .2s,background .2s}
.lc-trcard.up{border-color:var(--ln-2e9a8e,#2E9A8E);background:var(--bg-e3f6f3,#E3F6F3)}.lc-trcard.down{border-color:var(--dln-e0607a,#E0607A);background:var(--dbg-fde8ed,#FDE8ED)}
.lc-trfig{width:64px}
.lc-q-in .lc-trcard > b:first-of-type{font:900 1.05rem var(--font-display);color:var(--dark)}
.lc-q-in .lc-trcard span{font:600 .9rem var(--font-body);color:var(--dark)}
.lc-q-in .lc-trmath{color:var(--muted)!important;font-variant-numeric:tabular-nums}
.lc-q-in .lc-trpl{font:900 1.7rem var(--font-body);color:var(--dark);font-variant-numeric:tabular-nums}
.lc-q-in .lc-trcard.up .lc-trpl{color:var(--fg-1f7a70,#1F7A70)}.lc-q-in .lc-trcard.down .lc-trpl{color:var(--dfg-b83a57,#B83A57)}
.lc-trseg{align-self:center;width:min(100%,420px)}

.lc-simbox{border-color:var(--pink-light)}
.lc-simtop{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--pink-pale);margin:-16px -16px 0;padding:10px 16px;border-radius:20px 20px 0 0}
.lc-q-in .lc-simlogo{font:900 .85rem var(--font-body);letter-spacing:.08em;color:var(--fg-b83d61,#B83D61)}
.lc-q-in .lc-simround{font:800 .8rem var(--font-body);color:var(--dark)}
.lc-simbody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px}
.lc-simbox .lc-tcell.ask{outline:2px dashed var(--pink)}
.lc-q-in .lc-simbox .lc-tcell.ask b{color:var(--fg-b83d61,#B83D61)}
.lc-simbox .lc-tcell.up{outline:2px solid var(--ln-2e9a8e,#2E9A8E)}.lc-q-in .lc-simbox .lc-tcell.up b{color:var(--fg-1f7a70,#1F7A70)}
.lc-simbox .lc-tcell.down{outline:2px solid var(--dln-e0607a,#E0607A)}.lc-q-in .lc-simbox .lc-tcell.down b{color:var(--dfg-b83a57,#B83A57)}
.lc-q-in .lc-simq{margin:0;font:700 1.08rem/1.45 var(--font-body);color:var(--dark)}
.lc-q-in .lc-simq b{color:var(--fg-b83d61,#B83D61)}
.lc-simans{display:flex;flex-direction:column;gap:8px}
.lc-q-in .lc-simlbl{font:800 .72rem var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.lc-simrow{display:flex;gap:8px}
#lcSimIn{flex:1;min-width:0;border:2px solid var(--pink-light);background:var(--bg-ffffff,#FFFFFF);color:var(--dark);border-radius:14px;padding:12px 14px;font:800 1.2rem var(--font-body);font-variant-numeric:tabular-nums}
#lcSimIn:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 4px var(--pink-pale)}
.lc-simrow .lc-tbtn{flex:none;animation:none;font-size:1rem;text-transform:none;letter-spacing:0;padding:12px 22px}
.lc-simhint{align-self:flex-start;border:0;background:none;color:var(--fg-b83d61,#B83D61);font:800 .9rem var(--font-body);cursor:pointer;padding:4px 0}
.lc-q-in .lc-simhinttext{margin:0;font:500 .95rem/1.5 var(--font-body);color:var(--text)}
.lc-simworked{background:var(--bg-fff6f2,#FFF6F2);border:1px solid var(--border);border-radius:14px;padding:12px 14px}
.lc-q-in .lc-simworked small{display:block;font:800 .68rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-b83d61,#B83D61);margin-bottom:4px}
.lc-q-in .lc-simworked{font:500 .95rem/1.55 var(--font-body);color:var(--dark)}
.lc-q-in .lc-simfb.bad{color:var(--dfg-b83a57,#B83A57)}.lc-q-in .lc-simfb.good{color:var(--fg-1f7a70,#1F7A70)}
.lc-simchart .lc-axis{font-size:13px}

@media (max-width:899px){
  .lc-ptbox,.lc-livebox,.lc-simbody{grid-template-columns:1fr}
  .lc-plv.now::after{display:none}
  .lc-trcards{grid-template-columns:1fr}
  .lc-trcard{flex-direction:row;flex-wrap:wrap;justify-content:space-between;text-align:left}
  .lc-trfig{width:40px}
  .lc-q-in .lc-tkprice b{font-size:2rem}
}