.sim-start-help{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--raised);margin:20px 0}
.sim-start-help p{margin:6px 0 0;color:var(--muted);max-width:65ch}
.sim-step-rail{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 12px}
.sim-step-rail li{display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.sim-step-rail li.current{border-color:var(--accent);background:var(--raised)}
.sim-step-number{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:800}
.sim-step-rail strong,.sim-step-rail li div>span{display:block}
.sim-step-rail li div>span{margin-top:4px;color:var(--muted);font-size:.9rem;line-height:1.5}
.sim-next-step{border-left:3px solid var(--accent);padding:12px 16px;margin:12px 0 24px;background:var(--raised);border-radius:0 10px 10px 0;line-height:1.6}
.simulation-workspace .simgrid{grid-template-columns:minmax(320px,1fr) minmax(0,1.45fr);align-items:start}
.sim-main-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:20px 0 12px}
.sim-main-stats .stat .value{font-size:clamp(1.3rem,2.2vw,2rem)}
.sim-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:relative}
.sim-label h2,.sim-label label,.sim-label strong{margin:0}
.sim-label label{font-size:.9rem;color:var(--text);line-height:1.5}
.sim-field{margin:14px 0}
.sim-field>input,.sim-field>select,.sim-field>textarea{width:100%;min-width:0}
.sim-help{display:block;flex:none;font-weight:400;font-size:1rem;text-transform:none;letter-spacing:normal;text-align:left;white-space:normal}
.sim-help[open]{flex-basis:100%;width:100%}
.sim-help>summary{display:inline-grid;place-items:center;width:28px;height:28px;min-width:28px;border:1px solid var(--line);border-radius:50%;background:var(--raised);color:var(--text);font-size:14px;font-weight:800;cursor:pointer;list-style:none;user-select:none;margin:0;padding:0;line-height:1}
.sim-help>summary::-webkit-details-marker{display:none}
.sim-help>summary:hover,.sim-help[open]>summary{border-color:var(--accent);color:var(--accent)}
.sim-help>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.sim-help-bubble{flex-basis:100%;padding:14px 16px;border:1px solid var(--accent);border-radius:12px;background:var(--raised);color:var(--text);box-shadow:0 6px 18px #0000000a;line-height:1.6;margin:4px 0 8px;max-width:100%;overflow-wrap:anywhere}
.sim-help-bubble strong{display:block;font-size:1rem}
.sim-help-bubble p{margin:6px 0 12px;font-size:.95rem;color:var(--text)}
.sim-help-bubble a{display:block;width:fit-content;line-height:1.5;text-decoration:underline;text-underline-offset:3px;font-size:.9rem;font-weight:600;color:var(--accent);padding:3px 0}
.sim-help-bubble .sim-help-source{margin-top:8px;font-size:.8rem;font-weight:400;color:var(--muted)}
.sim-account-details{margin:0 0 24px}
.sim-account-details>summary,.sim-advanced>summary,.sim-settings>summary{cursor:pointer;padding:10px 0;font-size:.95rem;line-height:1.5;color:var(--text);font-weight:600}
.sim-account-details>.statrow{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}
.sim-settings.panel{padding:8px 20px;margin:16px 0}
.sim-settings-body,.sim-advanced-body{padding:12px 0}
.sim-settings .capitalsetup,.sim-settings .assetsetup{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--line)}
.sim-settings .sim-field{flex:1;min-width:200px}
.sim-section-heading{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.sim-section-heading h2{font-size:1.25rem}
.sim-section-heading p{margin:8px 0 0}
.sim-quotes{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin:18px 0 6px;position:relative}
.sim-quotes>div>span,.sim-quotes>div>strong{display:block}
.sim-quotes>div>span{font-size:.85rem;color:var(--muted)}
.sim-quotes>div>strong{font-size:1.05rem;margin-top:4px}
.sim-price-reference{margin-bottom:12px}
.sim-market-controls{margin-top:16px}
.sim-advanced{border-top:1px solid var(--line);margin:16px 0 0}
.sim-advanced .actions{margin:14px 0}
.simulation-workspace .orderpanel h2{margin-top:6px}
.simulation-workspace .orderpanel .buySell{margin:12px 0 8px}
.sim-side-explanation{font-size:.9rem;color:var(--muted);line-height:1.5;margin:0 0 16px}
.simulation-workspace .orderpreview{padding:16px;background:var(--raised);border:1px solid var(--line)}
.simulation-workspace .orderpreview h3{margin:0 0 14px;font-size:1rem;line-height:1.5}
.sim-preview-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.9rem}
.sim-preview-row .sim-label{flex:1;min-width:130px}
.sim-preview-row:has(.sim-help[open]) .sim-label{flex-basis:100%}
.sim-preview-row>strong{white-space:nowrap}
.sim-operations,.sim-finish{margin-top:24px}
.sim-operations .tablewrap th{vertical-align:top;min-width:110px}
.sim-operations .tablewrap th .sim-label{font-size:.85rem}
.sim-operations .tablewrap .sim-help-bubble{min-width:180px;font-size:.9rem}
.sim-operations .tabs{flex-wrap:wrap}
.sim-basics-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.sim-basics-item{display:flex;gap:16px;margin:0!important}
.sim-basics-item h2{font-size:1.2rem;margin:0 0 8px}
.sim-basics-item .btn{margin:6px 8px 0 0}
.sim-lesson-return{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 20px;margin:0 0 24px;border:1px solid var(--accent);border-radius:14px;background:var(--raised)}
.sim-lesson-return>div{flex:1;min-width:200px}
.sim-lesson-return strong,.sim-lesson-return span{display:block;line-height:1.5}
.sim-lesson-return span{color:var(--muted);font-size:.9rem;margin-top:4px}
@media(max-width:1100px){.simulation-workspace .simgrid{grid-template-columns:minmax(0,1fr)}.sim-step-rail{gap:8px}.sim-step-rail li{padding:12px}.simulation-workspace .orderpanel{max-width:none}}
@media(max-width:650px){.sim-start-help{align-items:stretch;flex-direction:column;padding:16px}.sim-step-rail{grid-template-columns:minmax(0,1fr)}.sim-step-rail li{padding:12px}.sim-main-stats{grid-template-columns:minmax(0,1fr)!important;gap:8px}.sim-stat .value{font-size:1.5rem}.sim-main-stats .stat{padding:16px}.sim-basics-list{grid-template-columns:minmax(0,1fr)}.sim-settings .capitalsetup,.sim-settings .assetsetup{align-items:stretch;flex-direction:column}.sim-settings .sim-field{width:100%;min-width:0;margin:0}.sim-market-controls .actions{width:100%;flex-wrap:wrap}.sim-account-details>.statrow{grid-template-columns:minmax(0,1fr)}.sim-step-rail li div>span{font-size:.9rem}}
