body{max-width:1240px;margin:0}header{padding-bottom:22px}.sim-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.sim-intro h2{font-size:29px;letter-spacing:-.04em}.sim-intro p{color:var(--muted);font-size:13px;margin-top:8px}.sim-kicker{font-size:10px;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin-bottom:9px}.sim-time{text-align:right;white-space:nowrap}.sim-time strong{font-size:30px;letter-spacing:-.06em}.sim-tabs{display:flex;gap:4px;border-bottom:1px solid var(--rule);padding-bottom:12px;margin-bottom:18px;overflow:auto}.sim-tabs button{border:1px solid transparent;background:none;color:var(--muted);padding:8px 15px;border-radius:4px;cursor:pointer;font:inherit;font-size:12px;white-space:nowrap}.sim-tabs button[aria-pressed=true]{background:var(--panel2);border-color:var(--rule2);color:var(--text)}.sim-tabs button:hover{color:var(--gold)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.sim-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.sim-instrument{font-size:14px;font-weight:500}.sim-heading small{font-size:11px;color:var(--muted)}.sim-progress{height:2px;background:var(--rule);margin-top:15px}.sim-progress i{display:block;width:0;background:var(--gold);height:100%}.sim-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sim-card{background:var(--panel);border:1px solid var(--rule);border-radius:7px;min-width:0;padding:17px 18px 12px}.sim-card-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sim-card-title span:last-child{letter-spacing:0;text-transform:none;font-size:10px;color:var(--faint)}.sim-readout{display:flex;gap:22px;align-items:baseline;margin-top:9px;min-height:35px}.sim-readout strong{font-size:24px;font-weight:500;letter-spacing:-.04em;color:var(--text)}.sim-readout small{font-size:10px;color:var(--muted);margin-left:7px}.sim-readout .foreign{color:var(--gold)}.sim-readout .domestic{color:var(--blue)}.sim-chart{display:block;width:100%;height:auto;aspect-ratio:560/175;overflow:visible;margin-top:6px}.sim-chart text{font-family:var(--font);font-size:10px;fill:var(--muted)}.sim-chart .grid{stroke:var(--rule);stroke-width:1}.sim-chart .now{stroke:var(--faint);stroke-dasharray:3 5}.sim-chart .past{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sim-chart .future{fill:none;stroke-width:1.4;stroke-dasharray:4 4}.sim-chart .cash{fill:none;stroke:var(--muted);stroke-width:1;stroke-dasharray:3 4}.sim-pnl{display:flex;gap:18px;margin-top:8px;border-top:1px solid var(--rule);padding-top:9px;font-size:10px;color:var(--muted);flex-wrap:wrap}.sim-pnl b{margin-left:5px;font-weight:500;color:var(--text)}.sim-equation{display:flex;align-items:center;justify-content:center;gap:22px;margin:18px 0;padding:12px 0;font-size:12px}.sim-equation .term{text-align:center}.sim-equation b{display:block;font-size:21px;font-weight:500;letter-spacing:-.03em}.sim-equation small{font-size:10px;color:var(--muted)}.sim-equation .op{color:var(--faint);font-size:20px}.sim-controls{position:sticky;bottom:10px;z-index:3;background:rgba(23,30,39,.97);border:1px solid var(--rule2);border-radius:6px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 30px #0003}.sim-controls button{font:inherit;font-size:12px;cursor:pointer;background:var(--panel2);border:1px solid var(--rule2);border-radius:4px;padding:10px 14px;color:var(--text);white-space:nowrap}.sim-controls button:disabled{opacity:.35;cursor:default}.sim-controls button:hover:not(:disabled){border-color:var(--gold-dim)}.sim-controls .sim-play{background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:700;min-width:114px}.sim-position{margin:0 auto;text-align:center;min-width:94px}.sim-position b{display:block;font-size:20px;letter-spacing:-.04em;font-weight:500}.sim-position small{font-size:9px;color:var(--muted)}.sim-controls kbd{font:inherit;color:var(--gold);margin-right:6px}.sim-controls .sim-flat{padding:10px;color:var(--muted)}.sim-hint{font-size:10px;color:var(--muted);margin-top:9px;display:flex;justify-content:space-between;gap:12px}.sim-status{margin-top:12px;font-size:12px;color:var(--gold);min-height:19px}.sim-settings{margin-top:18px;font-size:12px;color:var(--muted)}.sim-settings>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);padding:14px 0}.sim-settings>summary::after{content:'+';font-size:18px}.sim-settings[open]>summary::after{content:'−'}.sim-settings p{margin:8px 0;max-width:86ch;line-height:1.8}.sim-settings a{color:var(--gold)}.sim-params{display:flex;gap:24px;flex-wrap:wrap;margin:16px 0}.sim-params label{font-size:11px;display:grid;gap:8px;min-width:180px}.sim-params output{float:right;color:var(--text)}.sim-params input{width:100%;accent-color:var(--gold)}.sim-math{font-size:13px;overflow:auto;color:var(--text);padding:10px 0}.sim-cone-note{font-size:10px;color:var(--faint);margin-top:12px}.lecture-block{margin-top:24px}.lecture-block h3{font-size:14px;font-weight:500;color:var(--muted)}.lecture-block .body{max-width:none;margin-top:0}.lecture-block .deck{margin-top:12px}.lecture-block .deck-hint{font-size:10px}.sim-live{font-size:10px;color:var(--muted)}.sim-card-performance .sim-chart{aspect-ratio:560/155}.positive{color:var(--green)!important}.negative{color:var(--red)!important}@media(min-width:1000px){.sim-card-rates,.sim-card-performance{min-height:295px}.sim-card-spot,.sim-card-balance{min-height:280px}}@media(max-width:760px){.sim-intro{align-items:start}.sim-intro h2{font-size:25px}.sim-tabs button{padding:7px 11px}.sim-grid{grid-template-columns:1fr}.sim-card-rates{order:0}.sim-card-spot{order:1}.sim-card-performance{order:2}.sim-controls{flex-wrap:wrap;gap:7px;padding:10px;bottom:6px}.sim-controls button{padding:10px}.sim-controls .sim-play{min-width:90px}.sim-position{min-width:70px}.sim-controls .sim-new{margin-left:auto}.sim-equation{gap:12px}.sim-equation b{font-size:18px}.sim-readout{gap:14px}.sim-readout strong{font-size:22px}.sim-hint{font-size:9px}.sim-time strong{font-size:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Keep the simulator readable together while playing on a laptop. */
.sim-chart{aspect-ratio:560/145}.sim-card-performance .sim-chart{aspect-ratio:560/125}.sim-control-time{color:var(--gold);font-size:12px;min-width:43px}.sim-heading{scroll-margin-top:12px}@media(min-width:761px){.sim-card{padding:13px 16px 11px}.sim-card-rates,.sim-card-performance{min-height:0}.sim-card-spot{min-height:0}.sim-readout{min-height:30px;margin-top:7px}}

/* Turn-based game: three explicit moves. */
.sim-time strong{font-size:24px;letter-spacing:-.035em}
.sim-controls{display:block;padding:10px 14px;background:rgba(23,30,39,.99)}
.sim-decision-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.sim-decision-title strong{font-size:12px;font-weight:500}
.sim-decision-title>span{font-size:10px;color:var(--muted)}
.sim-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sim-controls .sim-action{padding:8px 12px;border-radius:5px;text-align:center;white-space:normal;transition:background .16s,border-color .16s}
.sim-action>span{display:block;font-size:17px;font-weight:700;line-height:1.3}
.sim-action small{display:block;font-size:10px;font-weight:400;margin-top:3px;color:var(--muted)}
.sim-controls .sim-short{border-color:#824e54;background:#c65f5f40;color:#e69b9b}
.sim-controls .sim-long{border-color:#4f805f;background:#61a87440;color:#9fd0ac}
.sim-controls .sim-hold{border-color:var(--rule2);color:var(--text)}
.sim-controls .sim-short:hover:not(:disabled),.sim-controls .sim-short[aria-pressed=true]{border-color:var(--red);background:#c65f5f66}
.sim-controls .sim-long:hover:not(:disabled),.sim-controls .sim-long[aria-pressed=true]{border-color:var(--green);background:#61a87466}
.sim-controls .sim-hold:hover:not(:disabled),.sim-controls .sim-hold[aria-pressed=true]{border-color:var(--gold-dim);background:#d8a24a18}
.sim-controls .sim-action:disabled{opacity:.65}
.sim-controls .sim-action kbd{font-weight:400;color:inherit;opacity:.75;margin-right:8px}
.sim-turn-insight{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;margin:2px 0;font-size:11px;color:var(--muted);flex-wrap:wrap}
.sim-turn-insight b{color:var(--gold);font-size:14px;font-weight:500;margin-left:7px}
.sim-turn-insight small,.sim-signal-label{font-size:10px;color:var(--faint)}
.sim-chart{aspect-ratio:560/135}.sim-card-performance .sim-chart{aspect-ratio:560/115}
@media(min-width:761px){.sim-readout strong{font-size:22px}.sim-readout{min-height:28px}}
@media(max-width:760px){
  .sim-intro{gap:12px}.sim-intro h2{font-size:23px}.sim-time strong{font-size:17px}
  .sim-controls{padding:9px 10px}.sim-actions{gap:7px}.sim-controls .sim-action{padding:9px 4px}
  .sim-action>span{font-size:15px}.sim-action small{font-size:9px}.sim-action kbd{margin-right:4px!important}
  .sim-decision-title>span{font-size:9px;max-width:125px;text-align:right}
  .sim-turn-insight{gap:6px;font-size:10px}.sim-turn-insight .sim-signal-label{display:none}
}
@media(prefers-reduced-motion:reduce){.sim-action{transition:none!important}}

/* A fixed two-year time axis, with a moving present. */
.sim-year-grid{opacity:.35}.sim-chart .sim-now-label{fill:var(--gold);font-size:9px;font-weight:500}
.sim-chart .sim-time-tick{font-size:9px}

/* Reveal historical trade details after a completed round. */
.sim-trade-reveal{display:flex;align-items:start;gap:16px;flex-wrap:wrap;margin:0 0 18px}
.sim-trade-reveal[hidden],#sim-trade-details[hidden]{display:none!important}
#sim-reveal-trade{font:inherit;font-size:17px;min-height:44px;padding:10px 16px;border:1px solid var(--gold-dim);border-radius:5px;color:var(--gold);background:var(--panel2);cursor:pointer}
#sim-reveal-trade:disabled{opacity:.45;cursor:default}
#sim-trade-details{flex:1 0 100%;box-sizing:border-box;min-width:min(100%,280px);padding:12px 16px;border-left:3px solid var(--gold-dim);background:var(--panel);font-size:17px;line-height:1.5}
#sim-trade-details strong{color:var(--gold)}
#sim-trade-details p{color:var(--muted);margin-top:6px;max-width:90ch}
@media(max-width:760px){.sim-trade-reveal{margin-bottom:12px}#sim-reveal-trade{font-size:16px;min-height:40px;padding:8px 13px}}
/* Prominent dashboard-style carry and forecast tiles. */
.sim-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}
.sim-card-summary{flex:1;min-width:0}
.sim-card-summary .sim-readout{flex-wrap:wrap;gap:8px 18px}
.sim-metric-tile{flex:0 0 122px;min-height:78px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:9px 10px;border-radius:5px;font-variant-numeric:tabular-nums;color:#f6f1e7;box-shadow:inset 0 0 0 1px rgba(233,230,221,.15)}
.sim-metric-tile.pos{background:linear-gradient(135deg,var(--green-dim),var(--green))}
.sim-metric-tile.neg{background:linear-gradient(135deg,var(--red),var(--red-dim))}
.sim-metric-tile.na{background:var(--panel2);color:var(--muted)}
.sim-metric-tile>span{font-size:9px;font-weight:500;letter-spacing:.035em}
.sim-metric-tile>strong{font-size:27px;font-weight:700;line-height:1.2;letter-spacing:-.035em}
.sim-metric-tile>small{font-size:9px;opacity:.8}
.sim-grid+.sim-controls{margin-top:16px}
.sim-chart .sim-offscale{fill:var(--gold);font-size:9px}
@media(max-width:760px){.sim-card-top{gap:10px}.sim-metric-tile{flex-basis:108px;min-height:72px;padding:8px}.sim-metric-tile>strong{font-size:24px}.sim-metric-tile>span{font-size:8px}.sim-card-summary .sim-readout{gap:5px 10px}.sim-card-summary .sim-readout small{margin-left:4px}}

/* A focused three-panel game, with a full-height performance chart. */
.sim-toolbar{display:flex;justify-content:flex-end;gap:10px;margin:0 0 22px}
.sim-toolbar button{min-height:46px;min-width:138px;padding:12px 20px;border:1px solid var(--gold-dim);border-radius:5px;background:#d8a24a0b;color:var(--gold);font:inherit;font-size:13px;font-weight:500;cursor:pointer}
.sim-toolbar button:hover:not(:disabled){background:#d8a24a1c;border-color:var(--gold)}
.sim-toolbar button:disabled{opacity:.5;cursor:default}
.sim-grid{grid-template-areas:"rates performance" "spot performance";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr 1fr}
.sim-card-rates{grid-area:rates}.sim-card-spot{grid-area:spot}
.sim-card-performance{grid-area:performance;display:flex;flex-direction:column}
.sim-card-performance .sim-readout{margin-top:14px;gap:16px;flex-wrap:wrap}
.sim-card-performance .sim-readout strong{font-size:34px}
.sim-card-performance .sim-readout small{font-size:12px}
.sim-card-performance .sim-chart{aspect-ratio:560/360;flex:1;margin-top:16px}
.sim-card-performance .sim-pnl{margin-top:14px;font-size:11px;gap:20px;padding:12px 0 2px}
.sim-status:empty{display:none}
@media(max-width:760px){
  .sim-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:18px}
  .sim-toolbar button{min-width:0;padding:11px 8px;font-size:12px;min-height:46px}
  .sim-grid{grid-template-areas:"rates" "spot" "performance";grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
  .sim-card-performance .sim-readout strong{font-size:30px}
  .sim-card-performance .sim-pnl{gap:12px;font-size:10px}
}

.sim-tabs{scrollbar-width:none}.sim-tabs::-webkit-scrollbar{display:none}
#carry-game[data-phase="done"] #sim-replay{background:var(--gold);border-color:var(--gold);color:var(--ink)}

/* Retain the active run in gold; earlier attempts sit quietly behind it. */
.sim-chart .sim-previous-path{fill:none;stroke-width:1.6;stroke-opacity:.5;stroke-linecap:round;stroke-linejoin:round}
.sim-chart .sim-run-number{font-size:10px;font-weight:500;opacity:.8}

/* Keep the technical model in its linked PDF. */
.sim-model-link{margin-top:20px;padding-top:16px;border-top:1px solid var(--rule);font-size:12px}
.sim-model-link a{color:var(--gold);text-decoration:none}
.sim-model-link a:hover{text-decoration:underline}

/* Values only inside tiles; labels and forecast accuracy sit alongside. */
.sim-metric{flex:0 0 122px;display:flex;flex-direction:column;gap:6px}
.sim-metric-label{color:var(--muted);font-size:12px;text-align:center;line-height:1.2}
.sim-metric .sim-metric-tile{flex:auto;min-height:58px;padding:10px}
.sim-forecast-metrics{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.sim-forecast-note{width:94px;font-size:12px;line-height:1.4;color:var(--muted);margin:18px 0 0!important}
.sim-forecast-note b{color:var(--text);font-weight:500}
.sim-comparisons{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:14px}
.sim-comparisons>span{font-size:12px;color:var(--muted);margin-right:3px}
.sim-comparisons button{min-height:40px;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer;background:transparent;border:1px solid var(--rule2);border-radius:4px;color:var(--muted)}
.sim-comparisons button[data-compare=carry][aria-pressed=true]{color:#71c9ad;border-color:#71c9ad;background:#71c9ad14}
.sim-comparisons button[data-compare=forecast][aria-pressed=true]{color:#c29be1;border-color:#c29be1;background:#c29be114}
.sim-comparisons button:hover{border-color:var(--muted)}
.sim-chart .sim-strategy-path{fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){
  .sim-metric{flex-basis:108px;width:108px}
  .sim-forecast-metrics{flex-direction:column;gap:6px}
  .sim-forecast-metrics .sim-metric{flex-basis:auto}
  .sim-forecast-note{width:108px;text-align:center;font-size:11px;margin:0!important}
  .sim-comparisons button{min-height:44px;padding:9px 12px}
}

/* Three-part course with worked examples in words. */
.carry-contents{display:flex;gap:12px 26px;flex-wrap:wrap;padding:0 0 8px;font-size:14px}
.carry-contents a{color:var(--muted);text-decoration:none}
.carry-contents a:hover{color:var(--gold)}
.carry-crash{scroll-margin-top:20px}
.carry-crash h2{max-width:900px}
.carry-assets{margin-top:23px;border-top:1px solid var(--rule)}
.carry-asset{border-bottom:1px solid var(--rule)}
.carry-asset summary{position:relative;display:flex;align-items:baseline;gap:10px 18px;padding:15px 28px 15px 0;list-style:none;cursor:pointer;color:var(--text)}
.carry-asset summary::-webkit-details-marker{display:none}
.carry-asset summary::after{content:'+';position:absolute;right:3px;top:13px;color:var(--gold);font-size:21px;line-height:1}
.carry-asset[open] summary::after{content:'−'}
.carry-asset summary b{min-width:164px;font-weight:700}
.carry-asset summary span{color:var(--muted);font-size:14px}
.carry-derivation{padding:3px 18px 19px;border-left:2px solid var(--gold-dim);margin:0 0 17px;background:var(--panel)}
.carry-derivation p{padding-top:12px}
.carry-definition{margin:19px 0 20px;padding:19px 22px;background:var(--panel2);border-left:3px solid var(--gold);color:var(--text);font-size:23px;line-height:1.4}
.carry-worked-example{padding:18px 22px 21px;margin:20px 0;background:var(--panel);border:1px solid var(--rule);border-radius:6px}
.carry-crash .carry-worked-example h3{margin:0 0 14px;font-size:18px;font-weight:700}
.carry-example-prices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 16px}
.carry-example-prices span{display:block;font-size:12px;color:var(--muted)}
.carry-example-prices strong{display:block;font-size:30px;font-weight:500;color:var(--gold);line-height:1.3;margin-top:4px}
.carry-derivation b,.carry-worked-example b{font-weight:700}
.carry-convention{font-size:13px;color:var(--muted)}
.carry-convention{margin-top:16px!important}
.sim-game{margin-top:38px;padding-top:27px;border-top:1px solid var(--rule)}
.sim-intro :is(h1,h3){font-size:29px;letter-spacing:-.04em;margin:0;line-height:1.1;font-weight:700}
@media(max-width:760px){
  .carry-contents{font-size:13px;gap:8px 18px}
  .carry-asset summary{flex-direction:column;gap:3px}
  .carry-asset summary b{min-width:0}
  .carry-asset summary span{font-size:13px}
  .carry-derivation{padding-left:12px;padding-right:10px}
  .carry-definition{font-size:21px;padding:16px 18px}
  .carry-worked-example{padding:16px}
  .sim-intro :is(h1,h3){font-size:23px}
}

/* Larger teaching interface and a shared right edge for the two signal tiles. */
#carry-game{font-size:18px}
#carry-game .sim-intro :is(h1,h3){font-size:34px}
#carry-game .sim-intro p{font-size:17px}
#carry-game .sim-kicker{font-size:13px}
#carry-game .sim-time strong{font-size:27px}
#carry-game .sim-tabs button{font-size:17px;padding:10px 17px}
#carry-game .sim-instrument{font-size:19px}
#carry-game .sim-heading small{font-size:16px}
#carry-game .sim-card{padding:18px 18px 14px}
#carry-game .sim-card-title{font-size:14px;letter-spacing:.06em;flex-wrap:wrap;gap:4px 10px}
#carry-game .sim-card-title span:last-child{font-size:14px}
#carry-game .sim-readout strong{font-size:28px}
#carry-game .sim-readout small{font-size:16px;margin-left:6px}
#carry-game .sim-card-performance .sim-readout strong{font-size:38px}
.sim-performance-context{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:15px}
#carry-game .sim-performance-context small{margin-left:0}
#carry-game .sim-metric{flex:0 0 148px;width:148px}
#carry-game .sim-metric-label{font-size:16px;white-space:nowrap}
#carry-game .sim-metric .sim-metric-tile{min-height:68px;padding:11px}
#carry-game .sim-metric-tile>strong{font-size:32px}
#carry-game .sim-forecast-metrics{flex-direction:row;align-items:center;gap:12px}
#carry-game .sim-forecast-note{width:116px;margin:22px 0 0!important;text-align:left;font-size:15px;line-height:1.4}
#carry-game .sim-forecast-note b{display:block}
#carry-game .sim-toolbar{align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
#carry-game .sim-toolbar button{font-size:17px;min-height:54px;min-width:142px;padding:13px 18px}
.sim-accuracy-control{margin-right:auto;min-width:260px;flex:0 1 330px;display:grid;gap:7px}
.sim-accuracy-control label{font-size:17px;color:var(--text);display:flex;justify-content:space-between;gap:18px}
.sim-accuracy-control output{color:var(--gold);font-variant-numeric:tabular-nums}
.sim-accuracy-control input{width:100%;accent-color:var(--gold);cursor:pointer;height:20px}
.sim-accuracy-control input:disabled{opacity:.45;cursor:default}
.sim-accuracy-limits{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);line-height:1}
#carry-game .sim-comparisons>span{font-size:16px}
#carry-game .sim-comparisons button{min-height:46px;font-size:16px;padding:10px 14px}
#carry-game .sim-decision-title strong{font-size:17px}
#carry-game .sim-action>span{font-size:23px}
#carry-game .sim-action small{font-size:15px;line-height:1.35;white-space:normal}
#carry-game .sim-controls{padding:14px 16px}
#carry-game .sim-model-link{font-size:16px}
.sim-chart text,.sim-chart .sim-time-tick,.sim-chart .sim-now-label,.sim-chart .sim-run-number,.sim-chart .sim-offscale{font-size:var(--sim-chart-font,14px)}
.carry-crash .body{font-size:17px}
.carry-contents{font-size:16px}
.carry-asset summary span{font-size:16px}
.carry-convention,.carry-example-prices span{font-size:15px}
@media(max-width:1100px){
  #carry-game .sim-grid{grid-template-areas:"rates" "spot" "performance";grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
}
@media(max-width:760px){
  #carry-game .sim-intro :is(h1,h3){font-size:29px}
  #carry-game .sim-intro p{font-size:16px}
  #carry-game .sim-time strong{font-size:22px}
  #carry-game .sim-tabs button{font-size:16px;padding:9px 12px}
  #carry-game .sim-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .sim-accuracy-control{grid-column:1/-1;min-width:0;width:100%;margin:0 0 3px}
  #carry-game .sim-toolbar button{font-size:16px;min-width:0;padding:11px 8px}
  #carry-game .sim-card{padding:16px 13px 13px}
  #carry-game .sim-card-title{font-size:14px}
  #carry-game .sim-card-title span:last-child{font-size:14px}
  #carry-game .sim-card-summary .sim-readout{gap:8px 13px}
  #carry-game .sim-readout strong{font-size:27px}
  #carry-game .sim-readout small{font-size:15px}
  #carry-game .sim-metric{flex-basis:136px;width:136px}
  #carry-game .sim-metric-label{font-size:15px}
  #carry-game .sim-metric-tile>strong{font-size:30px}
  #carry-game .sim-card-spot .sim-card-top{display:flex;flex-direction:column;gap:12px}
  #carry-game .sim-card-spot .sim-card-summary{width:100%}
  #carry-game .sim-forecast-metrics{display:flex;flex-direction:row;width:100%;justify-content:flex-end;gap:12px}
  #carry-game .sim-forecast-note{width:auto;flex:1;font-size:14px;margin:22px 0 0!important;align-self:center}
  #carry-game .sim-forecast-metrics .sim-metric{flex:0 0 136px}
  #carry-game .sim-comparisons button{font-size:16px}
  #carry-game .sim-action>span{font-size:20px}
  #carry-game .sim-action small{font-size:14px}
  #carry-game .sim-controls{padding:11px}
}
#carry-game .sim-card-title span:last-child{color:var(--muted)}
#carry-game .sim-action small{color:#c4cbd2}
.carry-example-name{font-size:18px;font-weight:700;color:var(--text);margin:14px 0 0}
#carry-game .sim-card-title>span:first-child{font-size:14px;letter-spacing:.06em;text-transform:uppercase}
#carry-game .sim-controls .sim-actions{margin:0}
#carry-game .sim-action{min-height:62px}
#carry-game .sim-action>span{line-height:1.3}
@media(max-width:760px){
  #carry-game .sim-card-spot .sim-card-top{flex-direction:row;align-items:flex-start}
  #carry-game .sim-card-spot .sim-card-summary{width:auto;flex:1;min-width:0}
  #carry-game .sim-forecast-metrics{width:auto;flex:0 0 136px}
}

/* Compare both annualized returns on the same basis. */
#carry-game .sim-card-performance .sim-performance-context{margin-top:14px;font-size:16px}
.sim-performance-returns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:10px 0 14px}
.sim-performance-returns>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.sim-performance-returns span{font-size:17px;color:var(--muted)}
.sim-performance-returns strong{font-size:38px;font-weight:500;letter-spacing:-.04em;line-height:1.15}
#sim-cash-return{color:var(--muted)}
@media(max-width:760px){.sim-performance-returns{gap:16px}.sim-performance-returns strong{font-size:32px}}

/* Lecture downloads use the same generous targets as the game's move buttons. */
.lecture-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;max-width:760px}
.lecture-link{display:flex;align-items:center;justify-content:center;min-height:76px;padding:18px 22px;border:1px solid;border-radius:5px;text-align:center;text-decoration:none;font-size:23px;font-weight:700;line-height:1.35;transition:background .15s,border-color .15s}
.lecture-intermediate{color:#c2d4f0;background:#829fcc40;border-color:#829fcc88}
.lecture-intermediate:hover{background:#829fcc60;border-color:#829fcc}
.lecture-advanced{color:#d8c6ed;background:#ae97ca40;border-color:#ae97ca88}
.lecture-advanced:hover{background:#ae97ca60;border-color:#ae97ca}
@media(max-width:760px){.lecture-links{gap:12px}.lecture-link{font-size:18px;min-height:64px;padding:12px 8px}}

/* One live simulator, either in the page or in a focused dialog. */
.sim-intro-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.sim-intro-actions button{font:inherit;font-size:16px;color:var(--text);background:var(--panel2);border:1px solid var(--rule2);border-radius:5px;min-height:42px;padding:8px 14px;cursor:pointer}
.sim-intro-actions button:hover{border-color:var(--gold-dim);color:var(--gold)}
.sim-intro-actions button[hidden]{display:none!important}
#sim-options{display:none}
body.sim-popout-open{overflow:hidden}
.sim-popout{inset:0;margin:auto;width:calc(100vw - 40px);max-width:1320px;max-height:calc(100dvh - 40px);padding:22px;border:1px solid var(--rule2);border-radius:10px;background:var(--ink);color:var(--text);font-family:var(--font);overflow:auto;overscroll-behavior:contain}
.sim-popout::backdrop{background:#080b10dd;backdrop-filter:blur(4px)}
.sim-popout #carry-game{margin:0;padding:0;border:0;width:100%;min-width:0}
@media(min-width:761px){
  .sim-popout #carry-game .sim-intro{margin-bottom:16px}
  .sim-popout #carry-game .sim-toolbar{margin-bottom:16px}
  .sim-popout #carry-game .sim-tabs{margin-bottom:12px}
  .sim-popout #carry-game .sim-heading{margin-bottom:10px}
}

/* Phone layout: two signals, performance, then the three moves. */
@media(max-width:760px){
  #carry-game .sim-intro{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:14px;align-items:center}
  #carry-game .sim-intro :is(h1,h3){font-size:27px;grid-column:1;grid-row:1}
  #carry-game .sim-time{grid-column:2;grid-row:1}
  #carry-game .sim-time strong{font-size:20px}
  #carry-game .sim-intro-actions{grid-column:1/-1;grid-row:2;justify-content:flex-end;margin:0}
  #carry-game .sim-intro-actions button{font-size:16px;min-height:40px;padding:7px 13px}
  #sim-options{display:inline-block}
  #carry-game .sim-options-panel{display:none}
  #carry-game.sim-options-open .sim-options-panel{display:block}
  #carry-game .sim-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"rates spot" "performance performance";grid-template-rows:auto auto;gap:14px 12px}
  #carry-game .sim-card-rates,#carry-game .sim-card-spot{background:transparent;border:0;border-radius:0;padding:0;min-height:0}
  #carry-game .sim-card-rates .sim-card-summary,#carry-game .sim-card-spot .sim-card-summary,
  #carry-game #sim-rates-chart,#carry-game #sim-spot-chart{display:none}
  #carry-game .sim-card-rates .sim-card-top,#carry-game .sim-card-spot .sim-card-top{display:block}
  #carry-game .sim-card-rates .sim-metric,#carry-game .sim-card-spot .sim-metric{width:100%;min-width:0;flex:auto}
  #carry-game .sim-card-spot .sim-forecast-metrics{display:block;width:100%;flex:auto}
  #carry-game .sim-metric-label{font-size:16px;text-align:center}
  #carry-game .sim-metric .sim-metric-tile{min-height:66px;padding:10px}
  #carry-game .sim-metric-tile>strong{font-size:30px}
  #carry-game .sim-card-performance{padding:14px 12px 10px}
  #carry-game .sim-card-performance .sim-performance-context{margin-top:9px;font-size:15px}
  #carry-game .sim-performance-returns{margin:7px 0 10px;gap:14px}
  #carry-game .sim-performance-returns span{font-size:16px}
  #carry-game .sim-performance-returns strong{font-size:32px}
  #carry-game .sim-comparisons,#carry-game .sim-strategy-path{display:none}
  #carry-game .sim-comparisons>span{display:none}
  #carry-game .sim-comparisons button{font-size:15px;min-height:38px;padding:7px 11px}
  #carry-game .sim-controls{bottom:0;margin-top:12px;padding:10px;z-index:3}
  #carry-game .sim-action{min-height:54px}
  .sim-popout{inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:16px 12px max(12px,env(safe-area-inset-bottom));border:0;border-radius:0}
  .sim-popout #carry-game{display:flex;flex-direction:column;height:100%;min-height:552px}
  .sim-popout #carry-game .sim-intro,.sim-popout #carry-game .sim-options-panel{flex-shrink:0}
  .sim-popout #carry-game .sim-grid{flex:1;min-height:0;grid-template-rows:auto minmax(0,1fr)}
  .sim-popout #carry-game .sim-card-performance{display:flex;flex-direction:column;min-height:0}
  .sim-popout #carry-game .sim-card-performance>*:not(svg){flex-shrink:0}
  .sim-popout #carry-game .sim-card-performance .sim-chart{flex:1;min-height:100px;max-height:none;width:100%;aspect-ratio:auto}
  .sim-popout #carry-game .sim-controls{flex:none}
  .sim-popout #carry-game.sim-options-open{height:auto;min-height:100%}
  .sim-popout #carry-game.sim-options-open .sim-grid{flex:none;grid-template-rows:auto auto}
  .sim-popout #carry-game.sim-options-open .sim-card-performance .sim-chart{flex:none;aspect-ratio:560/360}
}

/* The three teaching ideas use the same highlighted section heading. */
.carry-crash.section{border-bottom:0}
.carry-crash .carry-section-title{max-width:760px;margin:0;font-weight:500}
#carry-crash-course .carry-assets{margin-top:0}
#carry-futures-return .carry-worked-example{margin-top:0}
#lecture-notes{border-top:1px solid var(--rule)}

/* Lead each asset class with its carry definition, then the numerical example. */
.carry-assets-intro,.carry-section-intro{margin-bottom:18px}
.carry-asset-definition{color:var(--text)}

/* Brief guidance alongside the controls. */
.sim-reveal-note{flex:1;min-width:240px;max-width:80ch;margin:0;padding-top:9px;color:var(--muted);font-size:17px;line-height:1.5}
.sim-accuracy-area{display:flex;align-items:center;gap:24px;flex:1 1 620px;min-width:0;margin-right:auto}
.sim-accuracy-area .sim-accuracy-control{margin:0;flex:0 1 280px;min-width:230px}
.sim-accuracy-note{flex:1;min-width:0;max-width:42ch;margin:0;color:var(--muted);font-size:17px;line-height:1.5}
.sim-start-prompt{margin:0 0 10px;text-align:center;color:var(--muted);font-size:17px;line-height:1.4}
@media(max-width:760px){
  #carry-game .sim-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sim-accuracy-area{grid-column:1/-1;flex-direction:column;align-items:stretch;gap:12px;margin:0}
  .sim-accuracy-area .sim-accuracy-control{flex:auto;min-width:0}
  .sim-accuracy-note{max-width:none;font-size:16px}
  .sim-reveal-note{min-width:min(100%,240px);padding-top:0;font-size:16px}
  .sim-start-prompt{font-size:16px}
}