/* Center page content; keep both ends of the header at the viewport edges. */
body[data-nav-layout]{--portal-canvas:1440px;--portal-gutter:24px}
@media(min-width:761px){
  body[data-nav-layout] main{width:100%;max-width:var(--portal-canvas);padding-inline:var(--portal-gutter)}
  body[data-nav-layout] .topbar{
    padding-inline:var(--portal-gutter);
  }
}
/* Content, rather than the monitor's height, sets the equipment spacing.
   Overlaid previews still reserve their largest height to prevent hover jumps. */
@media(min-width:1101px){
  body[data-view=builder] .builder-layout{grid-template-columns:minmax(0,1fr) 300px}
  body[data-view=builder] .arsenal-stage{
    max-width:940px;margin-inline:auto;
    grid-template-columns:minmax(0,1fr) minmax(230px,1.1fr) minmax(0,1fr);
    grid-template-rows:repeat(4,minmax(112px,auto));
    min-height:0;gap:.4rem .75rem;padding-top:0;
  }
  body[data-view=builder] .arsenal-showcase{align-items:center}
  body[data-view=builder] .arsenal-showcase-art{height:200px}
  body[data-view=builder] .forge-weapon-art{height:220px}
}
@media(min-width:1200px){
  body[data-view=builder] .virtue-triquetra{max-width:460px}
}