/* Multi-asset educational simulation and detailed, keyboard-accessible explanations. */
.quick-steps{display:flex;justify-content:center;gap:30px;padding:0;margin:-24px 0 48px;list-style:none;color:#8c9a9f;font-size:13px}.quick-steps li{display:flex;gap:9px;align-items:center}.quick-steps li>span{display:grid;place-items:center;border:1px solid #3b4b50;border-radius:50%;width:25px;height:25px;font-size:12px}.quick-steps li.active{color:#d8eeeb}.quick-steps li.active>span{border-color:#0e8990;background:#0e89902b;color:#63cfca}.quick-pair-row{display:flex;align-items:center;gap:10px;margin:0 0 32px;min-width:0}.quick-pair-row>img{width:32px;height:32px;object-fit:contain;flex-shrink:0;border-radius:50%}.quick-pair-row>span:last-child{font-size:10px;letter-spacing:.8px;color:#9dabad;margin-left:auto}.quick-pair-row select{max-width:100%;min-width:0;background:transparent;border:1px solid #34454a;border-radius:6px;padding:8px 26px 8px 10px;font-weight:600;font-size:16px;color:#f9f9f9}.quick-pair-row option{background:#1a1f23;color:#f9f9f9}.simulation .slider-label{flex-wrap:wrap;align-items:center;gap:8px}.simulation .slider-label>strong{margin-left:auto}.simulation .leverage-line{justify-content:flex-start;gap:8px}.simulation .leverage-line select{margin-left:auto}.quick-exposure{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.6;color:#96aaaf;margin:-10px 0 24px}.quick-exposure strong{color:#cbdadf;font-size:13px;font-weight:500}.quick-chart-stage{position:relative}.quick-chart-stage #candles{margin:20px 0 8px;touch-action:pan-y}.quick-chart-stage #candles text{font-size:var(--quick-chart-font-size,14px);font-family:Inter,sans-serif}.quick-chart-hint{font-size:11px;line-height:1.6;color:#91a3a8;margin:0 0 16px}.quick-chart-tooltip{position:absolute;z-index:5;top:12px;left:10px;max-width:310px;width:calc(100% - 20px);background:#18272df2;border:1px solid #37616a;border-radius:10px;padding:14px 16px;box-shadow:0 14px 40px #0006;pointer-events:none;backdrop-filter:blur(12px);font-size:12px;line-height:1.6}.chart-tooltip-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.chart-tooltip-head>strong{font-size:13px;color:#e5f3f1}.chart-tooltip-head>button{pointer-events:auto;color:#b5cacd;background:transparent;border:0;min-width:26px;height:26px;font-size:20px;padding:0}.quick-chart-tooltip>small{font-size:11px;color:#91aaaf}.quick-chart-tooltip dl{display:grid;grid-template-columns:1fr 1fr;gap:7px 18px;margin:10px 0 0}.quick-chart-tooltip dl>div{display:flex;justify-content:space-between;gap:8px}.quick-chart-tooltip dt{color:#91aaaf}.quick-chart-tooltip dd{margin:0;color:#d4e6e7;font-size:12px}.quick-chart-tooltip>p{margin:10px 0 0;border-top:1px solid #37515a;padding-top:10px;color:#b5cbd0;font-size:11px;line-height:1.65}.quick-playback{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#a1b3b9;margin:8px 0 20px}.quick-playback>span{flex:1}.quick-playback>button{background:#143d42;color:#b4e4df;border:1px solid #2c666c;border-radius:6px;font-size:12px;padding:5px 12px}.quick-playback>progress{width:100%;height:4px;border:0;border-radius:9px;overflow:hidden;appearance:none;accent-color:#0e8990;background:#273438}.quick-playback>progress::-webkit-progress-bar{background:#273438}.quick-playback>progress::-webkit-progress-value{background:#0e8990;transition:width .15s linear}.quick-playback>progress::-moz-progress-bar{background:#0e8990}.pnl-title{display:flex;gap:8px;align-items:center}.quick-breakdown{border-top:1px solid #394c54;margin:18px 0 0;padding-top:15px;display:grid;gap:10px}.quick-breakdown>div{display:flex;gap:15px;justify-content:space-between;font-size:12px;line-height:1.5}.quick-breakdown dt{color:#a1b2b9}.quick-breakdown dd{margin:0;color:#e0e9eb;font-weight:500;text-align:right}.quick-formula{margin:16px 0 0;background:#17272d;border-radius:6px;color:#91c9c8;font-size:11px;line-height:1.65;padding:10px 12px;overflow-wrap:anywhere}.simulation .result-message{font-size:13px;line-height:1.7;margin-top:15px}.simulation .result-row h3{font-size:27px}.sim-tooltip{display:inline-block;flex-shrink:0;font-size:13px;line-height:1;margin:0;position:static}.sim-tooltip>summary{list-style:none;color:#82aeb2;display:grid;place-items:center;width:22px;height:22px;cursor:help;border-radius:50%;font-size:16px;line-height:1}.sim-tooltip>summary::-webkit-details-marker{display:none}.sim-tooltip[open]>summary{background:#0e899029;color:#7ddcd2}.sim-tooltip .tip-body{position:fixed;z-index:1000;width:min(310px,calc(100vw - 24px));background:#21363e;border:1px solid #49727b;border-radius:10px;padding:16px 18px;box-shadow:0 14px 40px #0008;color:#e0eded;font-size:13px;line-height:1.7;letter-spacing:0;text-align:left;font-weight:400}.tip-body>b{color:#84e1d5;font-size:14px}.tip-body>p{margin:8px 0 0;font-size:13px;color:#c1d3d8;line-height:1.7}.simulation button:disabled{cursor:default}.simulation .result{min-height:355px}.simulation .market-top h3{font-size:30px}.simulation .market-top p{font-size:13px}.simulation .scenario{margin-top:5px}.simulation .scenario button{padding:7px 12px}.youtube-channel-title{position:absolute;left:38px;right:30px;top:92px}.youtube-channel-title>small{font-size:11px;letter-spacing:2px;color:#b4c1c4}.youtube-channel-title h3{font-size:32px;line-height:1.25;color:#f9f9f9;letter-spacing:-1px;margin:15px 0}.youtube-channel-title>p{font-size:13px;color:#74c6c4;margin:0}.facademy .academy-preview{background:radial-gradient(ellipse at top right,#0e899060,transparent 65%),#090c0e}.facademy .academy-play{left:auto;right:30px;top:auto;bottom:30px;transform:none;background:#f03!important;border-radius:12px}.facademy .academy-preview:hover .academy-play{background:#ff3259!important}.facademy .academy-open{background:transparent;color:#f9f9f9;font-size:13px;bottom:24px;left:25px}.direction-explainer{padding-bottom:48px}.futures-hand#directionAnimation{width:560px;height:370px;left:-46px;top:-20px;overflow:visible}.animation-fallback{position:absolute;left:34px;top:30px;width:493px;height:311px;object-fit:contain}.lottie-mount{width:100%;height:100%;opacity:0}.lottie-mount.ready{opacity:1}.infographic-controls{position:absolute;right:24px;bottom:13px;display:flex;gap:16px;align-items:center;z-index:4;font-size:11px;color:#9ccbc7}.infographic-controls button{color:#aed9d4;border:1px solid #3c74726b;border-radius:5px;background:#062e3090;padding:5px 9px;font-size:11px}.infographic-controls a{color:#9ccbc7}.motion-playing .floating-market{animation:card-float 6s ease-in-out infinite}.motion-playing .fm-1,.motion-playing .fm-2{animation-delay:-3s}@keyframes card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:1000px){.quick-pair-row select{font-size:14px;padding-left:8px}.simulation .slider-label>strong{font-size:17px}.simulation .result-row h3{font-size:24px}.quick-steps{gap:20px;font-size:12px}.quick-pair-row>span:last-child{font-size:9px}.youtube-channel-title{left:25px;top:78px}.youtube-channel-title h3{font-size:27px}.youtube-channel-title>small{font-size:10px}.youtube-channel-title>p{font-size:12px}.quick-breakdown>div{font-size:11px}}
@media(max-width:650px){.quick-steps{flex-direction:column;gap:9px;margin:-10px 0 30px;align-items:start;padding-left:3px;font-size:12px}.quick-steps li>span{width:23px;height:23px}.simulation .market-top h3{font-size:26px}.quick-pair-row select{font-size:15px;flex:1}.quick-pair-row{gap:8px}.quick-chart-tooltip{max-width:290px;padding:10px 12px}.quick-chart-tooltip>p{font-size:11px}.quick-chart-hint{font-size:11px}.quick-breakdown>div{font-size:12px}.simulation .result-row h3{font-size:26px}.simulation .result-message{font-size:13px}.quick-playback{font-size:12px}.quick-chart-stage #candles{margin-top:10px}.youtube-channel-title{left:22px;top:62px}.youtube-channel-title h3{font-size:23px;margin:10px 0}.youtube-channel-title>small{font-size:9px}.youtube-channel-title>p{font-size:11px}.facademy .academy-play{width:50px;height:36px;right:22px;bottom:22px;font-size:17px}.facademy .academy-open{left:12px;bottom:14px;font-size:11px}.infographic-controls{right:16px;bottom:11px;gap:12px}.direction-explainer{padding-bottom:38px}.simulation .slider-label>strong{font-size:18px}.sim-tooltip .tip-body{font-size:13px}}
@media(prefers-reduced-motion:reduce){.motion-playing .floating-market{animation:none}.quick-playback>progress::-webkit-progress-value{transition:none}}

.simulation .sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.simulation .tip-body p{font-size:13px;font-weight:400;line-height:1.7}

/* Local coin icons are shared by every row and the selected asset. */
.quick-asset-picker{position:relative;min-width:0;flex:1}.quick-asset-picker button{font:inherit;color:#e8f3f3;cursor:pointer}.quick-asset-picker>button{display:flex;align-items:center;gap:10px;padding:10px 12px;width:100%;border:1px solid #344b50;border-radius:9px;background:#17272d;font-size:15px;font-weight:600;text-align:left}.quick-asset-picker>button>span:last-child{margin-left:auto}.quick-asset-picker img{object-fit:contain;border-radius:50%;flex-shrink:0}.quick-asset-picker button:disabled{opacity:.5;cursor:default}.quick-asset-picker button:focus-visible{outline:2px solid #43c4c7;outline-offset:2px}#quickAssetList{position:absolute;z-index:20;top:calc(100% + 8px);left:0;right:0;padding:6px;border:1px solid #36545b;border-radius:10px;background:#13242b;box-shadow:0 14px 40px #0006}#quickAssetList[hidden]{display:none}#quickAssetList button{display:flex;align-items:center;gap:10px;padding:10px;width:100%;border:0;border-radius:6px;background:transparent;text-align:left}#quickAssetList button:hover,#quickAssetList button[aria-pressed=true]{background:#0e899025}#quickAssetList strong{font-size:14px;display:block}#quickAssetList small{font-size:12px;color:#9db1b6;display:block;margin-top:3px}.asset-check{margin-left:auto;color:#53d4c6;visibility:hidden}[aria-pressed=true]>.asset-check{visibility:visible}.quick-mobile-prices{display:none}
@media(max-width:650px){.simulation .sim-grid{display:flex;flex-direction:column;gap:30px}.simulation .sim-grid>.market,.simulation .sim-grid>.ticket{width:100%;min-width:0;display:block}.quick-chart-stage{width:100%;min-height:260px}.quick-chart-stage #candles{display:block!important;width:100%;height:auto;aspect-ratio:400/330;margin:12px 0 0;overflow:visible}.quick-mobile-prices{display:flex;justify-content:space-between;gap:10px;padding:10px 0 16px;font-size:12px;color:#99afb5}.quick-mobile-prices span{display:grid;gap:5px}.quick-mobile-prices strong{color:#e4eff0;font-size:13px;font-weight:500}.quick-mobile-prices span:last-child{text-align:right}.quick-chart-tooltip{font-size:12px;max-width:calc(100% - 20px)}.quick-pair-row{gap:8px}.quick-asset-picker>button{font-size:14px}.quick-steps{gap:14px;flex-wrap:wrap;margin-bottom:30px}.quick-steps li{font-size:12px}}

@media(max-width:650px){.quick-chart-stage{scroll-margin-top:24px}}

/* Preserve the channel feature and three compact article rows. */
.facademy .article-thumb{display:block;width:117px;height:auto;aspect-ratio:16/9;object-fit:cover;background:#102529;border-radius:8px}.facademy .academy-articles>a:not(.all-articles){min-width:0}.facademy .academy-articles h3{min-width:0}@media(max-width:1100px) and (min-width:701px){.facademy .article-thumb{width:96px}}@media(max-width:700px){.facademy .article-thumb{width:100px}.facademy .academy-preview{min-height:220px}}