/* Desktop overview: the whole interactive demo fits beside the introduction.
   The existing stacked tablet/mobile layout and game pages stay independent. */
@media(min-width:1051px){
  html[data-theme="overview"] .header-row{height:74px;min-height:74px;padding-block:10px}
  html[data-theme="overview"] .game-nav a{min-height:45px;padding-block:10px}
  html[data-theme="overview"] .brand-logo{width:62px!important;height:54px!important}
  html[data-theme="overview"] .game-nav a{height:45px}
  .overview-page .overview-hero{grid-template-columns:minmax(0,.72fr) minmax(600px,1.28fr);gap:32px;min-height:0;padding-block:28px 36px;align-items:center}
  .overview-copy h1{font-size:clamp(42px,3.6vw,57px);line-height:.96;letter-spacing:-.055em}
  .overview-copy .eyebrow{margin-bottom:18px!important;font-size:10px!important}
  .overview-copy .intro{font-size:14px;line-height:1.55;margin:18px 0;max-width:none}
  .overview-copy .actions{gap:10px;align-items:flex-start}
  .overview-copy .action{min-height:44px;padding:13px 16px;font-size:10px}
  .overview-copy .action-secondary{padding-block:9px;min-height:34px}
  .overview-page .predictor-demo-announcer{min-height:38px;margin:0 8px 8px;padding:8px 11px;gap:12px}
  .overview-page .predictor-demo-device{padding:8px;border-radius:22px}
  .overview-page .predictor-demo-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:16px}
  .overview-page .predictor-demo-switcher,.overview-page .predictor-demo-livebar{grid-column:1/-1}
  .overview-page .predictor-demo-switcher button{min-height:42px;padding:6px 4px}
  .overview-page .predictor-demo-livebar{min-height:32px;padding:6px 12px}
  .overview-page .predictor-demo-signal{grid-column:1;grid-row:3/5;padding:14px 12px;border-bottom:0;border-right:1px solid #ffffff0d}
  .overview-page .predictor-demo-signal-head{gap:8px}
  .overview-page .predictor-demo-signal-head h3{font-size:25px}
  .overview-page .predictor-demo-core{grid-template-columns:100px minmax(0,1fr);gap:12px;margin-top:16px}
  .overview-page .predictor-demo-ring{width:100px;height:100px}
  .overview-page .predictor-demo-ring:before{width:82px;height:82px}
  .overview-page .predictor-demo-ring strong{font-size:30px}
  .overview-page .predictor-demo-ring div>span{font-size:15px}
  .overview-page .predictor-demo-probabilities{gap:10px}
  .overview-page .predictor-demo-probabilities p{font-size:9px}
  .overview-page .predictor-demo-insight{min-height:55px;margin-top:16px;padding:9px;grid-template-columns:22px 1fr;gap:7px}
  .overview-page .predictor-demo-workspace{grid-column:2;grid-row:3;padding:12px 12px 8px;min-width:0}
  .overview-page .predictor-demo-workspace-head{gap:4px}
  .overview-page .predictor-demo-road{min-height:105px;height:105px;gap:3px;padding:7px;margin-top:9px;grid-template-columns:repeat(14,minmax(0,1fr));align-content:start}
  .overview-page .predictor-demo-bead{border-radius:5px;font-size:9px}
  .overview-page .predictor-demo-hand{min-height:105px;height:105px;padding:5px;margin-top:9px}
  .overview-page .predictor-demo-hand>i{width:49px;height:70px}
  .overview-page .predictor-demo-stats{margin-top:7px;gap:5px}
  .overview-page .predictor-demo-input{grid-column:2;grid-row:4;padding:8px 12px 12px}
  .overview-page .predictor-demo-input [data-sim-outcomes]{margin-top:5px;padding-top:20px;gap:5px}
  .overview-page .predictor-demo-input [data-sim-outcome]{min-height:37px;padding:5px;gap:5px}
  .overview-page .predictor-demo-input i{width:20px;height:20px;font-size:9px}
  .overview-page .predictor-demo-input b{font-size:7px}
  .overview-page .demo-bet-hand{font-size:26px;line-height:29px;top:-29px}
  .overview-page .predictor-demo-ledger{min-height:47px;padding:7px 8px 0;gap:8px}
  .overview-page .predictor-demo-ledger p{padding:8px 10px}
  .overview-page .demo-bet-summary{margin:7px 8px 0;padding:9px 11px;gap:4px;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
  .overview-page .demo-bet-summary>strong{font-size:10px}
  .overview-page .demo-bet-summary>span{font-size:10px;text-align:right}
  .overview-page .demo-bet-summary>small{grid-column:1/-1;font-size:9px;line-height:1.35}
}