/* A dedicated rail stays visible while the impact content scrolls. */
.futures-wheel :is(#sidebar-resizer,#warning-resizer){display:none}
@media(min-width:1200px){
  .futures-wheel main{grid-template-columns:var(--warning-width,280px) 24px minmax(0,1fr) 24px var(--impact-width,370px)}
  .futures-wheel :is(#sidebar-resizer,#warning-resizer){display:flex;position:relative;align-items:center;justify-content:center;cursor:ew-resize;touch-action:none;background:#e2edec;border-inline:1px solid #b8cecf;color:var(--navy);z-index:2;user-select:none}
  .futures-wheel :is(#sidebar-resizer,#warning-resizer):hover,.futures-wheel :is(#sidebar-resizer,#warning-resizer):focus-visible,.futures-wheel .sidebar-resizing :is(#sidebar-resizer,#warning-resizer){background:#c8dfdd}
  .futures-wheel :is(#sidebar-resizer,#warning-resizer):focus-visible{outline:3px solid #bb4c36;outline-offset:-3px}
  .futures-wheel .resize-grip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:24px;min-height:78px;background:var(--navy);color:white;border-radius:8px;font-size:18px;box-shadow:0 2px 8px #16355322}
  .futures-wheel .resize-grip>span{font-size:26px;line-height:1}
  .futures-wheel .sidebar-resizing,.futures-wheel .sidebar-resizing *{cursor:ew-resize!important;user-select:none!important}
  .futures-wheel #impact-sidebar{min-width:0;overflow-wrap:anywhere}
  .futures-wheel #impact-sidebar #detail p,.futures-wheel #impact-sidebar #detail .audience-group p,.futures-wheel #impact-sidebar #detail .audience-group li,.futures-wheel #impact-sidebar .audience-group h4,.futures-wheel #impact-sidebar .child strong{font-size:calc(1rem * var(--reading-scale,1))}
  .futures-wheel #impact-sidebar #detail h2{font-size:calc(1.9rem * var(--reading-scale,1))}
  .futures-wheel #impact-sidebar #detail .audience-observations h3,.futures-wheel #impact-sidebar #detail .audience-questions h3{font-size:calc(1.125rem * var(--reading-scale,1))}
  .futures-wheel #impact-sidebar .warnings h3,.futures-wheel #impact-sidebar .warnings li{font-size:calc(.9375rem * var(--reading-scale,1))}
  .futures-wheel #impact-sidebar #detail .world p,.futures-wheel #impact-sidebar .world summary,.futures-wheel #impact-sidebar .story h3,.futures-wheel #impact-sidebar #back,.futures-wheel #impact-sidebar #detail .audience-context,.futures-wheel #impact-sidebar #detail .observation-note{font-size:calc(.875rem * var(--reading-scale,1))}
  .futures-wheel #impact-sidebar .method,.futures-wheel #impact-sidebar .child span{font-size:calc(.8125rem * var(--reading-scale,1))}
  .futures-wheel #impact-sidebar #position,.futures-wheel #impact-sidebar .connection-heading{font-size:calc(.75rem * var(--reading-scale,1))}
}
@media(min-width:1550px){.futures-wheel main{grid-template-columns:var(--warning-width,300px) 24px minmax(0,1fr) 24px var(--impact-width,420px)}}
@media(min-width:1200px){
  .futures-wheel #warning-sidebar{padding-top:68px;overflow-wrap:anywhere}
  .futures-wheel #warning-sidebar .eyebrow{font-size:calc(.75rem * var(--reading-scale,1))}
  .futures-wheel #warning-sidebar h2{font-size:calc(1.6rem * var(--reading-scale,1))}
  .futures-wheel #warning-sidebar .warning-total strong{font-size:calc(2.25rem * var(--reading-scale,1))}
  .futures-wheel #warning-sidebar .warning-category-row strong{font-size:calc(.9375rem * var(--reading-scale,1))}
  .futures-wheel #warning-sidebar #warning-scenario-name,.futures-wheel #warning-sidebar .warning-category-row,.futures-wheel #warning-sidebar .warning-category-description,.futures-wheel #warning-sidebar .warning-order>summary,.futures-wheel #warning-sidebar .warning-entry,.futures-wheel #warning-sidebar .counting-method summary{font-size:calc(.875rem * var(--reading-scale,1))}
  .futures-wheel #warning-sidebar .warning-total span,.futures-wheel #warning-sidebar .warning-help,.futures-wheel #warning-sidebar .warning-entry-source,.futures-wheel #warning-sidebar .counting-method{font-size:calc(.8125rem * var(--reading-scale,1))}
}
