/* Stock Market Game: one column, phone first, safe at 200% text. */
#sg-workspace{display:block;max-width:760px}
.sg-game{background:var(--card);border:1px solid var(--hair);border-top:3px solid var(--line);border-radius:12px;padding:24px;min-width:0}
.sg-game h2{font-size:1.625rem;margin:0 0 12px}
.sg-rules{margin:0 0 16px;padding-left:1.2em}
.sg-rules li{margin:0 0 6px}
.sg-progress{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 10px;font-size:.875rem;font-weight:600;color:var(--muted)}
.sg-bar{flex:1 1 120px;height:8px;border-radius:999px;background:var(--soft);border:1px solid var(--hair);overflow:hidden}
.sg-bar span{display:block;height:100%;background:var(--line)}
.sg-wallet{display:block;margin:0 0 14px;padding:12px 14px;border-radius:10px;background:var(--soft)}
.sg-wallet p{margin:0}
.sg-wallet strong{font:700 1.25em/1.2 'Bricolage Grotesque',sans-serif;color:var(--line-ink)}
.sg-saved{margin:0 0 10px;font-weight:600}
.sg-story{margin:0 0 14px}
.sg-figure{margin:0 0 18px}
.sg-chart-wrap{max-width:560px;border:1px solid var(--hair);border-radius:10px;background:var(--paper);padding:6px}
.sg-chart{display:block;width:100%;height:auto}
.sg-chart .sg-grid{stroke:var(--hair)}
.sg-chart .sg-axis{font-size:10px;fill:var(--muted)}
.sg-chart .sg-decide{stroke:var(--ink);stroke-width:1.2;stroke-dasharray:4 3}
.sg-chart .sg-up line,.sg-chart .sg-up rect{stroke:var(--line-ink);stroke-width:1.4}
.sg-chart .sg-up rect{fill:var(--card)}
.sg-chart .sg-down line,.sg-chart .sg-down rect{stroke:var(--danger);stroke-width:1.4}
.sg-chart .sg-down rect{fill:var(--danger)}
.sg-figure figcaption{margin-top:8px}
.sg-choose fieldset{border:0;margin:0;padding:0;min-width:0}
.sg-choose legend{padding:0;margin:0 0 10px;font:700 1.1875rem/1.3 'Bricolage Grotesque',sans-serif}
.sg-options{display:grid;gap:8px}
.sg-option{display:flex;align-items:flex-start;gap:12px;min-height:48px;padding:12px 14px;border:1px solid var(--field-border);border-radius:12px;background:var(--paper);cursor:pointer;line-height:1.4}
.sg-option input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--line-ink)}
.sg-option:has(input:checked){border-color:var(--line-ink);box-shadow:inset 0 0 0 1px var(--line-ink);background:var(--soft)}
.sg-option:focus-within{outline:2px solid var(--ink);outline-offset:2px}
.sg-option:has(input:disabled){cursor:default}
.sg-option:has(input:disabled:not(:checked)){opacity:.65}
.sg-choose .btn{margin-top:4px}
.sg-reveal{margin-top:20px;padding-top:18px;border-top:1px solid var(--hair)}
.sg-reveal h3{margin:0 0 10px}
.sg-reveal p{margin:0 0 10px}
.sg-moved strong{font:700 1.15em/1.2 'Bricolage Grotesque',sans-serif}
.sg-lesson{margin:14px 0 16px;padding:12px 14px;border-left:4px solid var(--sun);border-radius:0 10px 10px 0;background:var(--soft)}
.sg-lesson .eyebrow{margin:0 0 4px;font-weight:700}
.sg-lesson p:last-child{margin:0}
.sg-choices{margin:0;padding-left:1.4em}
.sg-choices li{margin:0 0 12px}
.sg-choices li>*{display:block}
#sg-result-column{margin-top:22px}
.sg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:8px;margin:14px 0}
.sg-stats div{padding:12px;background:var(--soft);border-radius:8px;min-width:0}
.sg-stats dt{font-size:.875rem;color:var(--muted)}
.sg-stats dd{margin:2px 0 0;font:600 1.2em/1.25 'Bricolage Grotesque',sans-serif;overflow-wrap:anywhere}
.sg-compare{font-size:.875rem}
.sg-learn{display:flex;align-items:center;gap:16px;margin:22px 0 0;padding:16px 18px;border-radius:var(--radius);background:var(--tile);color:var(--ink);text-decoration:none}
.sg-learn strong{display:block;font:700 1.1875rem/1.25 'Bricolage Grotesque',sans-serif}
.sg-learn small{display:block;margin-top:4px;font-size:.875rem;color:var(--ink)}
.sg-learn:hover strong{text-decoration:underline}
.sg-learn>span:last-child{margin-left:auto;font-size:1.375rem}
@media(max-width:560px){
  .sg-game{padding:18px}
  .sg-game h2{font-size:1.4375rem}
  .sg-choose .btn,.sg-reveal .btn,.sg-start .btn{width:100%}
}