/* Full-width desktop workspace — preserve readable prose, expand interactive systems */
@media (min-width: 1024px){
  :root{--desktop-gutter:clamp(28px,4vw,72px);--desktop-content:1760px}
  .shell{
    width:min(100%,var(--desktop-content))!important;
    max-width:none!important;
    margin-inline:auto!important;
    padding-left:var(--desktop-gutter)!important;
    padding-right:var(--desktop-gutter)!important;
  }
  header.site{
    padding-left:var(--desktop-gutter)!important;
    padding-right:var(--desktop-gutter)!important;
  }
  nav.tabs{
    width:100%!important;
    max-width:none!important;
  }
  .view.on{
    width:100%!important;
    max-width:none!important;
  }
  .gate-step,
  .gate-step.on{
    max-width:1180px!important;
  }
  .gate-step .sit-grid,
  #sitGrid,
  #dkTargets,
  .houses,
  .spreads,
  #dkGrid,
  .reading,
  #reading,
  #table{
    width:100%!important;
    max-width:none!important;
  }
  .sit-grid,
  #sitGrid,
  #dkTargets{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
  }
  .houses{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
  }
  .spreads{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:20px!important;
  }
  #dkGrid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:20px!important;
  }
  #table{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
    justify-content:stretch!important;
    gap:24px!important;
  }
  #reading{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:start!important;
    gap:24px!important;
  }
  #reading>.reading-card,
  #reading>.dk-energy{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  #reading>.reading-card:last-child:nth-child(odd),
  #reading>.dk-energy:last-child:nth-child(odd){
    grid-column:1/-1;
  }
  #pakliRow{
    width:100%!important;
    max-width:1180px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  #pakliRow>button.chip,
  #pakliRow>button.chip:last-child{
    grid-column:auto!important;
  }
  .prose,
  p.lede,
  .gate-lede,
  .awen-meaning{
    max-width:760px!important;
  }
  .reco{
    max-width:760px!important;
  }
  .controls{
    max-width:none!important;
  }
}

@media (min-width: 1440px){
  .sit-grid,
  #sitGrid,
  #dkTargets{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #dkGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .spreads{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #reading{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #reading>.reading-card:last-child:nth-child(odd),
  #reading>.dk-energy:last-child:nth-child(odd){grid-column:auto}
}