.learn-chapter,.lh{--lf-loan:#6f8fd8;--lf-second:#a7bbea;--lf-equity:#d9d4c7;--lf-interest:#d4544c;--lf-ghost:#d8dbe2;--lf-grid:#e1e1de;--lf-edge:#1f2433;--lf-label:#5b6070;--lf-panel:#fbfbfa;--lf-serif:ui-serif,Georgia,"Times New Roman",serif;width:calc(100% - 2.5rem);max-width:80rem;margin-inline:auto;padding-block:1.5rem 5rem}.dark .learn-chapter,.dark .lh{--lf-loan:#7f9ef0;--lf-second:#4d5f8f;--lf-equity:#5c5648;--lf-interest:#e0645b;--lf-ghost:#3a3f4b;--lf-grid:#2c3039;--lf-edge:#07080c;--lf-label:#a3a8b6;--lf-panel:#15171d}.learn-progress{z-index:5;background:var(--background);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.6rem 0;display:flex;position:sticky;top:4rem}.learn-progress-title{color:var(--muted-foreground);white-space:nowrap;font-size:.8rem}.learn-progress ol{gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.learn-progress a{border:1.5px solid var(--muted-foreground);opacity:.6;border-radius:999px;width:.6rem;height:.6rem;display:block}.learn-progress a[aria-current]{background:var(--lf-interest);border-color:var(--lf-interest);opacity:1}.learn-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:3rem;display:grid}.learn-text{padding-bottom:30vh}.learn-section{opacity:.45;min-height:70vh;padding-block:3rem;scroll-margin-top:7rem;transition:opacity .3s}.learn-section.is-active,.learn-section:focus-within{opacity:1}.learn-section.is-opener{min-height:60vh}.learn-section h1{font-family:var(--lf-serif);margin:.2rem 0 .4rem;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.1}.learn-section h2{font-family:var(--lf-serif);margin:0 0 .3rem;font-size:1.6rem;line-height:1.2}.learn-number{font-variant-numeric:tabular-nums}.learn-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);margin:0;font-size:.8rem}.learn-hook{font-family:var(--lf-serif);color:var(--muted-foreground);margin:0 0 1.2rem;font-size:1.1rem;font-style:italic}.learn-section p{margin:0 0 .9rem;line-height:1.7}.learn-rule{font-size:1.05rem;font-weight:600}.learn-formula code{font-family:var(--font-mono);border:1px solid var(--border);background:var(--lf-panel);border-radius:.5rem;padding:.5rem .75rem;font-size:.92rem;display:inline-block}.learn-pitfall{border-left:3px solid var(--lf-interest);padding-left:.9rem}.learn-inline-figure{display:none}.learn-figure-col{position:relative}.learn-figure{border:1px solid var(--border);background:var(--lf-panel);border-radius:1.25rem;flex-direction:column;height:calc(100vh - 9rem);min-height:22rem;max-height:46rem;margin:2rem 0 0;padding:1rem 1.25rem;display:flex;position:sticky;top:7.5rem;box-shadow:0 10px 30px -18px #00000040}.learn-figure-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.learn-fig-number{font-family:var(--font-mono);color:var(--lf-label);font-size:.85rem}.learn-fig-title{text-align:right;font-family:var(--lf-serif);justify-self:end;font-size:1.3rem;font-style:italic}.learn-play{border:1px solid var(--border);background:var(--background);color:var(--foreground);cursor:pointer;white-space:nowrap;border-radius:999px;padding:.3rem .8rem;font-size:.8rem}.learn-figure-stage{touch-action:pan-y;cursor:grab;flex:1;min-height:13rem;position:relative}.learn-figure-stage:not(.is-ready){cursor:default;align-items:center;display:flex}.learn-figure-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.learn-figure-stage:before{content:"";pointer-events:none;background:radial-gradient(55% 50% at 50% 62%,color-mix(in srgb,var(--lf-loan)13%,transparent),transparent 72%);border-radius:50%;position:absolute;inset:4% 6% 0}.learn-figure-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.learn-figure-label{font-family:var(--font-mono);color:var(--lf-label);white-space:nowrap;will-change:transform;font-size:.72rem;position:absolute;top:0;left:0}.learn-figure-label.is-tick{translate:-100% -50%}.learn-figure-label.is-bar{white-space:pre;text-align:center;line-height:1.25;translate:-50%}.learn-figure-label.is-cell{white-space:pre;text-align:center;color:var(--foreground);background:color-mix(in srgb,var(--lf-panel)70%,transparent);border-radius:.2rem;padding:0 .2rem;line-height:1.2;translate:-50% -50%}.learn-figure-label.is-cell.is-raised{background:0 0;font-weight:700}.learn-figure-label.is-compass{font-weight:700;translate:-50% -50%}.learn-figure-label.is-bracket{color:var(--lf-label);background:color-mix(in srgb,var(--lf-panel)85%,transparent);border-radius:.2rem;padding:0 .25rem;font-weight:600;translate:-100% -50%}.learn-figure-label.is-bracket.is-interest{color:var(--lf-interest)}.learn-figure-label.is-bracket.is-principal{color:var(--lf-loan)}.learn-figure-label.is-slice{font-family:var(--lf-serif);color:var(--foreground);font-size:.9rem;font-style:italic;translate:0 -50%}.learn-figure-label.is-guide{background:color-mix(in srgb,var(--lf-panel)85%,transparent);border-radius:.25rem;padding:0 .25rem;translate:-100% -50%}.learn-figure-label.is-guide.is-interest,.learn-figure-label.is-marker{color:var(--lf-interest)}.learn-figure-label.is-guide.is-principal{color:var(--lf-loan)}.learn-figure-label.is-guide.is-above{translate:-100% -105%}.learn-figure-label.is-guide.is-below{translate:-100% 5%}.learn-figure-label.is-marker.is-principal{color:var(--lf-loan)}.learn-figure-label.is-marker{background:color-mix(in srgb,var(--lf-panel)85%,transparent);border-radius:.25rem;padding:0 .25rem;font-size:.7rem}.learn-figure-label.is-marker.is-above{translate:calc(-100% - .5rem) -130%}.learn-figure-label.is-marker.is-below{translate:.6rem 30%}.learn-figure-label.is-axis{font-family:var(--lf-serif);font-size:.9rem;font-style:italic}.learn-legend{flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem;margin:.25rem 0;padding:0;list-style:none;display:flex}.learn-legend li{font-family:var(--lf-serif);align-items:center;gap:.4rem;font-style:italic;display:flex}.learn-swatch{background:var(--lf-loan);border-radius:999px;width:.65rem;height:.65rem}.learn-swatch.is-second{background:var(--lf-second)}.learn-swatch.is-equity{background:var(--lf-equity)}.learn-swatch.is-interest{background:var(--lf-interest)}.learn-swatch.is-ghost{background:var(--lf-ghost);outline:1px solid var(--lf-grid)}.learn-figure-bottom{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.learn-hint{color:var(--lf-label);font-size:.78rem}.learn-readout{font-family:var(--font-mono);text-align:right;white-space:pre-wrap;max-width:100%;margin:0;font-size:.8rem;line-height:1.6}.learn-figure-svg{width:100%;height:auto;max-height:100%}.learn-figure-svg-text{font-family:var(--font-mono);fill:var(--lf-label);font-size:11px}@media (max-width:860px){.learn-chapter{width:calc(100% - 2rem)}.learn-grid{flex-direction:column-reverse;gap:0;display:flex}.learn-figure-col{z-index:4;background:var(--background);padding-bottom:.5rem;position:sticky;top:6rem}.learn-figure-top{grid-template-columns:auto auto 1fr}.learn-figure{border-radius:1rem;height:44vh;min-height:18rem;margin:.5rem 0 0;padding:.6rem .75rem;position:static}.learn-fig-title{font-size:.95rem;line-height:1.2}.learn-readout{font-size:.7rem}.learn-hint,.learn-figure-label.is-axis{display:none}.learn-section{min-height:55vh;padding-block:2rem}.learn-section.is-practice{min-height:0}.learn-progress-title{display:none}}@media print{.learn-figure-col,.learn-progress{display:none}.learn-grid{display:block}.learn-section{opacity:1;min-height:0}.learn-inline-figure{display:block}}.learn-progress a.is-practice{border-radius:.15rem}.learn-section.is-practice{min-height:85vh}.learn-practice{border:1px solid var(--border);background:var(--card);border-radius:1rem;padding:1rem 1.1rem}.learn-practice-head{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.learn-practice-head ol{gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.learn-practice-head li{border:1.5px solid var(--muted-foreground);border-radius:999px;width:.55rem;height:.55rem}.learn-practice-head li.is-right{background:var(--lf-loan);border-color:var(--lf-loan)}.learn-practice-head li.is-wrong{background:var(--lf-interest);border-color:var(--lf-interest)}.learn-practice-prompt{font-weight:600}.learn-options{gap:.5rem;margin:0 0 .5rem;padding:0;list-style:none;display:grid}.learn-option{text-align:left;border:1px solid var(--border);background:var(--background);width:100%;color:var(--foreground);cursor:pointer;border-radius:.6rem;align-items:flex-start;gap:.75rem;padding:.6rem .75rem;line-height:1.45;display:flex}.learn-option:hover:not(:disabled){border-color:var(--lf-loan)}.learn-option:disabled{cursor:default}.learn-option-letter{border:1px solid var(--border);border-radius:999px;flex:none;place-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:grid}.learn-option.is-right{border-color:var(--lf-loan);background:color-mix(in srgb,var(--lf-loan)12%,var(--background))}.learn-option.is-right .learn-option-letter{background:var(--lf-loan);border-color:var(--lf-loan);color:#fff}.learn-option.is-wrong{border-color:var(--lf-interest);background:color-mix(in srgb,var(--lf-interest)10%,var(--background))}.learn-option.is-dim{opacity:.55}.learn-numeric{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.learn-numeric label{border:1px solid var(--border);background:var(--background);font-family:var(--font-mono);border-radius:.6rem;align-items:center;gap:.35rem;padding:0 .7rem;display:flex}.learn-numeric input{width:9rem;color:var(--foreground);font:inherit;background:0 0;border:0;outline:none;padding:.55rem 0}.learn-numeric-error{color:var(--lf-interest);font-size:.85rem}.learn-button{border:1px solid var(--border);background:var(--background);color:var(--foreground);cursor:pointer;border-radius:.6rem;align-items:center;padding:.5rem .9rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.learn-button.is-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.learn-practice-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.learn-verdict{font-weight:700}.learn-verdict.is-right{color:var(--lf-loan)}.learn-verdict.is-wrong{color:var(--lf-interest)}.learn-steps{gap:.35rem;margin:0;padding-left:1.25rem;list-style:decimal;display:grid}.learn-steps li{line-height:1.6;animation:.3s ease-out learn-step-in}@keyframes learn-step-in{0%{opacity:0;translate:0 4px}}@media (prefers-reduced-motion:reduce){.learn-steps li{animation:none}}.learn-practice-score{font-family:var(--lf-serif);margin:.25rem 0;font-size:1.6rem}.learn-chapter-nav{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:1rem;width:calc(100% - 2.5rem);max-width:72rem;margin:0 auto 4rem;padding-top:1.25rem;display:flex}.learn-chapter-nav a{color:var(--primary);font-weight:600;text-decoration:none}.learn-hub{width:calc(100% - 2.5rem);max-width:56rem;margin:0 auto;padding:3rem 0 5rem}.learn-hub h1{font-family:var(--lf-serif,ui-serif,Georgia,serif);margin:.3rem 0 .6rem;font-size:clamp(2rem,4vw,2.8rem);line-height:1.15}.learn-hub-intro{color:var(--muted-foreground);max-width:40rem;font-size:1.05rem}.learn-hub-list{gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.learn-hub-list a{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:1rem;gap:.2rem;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .2s;display:grid}.learn-hub-list a:hover{border-color:var(--primary)}.learn-hub-number{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);font-size:.75rem}.learn-hub-title{font-family:ui-serif,Georgia,serif;font-size:1.4rem}.learn-hub-sub{color:var(--muted-foreground);font-style:italic}.learn-hub-meta{color:var(--muted-foreground);margin-top:.3rem;font-size:.8rem}.learn-locked{justify-items:start;gap:.6rem;display:grid}.learn-locked-title{align-items:center;gap:.45rem;margin:0;font-weight:700;display:flex}.learn-locked-body{color:var(--muted-foreground);margin:0;line-height:1.6}.learn-section p.is-step{border-left:3px solid #0000;margin-left:-.8rem;padding-left:.8rem;transition:border-color .2s,background-color .2s}.learn-section.is-active p.is-step{border-left-color:var(--border)}.learn-section.is-active p.is-step-active{border-left-color:var(--lf-loan);background:color-mix(in srgb,var(--lf-loan)7%,transparent);border-radius:0 .4rem .4rem 0}.learn-section p.learn-pitfall.is-step{padding-left:.9rem}.learn-shots{flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;display:flex}.learn-shots button{border:1px solid var(--border);background:var(--background);min-width:1.7rem;height:1.7rem;color:var(--foreground);cursor:pointer;border-radius:999px;padding:0 .5rem;font-size:.78rem;font-weight:600}.learn-shots button[aria-pressed=true]{background:var(--lf-loan);border-color:var(--lf-loan);color:#fff}.learn-shot-caption{font-family:var(--lf-serif);color:var(--lf-label);margin:.2rem 0 0;font-size:.9rem;font-style:italic}.learn-formula-card{border:1px solid var(--border);background:var(--background);min-width:0;font-family:var(--font-mono);border-radius:.7rem;gap:.1rem;padding:.5rem .75rem;font-size:.82rem;line-height:1.5;display:grid}.learn-formula-card .is-rule{color:var(--lf-label)}.learn-vary{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;margin:.4rem 0;font-size:.85rem;display:grid}.learn-vary span{white-space:nowrap;font-weight:600}.learn-vary input{width:100%;accent-color:var(--lf-loan)}.learn-vary output{font-family:var(--font-mono);text-align:right;min-width:6.5rem}@media (max-width:860px){.learn-formula-card{padding:.4rem .6rem;font-size:.72rem}.learn-shot-caption{display:none}.learn-vary{grid-template-columns:1fr auto}.learn-vary span{grid-column:1/-1}}.learn-mistake{border-left:3px solid var(--lf-interest);background:color-mix(in srgb,var(--lf-interest)8%,transparent);border-radius:0 .4rem .4rem 0;padding:.35rem .7rem}.learn-task{border:1px dashed var(--border);border-radius:.6rem;align-items:flex-start;gap:.5rem;margin:.35rem 0 0;padding:.45rem .7rem;font-size:.85rem;line-height:1.45;display:flex}.learn-task.is-met{border-style:solid;border-color:var(--lf-loan);background:color-mix(in srgb,var(--lf-loan)9%,transparent)}.learn-task-mark{color:var(--lf-loan);flex:none;font-weight:700}.lh{max-width:72rem;padding:2rem 0 5rem}.lh-hero{border:1px solid var(--border);background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--lf-loan)16%,transparent),transparent 60%),linear-gradient(180deg,var(--lf-panel),var(--card));border-radius:1.25rem;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding:2rem;display:grid}.lh-hero h1{margin:.35rem 0 .5rem}.lh-hero .learn-hub-intro{margin:0}.lh-progress{border:1px solid var(--border);background:var(--card);border-radius:1rem;align-items:center;gap:1rem;min-width:19rem;padding:1rem 1.1rem;display:flex;box-shadow:0 1px 2px #0000000a,0 8px 24px -12px #0000001f}.lh-ring{--p:0;background:conic-gradient(var(--lf-loan)calc(var(--p)*1%),var(--lf-ghost)0);border-radius:999px;flex:none;place-items:center;width:4.5rem;height:4.5rem;display:grid;position:relative}.lh-ring:before{content:"";background:var(--card);border-radius:999px;position:absolute;inset:.45rem}.lh-ring span{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800;position:relative}.lh-ring small{color:var(--muted-foreground);font-size:.65rem;font-weight:600}.lh-progress-title{margin:0;font-size:.95rem;font-weight:700}.lh-progress-sub{color:var(--muted-foreground);margin:.1rem 0 .6rem;font-size:.78rem}.lh-cta{background:var(--primary);color:var(--primary-foreground);border-radius:.65rem;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.lh-cta:hover{box-shadow:0 6px 16px -6px color-mix(in srgb,var(--primary)60%,transparent);transform:translateY(-1px)}.lh-cta:focus-visible,.lh-card:focus-visible,.lh-pro button:focus-visible{outline:2px solid var(--ring,var(--primary));outline-offset:2px}.lh-all-done{color:var(--lf-loan);align-items:center;gap:.4rem;margin:0;font-weight:600;display:inline-flex}.lh-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.lh-steps li{border:1px dashed var(--border);color:var(--muted-foreground);border-radius:.9rem;align-items:flex-start;gap:.7rem;padding:.85rem 1rem;font-size:.82rem;line-height:1.45;display:flex}.lh-steps b{color:var(--foreground);margin-bottom:.1rem;font-size:.9rem;display:block}.lh-step-icon{background:color-mix(in srgb,var(--lf-loan)14%,transparent);width:2rem;height:2rem;color:var(--lf-loan);border-radius:.6rem;flex:none;place-items:center;display:grid}.lh-pro{background:color-mix(in srgb,#f59e0b 10%,var(--card));border:1px solid color-mix(in srgb,#f59e0b 35%,var(--border));color:color-mix(in srgb,#b45309 85%,var(--foreground));border-radius:.9rem;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.lh-pro p{flex:1;margin:0}.lh-pro button{color:#1f1300;cursor:pointer;background:#f59e0b;border:0;border-radius:.6rem;flex:none;padding:.4rem .8rem;font-size:.8rem;font-weight:700}.lh-pro button:hover{background:#fbbf24}.lh-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.lh-grid>li{display:flex}.lh-card{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:1rem;flex-direction:column;flex:1;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.lh-card:hover{border-color:color-mix(in srgb,var(--lf-loan)60%,var(--border));transform:translateY(-3px);box-shadow:0 14px 30px -16px #00000040}.lh-card.is-next{border-color:var(--lf-loan);box-shadow:0 0 0 3px color-mix(in srgb,var(--lf-loan)18%,transparent)}.lh-thumb{--h:222;aspect-ratio:16/9;border-bottom:1px solid var(--border);isolation:isolate;--lf-loan:hsl(var(--h)78% 58%);--lf-second:hsl(var(--h)80% 78%);--lf-equity:hsl(calc(var(--h) + 180)35% 86%);--lf-interest:#ed5145;--lf-ghost:hsl(var(--h)30% 100%/.7);background:radial-gradient(90% 80% at 85% 10%,hsl(calc(var(--h) + 40)90% 85%/.9),transparent 60%),radial-gradient(70% 70% at 0% 100%,hsl(var(--h)85% 80%/.8),transparent 65%),linear-gradient(160deg,hsl(var(--h)70% 96%),hsl(calc(var(--h) + 25)65% 90%));position:relative;overflow:hidden}.lh-thumb:before{content:"";z-index:-1;opacity:.5;background-image:radial-gradient(hsl(var(--h)40% 40%/.18)1px,transparent 1px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.dark .lh-thumb{--lf-loan:hsl(var(--h)80% 62%);--lf-second:hsl(var(--h)55% 42%);--lf-equity:hsl(calc(var(--h) + 180)18% 40%);--lf-ghost:hsl(var(--h)25% 70%/.35);background:radial-gradient(90% 80% at 85% 10%,hsl(calc(var(--h) + 40)70% 35%/.7),transparent 60%),radial-gradient(70% 70% at 0% 100%,hsl(var(--h)70% 30%/.7),transparent 65%),linear-gradient(160deg,hsl(var(--h)35% 16%),hsl(calc(var(--h) + 25)40% 11%))}.lh-cover-svg{transform-origin:50% 85%;width:78%;height:92%;filter:drop-shadow(0 10px 14px hsl(var(--h)60% 30%/.18));transition:transform .4s cubic-bezier(.2,.7,.2,1);position:absolute;inset:8% 4% 0 18%}.lh-card:hover .lh-cover-svg{transform:translateY(-4px)scale(1.04)}.lh-cover-floor{fill:hsl(var(--h)40% 50%/.1);stroke:hsl(var(--h)40% 40%/.18)}.lh-cover-tile{stroke:hsl(var(--h)40% 20%/.35);stroke-width:1px}.lh-big{z-index:1;font-family:var(--lf-serif);color:hsl(var(--h)60% 35%/.2);letter-spacing:-.04em;pointer-events:none;font-size:3.6rem;font-weight:700;line-height:1;position:absolute;bottom:.2rem;left:.9rem}.dark .lh-big{color:hsl(var(--h)70% 80%/.18)}.lh-card.is-locked .lh-cover-svg{filter:saturate(.55)drop-shadow(0 10px 14px hsl(var(--h)60% 30%/.12));opacity:.85}.lh-flag{letter-spacing:.02em;background:var(--lf-loan);color:#fff;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.lh-flag.is-done,.lh-flag.is-free{background:#10b981}.lh-flag.is-pro{color:#1f1300;background:#f59e0b}.lh-card.is-locked .lh-go{color:#b45309}.dark .lh-card.is-locked .lh-go{color:#fbbf24}button.lh-cta{cursor:pointer;border:0}.lh-back{color:var(--muted-foreground);align-items:center;gap:.35rem;font-size:.85rem;text-decoration:none;display:inline-flex}.lh-back:hover{color:var(--foreground)}.lh-locked{border:1px solid var(--border);background:var(--card);border-radius:1.25rem;grid-template-columns:minmax(0,6fr) minmax(0,5fr);margin-top:1rem;display:grid;overflow:hidden}.lh-locked-figure{border-right:1px solid var(--border);display:grid;position:relative}.lh-locked-figure .lh-thumb{aspect-ratio:auto;border-bottom:0;min-height:100%}.lh-locked-figure .lh-flag{top:1rem;right:1rem}.lh-locked-body{flex-direction:column;padding:2rem;display:flex}.lh-locked-body h1{margin:.3rem 0 .2rem;font-size:clamp(1.7rem,3vw,2.3rem)}.lh-locked-desc{color:var(--muted-foreground);margin:.8rem 0 0;font-size:.92rem;line-height:1.6}.lh-outline{gap:.55rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.lh-outline li{align-items:baseline;gap:.7rem;display:flex}.lh-outline span{font-family:var(--font-mono);color:var(--lf-loan);flex:none;font-size:.75rem}.lh-outline b{font-size:.92rem;display:block}.lh-outline em{color:var(--muted-foreground);font-size:.8rem;display:block}.lh-locked-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.4rem;display:flex}.lh-secondary{color:var(--lf-loan);font-size:.85rem;font-weight:600;text-decoration:none}.lh-secondary:hover{text-decoration:underline}@media (max-width:900px){.lh-locked{grid-template-columns:1fr}.lh-locked-figure{border-right:0;border-bottom:1px solid var(--border)}.lh-locked-figure .lh-thumb{aspect-ratio:16/9}.lh-locked-body{padding:1.4rem}}.lh-body{flex-direction:column;flex:1;padding:1rem 1.1rem 1.1rem;display:flex}.lh-body h2{font-family:var(--lf-serif);margin:0;font-size:1.3rem;line-height:1.2}.lh-sub{color:var(--muted-foreground);margin:.2rem 0 0;font-size:.9rem;font-style:italic}.lh-meta{color:var(--muted-foreground);margin:.5rem 0 0;font-size:.75rem}.lh-sets{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.lh-set{background:color-mix(in srgb,var(--lf-loan)12%,transparent);color:var(--lf-loan);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.lh-set em{opacity:.8;font-style:normal;font-weight:500}.lh-set.is-done{color:#047857;background:#10b98124}.dark .lh-set.is-done{color:#34d399}.lh-set.is-locked{background:var(--muted);color:var(--muted-foreground)}.lh-go{color:var(--lf-loan);align-items:center;gap:.35rem;margin-top:auto;padding-top:.9rem;font-size:.85rem;font-weight:600;display:inline-flex}.lh-go svg{transition:transform .2s}.lh-card:hover .lh-go svg{transform:translate(3px)}@media (max-width:900px){.lh-hero{grid-template-columns:1fr;padding:1.4rem}.lh-progress{min-width:0}.lh-steps{grid-template-columns:1fr}}@media (max-width:560px){.lh{width:calc(100% - 2rem);padding-top:1rem}.lh-pro{flex-wrap:wrap}.lh-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.lh-steps li{text-align:center;flex-direction:column;align-items:center;gap:.4rem;padding:.7rem .4rem;font-size:0}.lh-steps b{margin:0;font-size:.75rem}.lh-hero h1{font-size:1.9rem}}@media (prefers-reduced-motion:reduce){.lh-card,.lh-cta,.lh-cover-svg,.lh-go svg{transition:none}.lh-card:hover,.lh-cta:hover,.lh-card:hover .lh-cover-svg{transform:none}}.learn-hub-list a{padding-top:0;overflow:hidden}.learn-hub-list a .lh-thumb{aspect-ratio:16/6;margin:0 -1.25rem .8rem}.learn-hub-list a:hover .lh-cover-svg{transform:translateY(-4px)scale(1.04)}.learn-cover-page{background:var(--background);width:100vw;max-width:none;height:100vh;margin:0;padding:0}.learn-cover-page .learn-figure{height:100vh;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0;margin:0;padding:1.1rem 1.4rem 1rem;position:static}.learn-cover-page .learn-figure-stage{cursor:default}.lh-thumb.has-image{aspect-ratio:1200/818;background:var(--card)}.lh-thumb.has-image img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.lh-card:hover .lh-thumb.has-image img,.learn-hub-list a:hover .lh-thumb.has-image img{transform:scale(1.035)}.lh-thumb.has-image .lh-flag{top:.55rem;left:.6rem;right:auto;box-shadow:0 2px 8px #0000001f}.lh-locked-figure .lh-thumb.has-image{aspect-ratio:1200/818;align-self:center;min-height:0}.learn-hub-list a .lh-thumb.has-image{aspect-ratio:1200/560}@media (prefers-reduced-motion:reduce){.lh-thumb.has-image img{transition:none}}.lh-live{z-index:1;opacity:0;pointer-events:none;background:radial-gradient(70% 60% at 50% 60%,color-mix(in srgb,var(--lf-loan)10%,var(--lf-panel)),var(--lf-panel));transition:opacity .35s;position:absolute;inset:0}.lh-live.is-on{opacity:1}.lh-live .learn-figure-label{font-size:.62rem}.lh-thumb .lh-flag{z-index:2}