.learning-experiment,.pilot-figure{--study-blue:#1814ff;--study-lime:#dcfc38;--study-soft:#f4f3ff;--chart-2:#6b7900;--chart-3:#7149cc;--chart-4:#555}.learning-experiment{border:1px solid var(--border);border-top:4px solid var(--primary);background:var(--card);padding:28px;scroll-margin-top:100px}.experiment-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.experiment-top>span{letter-spacing:.1em;color:var(--primary);align-items:center;gap:8px;font-size:11px;font-weight:850;display:flex}.experiment-top button,.pilot-figure button.study-action{border:1px solid var(--border);background:var(--card);justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 12px;font-size:12px;font-weight:750;display:inline-flex}.learning-experiment h2{letter-spacing:-.035em;border:0!important;margin:22px 0!important;padding:0!important;font-size:clamp(24px,3vw,34px)!important;line-height:1.12!important}.experiment-body{gap:22px;display:grid}.experiment-controls{background:var(--study-soft);border:1px solid var(--border);gap:20px;padding:22px;display:grid}.experiment-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);font-weight:850;margin:0!important;font-size:10px!important}.experiment-controls input[type=range],.pilot-figure input[type=range]{min-height:44px;accent-color:var(--primary);cursor:pointer}.experiment-controls .field{background:var(--card);font-variant-numeric:tabular-nums;min-height:42px}.experiment-result{background:var(--accent);color:var(--foreground);border:1px solid var(--border);gap:8px;padding:24px;display:grid}.experiment-result>span{font-size:14px;font-weight:700}.experiment-result>strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font:900 clamp(30px,4vw,46px)/1.1 Archivo,sans-serif}.experiment-explanation{max-width:70ch;font-size:15px;line-height:1.65}.experiment-result .experiment-label{color:inherit;opacity:.7;margin-bottom:5px!important}.experiment-method{border-top:1px solid var(--border);color:var(--muted-foreground);padding-top:15px;line-height:1.7;margin:22px 0 0!important;font-size:12px!important}.experiment-method b{color:var(--foreground);margin-bottom:5px;display:block}.experiment-factors{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;display:grid;margin:0!important;padding:0!important}.experiment-factors li{align-items:center;gap:12px;min-width:0;display:flex}.experiment-factors li>div{border:1px solid var(--border);gap:8px;width:100%;min-width:0;padding:14px;display:grid}.experiment-factors span{font-size:11px;line-height:1.4}.experiment-factors b{overflow-wrap:anywhere;font-size:20px}.experiment-factor-sign{font-weight:850;font-size:22px!important}.learning-experiment .lesson-figure{border:1px solid var(--border);box-shadow:none;margin:0}.learning-experiment .figure-heading,.pilot-figure .figure-heading{padding:20px}.learning-experiment .figure-heading h3,.pilot-figure .figure-heading h3{font-size:20px;line-height:1.25}.learning-experiment .figure-caption,.pilot-figure .figure-caption{font-size:12px;line-height:1.6}.learning-experiment .figure-readouts{font-variant-numeric:tabular-nums}.learning-experiment .figure-readouts b{font-size:20px}.learning-experiment .lesson-bars>li,.pilot-figure .lesson-bars>li{gap:12px;margin-block:6px}.learning-experiment .lesson-bars b{font-size:13px}.learning-experiment .figure-data th,.learning-experiment .figure-data td,.pilot-figure .figure-data th,.pilot-figure .figure-data td{border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;padding:10px 8px}.learning-experiment summary,.pilot-figure summary{min-height:44px;padding-block:10px}.learning-experiment :is(button,input,select):focus-visible,.pilot-figure :is(button,input,select):focus-visible{outline:3px solid var(--primary);outline-offset:4px}.crypto-theme .learning-experiment,.crypto-theme .pilot-figure{--study-soft:#17181e;--chart-2:#a398ff;--chart-3:#7ebcff;--chart-4:#ddd}.crypto-theme .experiment-result{color:#f5ffdd;background:#202710}.crypto-theme .learning-experiment{background:#0e1014}.crypto-theme .learning-experiment .crypto-sim-controls{background:var(--study-soft);border:1px solid var(--border);gap:20px;padding:20px;display:grid}.crypto-theme .learning-experiment .crypto-sim-controls input[type=range]{min-height:44px}.crypto-theme .learning-experiment .crypto-sim-result{border-left:3px solid var(--primary);font-size:15px;line-height:1.7}.study-flow{gap:18px;padding:22px;display:grid}.study-flow-root{border-left:4px solid var(--primary);background:var(--muted);padding:12px 18px}.study-flow-root b,.study-flow-root span{display:block}.study-flow-root span{color:var(--muted-foreground);font-size:13px}.study-flow ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.study-flow-step{grid-template-columns:40px 1fr;gap:16px;padding-bottom:22px;display:grid;position:relative}.study-flow-step:not(:last-child):before{content:"";border-left:2px solid var(--border);position:absolute;top:40px;bottom:0;left:19px}.study-flow-step>button{border:1px solid var(--border);background:var(--card);border-radius:50%;width:40px;height:40px;font-weight:850}.study-flow-step[aria-current=step]>button{background:var(--primary);color:var(--primary-foreground)}.study-flow-step>div{min-width:0;padding:0 0 10px}.study-flow-step h4{font-size:17px;line-height:1.35}.study-flow-step p{margin:6px 0!important;font-size:13px!important}.study-flow-step small{color:var(--primary);font-size:11px;font-weight:750}.study-flow-step strong{font-size:14px;display:block}.study-flow-current{background:var(--study-soft);border:1px solid var(--border);padding:16px;font-size:13px;line-height:1.6}.study-flow-current b{margin-bottom:5px;display:block}.study-flow-nav{flex-wrap:wrap;gap:8px;display:flex}.study-flow-nav button:disabled{opacity:.4;cursor:not-allowed}.study-allocation{border-top:1px solid var(--border);padding:22px}.study-allocation h4{font-size:19px}.study-allocation>p{margin:10px 0!important;font-size:13px!important}.study-allocation-control{gap:8px;margin-block:18px;font-size:13px;font-weight:750;display:grid}.study-allocation-control input{width:100%}.study-allocation-bar{background:var(--muted);height:40px;margin:15px 0;display:flex}.study-allocation-bar span{height:100%}.study-allocation table{width:100%;margin-block:15px;font-size:13px}.study-allocation td,.study-allocation th{border-bottom:1px solid var(--border);text-align:left;padding:7px 4px}.study-allocation td:last-child{text-align:right;font-variant-numeric:tabular-nums}@media (width<=600px){.learning-experiment,.experiment-controls,.experiment-result{padding:16px}.experiment-factors{grid-template-columns:1fr;gap:6px}.experiment-factors li{gap:8px}.experiment-factor-sign{text-align:center;width:18px}.experiment-factors li>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.experiment-factors b{font-size:17px}.experiment-factors span{max-width:55%}.study-flow,.study-allocation{padding:16px}.learning-experiment .figure-readouts{grid-template-columns:1fr}.learning-experiment .figure-heading,.pilot-figure .figure-heading{padding:16px}.learning-experiment .figure-heading h3{font-size:18px}}@media (prefers-reduced-motion:reduce){.learning-experiment *,.pilot-figure *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.learning-experiment .experiment-controls .field,.learning-experiment .crypto-sim-controls .field{flex-shrink:0;width:112px;padding:8px 10px;font-size:16px}@media (width>=760px){.experiment-body{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}.experiment-body>.experiment-controls{grid-column:1}.experiment-body>.experiment-result{grid-column:2;align-content:center}.experiment-body>:not(.experiment-controls):not(.experiment-result){grid-column:1/-1}.experiment-controls{gap:14px;padding:18px}.experiment-result{padding:20px}.experiment-result>strong{font-size:36px}}.experiment-body{grid-template-columns:minmax(0,1fr)}.experiment-body>*{min-width:0}.study-flow-step h4,.study-allocation h4{letter-spacing:-.02em;font-weight:850}@media (width>=760px){.experiment-body{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}@media (width>=600px){.study-flow ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.study-flow-step{grid-template-columns:minmax(0,1fr);gap:16px;padding:0}.study-flow-step:not(:last-child):before{border-left:0;border-top:2px solid var(--border);inset:19px -12px auto 48px}.study-flow-step>button{position:relative}.study-flow-step>div{padding-top:2px}}.experiment-controls>div{min-width:0}.experiment-controls input[type=range]{flex-basis:0;width:0}.study-branches,.study-timeline,.study-decoder{min-width:0;padding:24px}.study-branch-root{border:1px solid var(--border);border-top:4px solid var(--primary);background:var(--study-soft,var(--muted));text-align:center;max-width:520px;margin:auto;padding:20px}.study-branch-root h4,.study-branch-option h4,.study-timeline h4{letter-spacing:-.02em;margin:8px 0;font:850 19px/1.3 Archivo,sans-serif}.study-branch-root p,.study-branch-option p,.study-timeline p{margin:8px 0;font-size:14px;line-height:1.65}.study-branch-options{grid-template-columns:repeat(var(--branch-count), minmax(0, 1fr));gap:18px;padding-top:30px;display:grid;position:relative}.study-branch-options:before{content:"";border-left:2px solid var(--primary);height:20px;position:absolute;top:0;left:50%}.study-branch-option{border:1px solid var(--border);flex-direction:column;min-width:0;padding:18px;display:flex;position:relative}.study-branch-option:before{content:"";border-left:2px solid var(--primary);height:12px;position:absolute;top:-12px;left:50%}.study-branch-option:after{content:"";border-top:2px solid var(--primary);position:absolute;top:-12px;left:-20px;right:-20px}.study-branch-option:first-child:after{left:50%}.study-branch-option:last-child:after{right:50%}.study-branch-letter{letter-spacing:.12em;color:var(--primary);font-size:11px;font-weight:850}.study-branch-tag{background:var(--study-soft,var(--muted));border:1px solid var(--border);align-self:flex-start;margin:8px 0 18px;padding:4px 8px;font-size:11px;font-weight:750}.study-branch-outcome{border-top:1px solid var(--border);align-items:flex-start;gap:8px;margin-top:auto;padding-top:14px;font-size:13px;line-height:1.55;display:flex}.study-branch-outcome svg{flex-shrink:0;margin-top:2px}.study-timeline ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.study-timeline li{grid-template-columns:44px minmax(0,1fr);gap:18px;padding:0 0 22px;display:grid;position:relative}.study-timeline li:not(:last-child):before{content:"";border-left:2px solid var(--border);position:absolute;top:44px;bottom:0;left:21px}.study-timeline li>button,.study-timeline-index{border:1px solid var(--border);background:var(--card);justify-content:center;align-items:center;width:44px;height:44px;font-size:12px;font-weight:850;display:flex;position:relative}.study-timeline li[aria-current=step]>button{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.study-timeline li>div{border-bottom:1px solid var(--border);padding:0 0 8px}.study-timeline h4{margin-top:0}.study-timeline-context{background:var(--study-soft,var(--muted));border:1px solid var(--border);margin-bottom:16px;padding:20px}.study-timeline-context h4{margin-top:10px}.study-timeline-context dl{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:20px;margin-top:16px;padding-top:14px;font-size:12px;display:grid}.study-timeline-context dt{color:var(--muted-foreground);margin-bottom:6px;font-weight:800}.study-timeline-context dd{line-height:1.55}.study-timeline.is-overview ol{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.study-timeline.is-overview li{grid-template-columns:1fr;gap:12px;padding:0}.study-timeline.is-overview li:before{display:none}.study-timeline.is-overview li>div{border-top:1px solid var(--border);border-bottom:0;padding-top:16px}.study-decoder{gap:0;display:grid}.study-decoder>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(120px,.75fr) minmax(0,1.75fr);gap:24px;padding:20px 0;display:grid}.study-decoder>div:first-child{padding-top:0}.study-decoder>div:last-child{border-bottom:0;padding-bottom:0}.study-decoder dt{min-width:0}.study-decoder code{background:var(--primary);color:var(--primary-foreground);overflow-wrap:anywhere;padding:5px 9px;font:800 15px/1.4 Archivo,sans-serif;display:inline-block}.study-decoder dt>b{margin-top:10px;font-size:12px;line-height:1.5;display:block}.study-decoder dd{overflow-wrap:anywhere;font-size:15px;line-height:1.7}.learning-figure .figure-stacks{border-bottom:1px solid var(--border);padding-bottom:14px}.learning-figure .figure-stacks>div>div{border-radius:0}.learning-figure .figure-chart-key button{min-height:44px}.learning-figure .figure-comparison select{font-variant-numeric:tabular-nums}.learning-figure .figure-axis-title{font-weight:650}.learning-figure .figure-comparison,.learning-figure .figure-data{border-radius:0}.learning-figure .figure-caption{line-height:1.65}.learning-experiment .calc-workbench{gap:18px;margin:0;padding:0}.learning-experiment .calc-controls,.learning-experiment .calc-results{min-width:0;padding:18px}.learning-experiment .calc-controls{background:var(--study-soft);border:1px solid var(--border)}.learning-experiment .calc-results{border:1px solid var(--border)}.learning-experiment .calc-workbench h2{margin:0 0 16px!important;font-size:18px!important;line-height:1.3!important}.learning-experiment .calc-field{grid-template-columns:1fr;gap:0}.learning-experiment .calc-input-unit{margin-top:6px}.learning-experiment .calc-field .field{width:100%;min-height:44px;font-size:16px}.learning-experiment .calc-output .calc-stat{border:1px solid var(--border);min-width:0;padding:12px}.learning-experiment .calc-stat p:last-child{overflow-wrap:anywhere}.learning-experiment .calc-stat.is-strong{background:var(--accent)}.learning-experiment .calc-output .grid{gap:10px}.learning-experiment .calc-assumptions{grid-template-columns:1fr;gap:6px;padding-top:16px}.learning-experiment .calc-control-fields{gap:18px}.learning-experiment .calc-output figure [title]{white-space:normal;overflow:visible}.learning-experiment .calc-output figure>div{align-items:start}.crypto-theme .crypto-learning-lab.learning-experiment{border:1px solid var(--border);border-top:4px solid var(--primary);background:#0e1014;padding:24px}.crypto-theme .crypto-learning-lab.learning-experiment>header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:0 0 24px;display:flex}.crypto-theme .crypto-learning-lab.learning-experiment>header .chip{min-height:44px;margin-left:auto}.crypto-theme .crypto-learning-lab.learning-experiment>header :is(h2,p){flex-basis:100%;margin:0!important}.crypto-theme .crypto-learning-lab.learning-experiment>header h2{margin-top:12px!important}.crypto-theme .crypto-learning-lab.learning-experiment .cl-body{padding:24px 0}.crypto-theme .crypto-learning-lab.learning-experiment>footer{border-top:1px solid var(--border);margin:0;padding:20px 0 0}.crypto-theme .learning-experiment .cl-controls{background:var(--study-soft);border:1px solid var(--border);gap:20px;padding:20px}.crypto-theme .learning-experiment .cl-range{background:0 0;border:0;padding:0}.crypto-theme .learning-experiment .cl-range>span{line-height:1.5}.crypto-theme .learning-experiment .cl-range input{min-height:44px}.crypto-theme .learning-experiment .cl-metric{border:1px solid var(--border);border-top:3px solid var(--primary);background:var(--study-soft);border-radius:0;min-width:0;padding:18px}.crypto-theme .learning-experiment .cl-metric strong{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:clamp(20px,2.5vw,30px)}.crypto-theme .learning-experiment .cl-result{border:1px solid var(--border);border-left:3px solid var(--primary);color:#f5ffdd;background:#202710;padding:18px 20px;font-size:15px;line-height:1.7}.crypto-theme .learning-experiment .cl-block,.crypto-theme .learning-experiment .cl-wallet{border-radius:0}.crypto-theme .learning-experiment .cl-block-top{align-items:start}.crypto-theme .learning-experiment .cl-block textarea{font-size:15px}.crypto-theme .learning-experiment .cl-block code{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.crypto-theme .learning-experiment .cl-action{min-height:44px}.crypto-theme .learning-experiment .cl-metrics{gap:12px}.sp500-lab.learning-experiment{background:var(--card);border:1px solid var(--border);border-top:4px solid var(--primary);padding:24px}.sp500-lab.learning-experiment .sp500-controls{background:var(--study-soft);border:1px solid var(--border);gap:20px;padding:20px}.sp500-lab.learning-experiment .sp500-control{min-width:0}.sp500-lab.learning-experiment .sp500-control input[type=range]{min-height:44px}.sp500-lab.learning-experiment .sp500-control .field{background:var(--card);font-size:16px}.sp500-lab.learning-experiment .sp500-toolbar{margin-block:20px}.sp500-lab.learning-experiment .sp500-metrics{background:var(--accent);gap:18px;margin-bottom:24px;padding:20px}.sp500-lab.learning-experiment .sp500-metrics b{overflow-wrap:anywhere;font-size:24px}.sp500-lab.learning-experiment .sp500-assumptions{border-top:1px solid var(--border);padding-top:20px}.study-supply-details{grid-template-columns:1fr 1fr;gap:12px;margin-block:16px;display:grid}.study-supply-details>div{border:1px solid var(--border);padding:14px}.study-supply-details dt{color:var(--muted-foreground);font-size:12px}.study-supply-details dd{margin-top:8px;font-size:20px;font-weight:800}.study-portfolio-shares{margin-block:20px}.study-portfolio-shares h3{margin-bottom:12px;font-size:16px}.study-portfolio-shares>div{border:1px solid var(--border);height:32px;display:flex}.study-portfolio-shares ul{flex-wrap:wrap;gap:10px 18px;margin-top:12px;padding:0;font-size:12px;list-style:none;display:flex}.study-portfolio-shares li{align-items:center;gap:7px;display:flex}.study-portfolio-shares i{border:1px solid var(--border);width:12px;height:12px;display:inline-block}@media (width<=900px){.learning-experiment .calc-workbench{grid-template-columns:minmax(0,1fr)}.study-branch-options{border-left:2px solid var(--primary);grid-template-columns:1fr;gap:14px;padding-left:18px}.study-branch-options:before{left:-2px}.study-branch-option:after{display:none}.study-branch-option:before{border-left:0;border-top:2px solid var(--primary);width:18px;height:0;top:24px;left:-20px}}@media (width<=600px){.study-branches,.study-timeline,.study-decoder,.study-branch-option{padding:16px}.study-timeline li{gap:12px}.study-timeline-context{padding:16px}.study-timeline-context dl,.study-decoder>div{grid-template-columns:1fr;gap:12px}.study-decoder dt{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.study-decoder dt>b{margin:0}.study-decoder dd{font-size:14px}.crypto-theme .crypto-learning-lab.learning-experiment,.crypto-theme .learning-experiment .cl-controls{padding:16px}.crypto-theme .learning-experiment .cl-metric{padding:14px}.crypto-theme .learning-experiment .cl-metrics{grid-template-columns:1fr}.sp500-lab.learning-experiment{padding:16px}.sp500-lab.learning-experiment .sp500-controls{grid-template-columns:1fr;padding:16px}.sp500-lab.learning-experiment .sp500-metrics{grid-template-columns:1fr 1fr;padding:16px}.study-supply-details{grid-template-columns:1fr}.learning-experiment .calc-controls,.learning-experiment .calc-results{padding:14px}.learning-experiment .calc-stat p:last-child{font-size:18px!important}.learning-experiment .calc-workbench table{font-size:12px}}@media (prefers-reduced-motion:reduce){.study-timeline *,.study-branches *,.learning-figure *{transition:none!important;animation:none!important}}.study-token-track{border:1px solid var(--border);height:28px;margin-top:24px;display:flex}.study-token-track>span:first-child{background:var(--primary)}.study-token-track>span:last-child{background:repeating-linear-gradient(45deg, var(--primary) 0 2px, var(--card) 2px 8px)}.learning-experiment .calc-workbench{grid-template-columns:minmax(0,1fr)}.learning-experiment .calc-control-fields{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:start;display:grid}.learning-experiment .rows-editor{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.learning-experiment .rows-editor>*{margin:0!important}.learning-experiment .rows-editor>div:last-child{grid-column:1/-1}.learning-experiment .rows-editor fieldset{background:var(--card);border-radius:0}.learning-experiment .calc-results{background:var(--card)}.learning-experiment .calc-output .calc-stat.is-strong{background:var(--study-lime)}@media (width<=600px){.learning-experiment .calc-control-fields,.learning-experiment .rows-editor{grid-template-columns:minmax(0,1fr)}}
