/* TradingHub v420 — desktop-only derivatives density pass.
   Scope is intentionally limited to the four derivatives workspaces.
   Mobile <= 760px remains owned by derivatives-mobile-v419.css. */
@media (min-width:1024px){
  /* Remove page-level dead space without changing the 1360px desktop geometry. */
  .deriv-page,
  .liqmap-seo-page{
    padding-top:20px!important;
    padding-bottom:6px!important;
  }

  .deriv-page>.seo-hero,
  .liqmap-seo-page>.seo-hero{
    gap:20px;
    padding:16px 0 20px;
  }
  .deriv-page>.seo-hero .seo-eyebrow,
  .liqmap-seo-page>.seo-hero .seo-eyebrow{margin-bottom:8px}
  .deriv-page>.seo-hero .lede,
  .liqmap-seo-page>.seo-hero .lede{
    margin-top:12px;
    line-height:1.55;
  }
  .deriv-page>.seo-hero .seo-summary,
  .liqmap-seo-page>.seo-hero .seo-summary{padding:16px 18px}
  .deriv-page>.seo-hero .seo-summary h2,
  .liqmap-seo-page>.seo-hero .seo-summary h2{margin-bottom:10px}
  .deriv-page>.seo-hero .seo-summary dl,
  .liqmap-seo-page>.seo-hero .seo-summary dl{gap:7px 16px}

  /* Live tool should follow the hero directly instead of sitting in a tall black band. */
  .deriv-page>.deriv-live-section,
  .liqmap-seo-page>.liqmap-live-section{
    padding:10px 0 18px!important;
  }

  /* Editorial sections retain separation, but no longer spend 56-84px on empty padding. */
  .deriv-page>.seo-section:not(.deriv-live-section),
  .liqmap-seo-page>.seo-section:not(.liqmap-live-section){
    padding:20px 0!important;
  }
  .deriv-page>.seo-section>h2,
  .liqmap-seo-page>.seo-section>h2{margin-bottom:9px}
  .deriv-page>.seo-copy>p,
  .liqmap-seo-page>.seo-copy>p{
    margin:0;
    line-height:1.65;
  }
  .liqmap-seo-page>.seo-copy>h3{margin:14px 0 6px}
  .liqmap-seo-page>.seo-copy>h3:first-of-type{margin-top:10px}
  .deriv-page .seo-grid,
  .liqmap-seo-page .seo-grid{
    gap:12px;
    margin-top:14px;
  }
  .deriv-page .seo-card,
  .liqmap-seo-page .seo-card{
    min-height:126px;
    padding:16px;
  }
  .deriv-page .seo-card .meta,
  .liqmap-seo-page .seo-card .meta{margin-top:12px}
  .liqmap-seo-page .seo-note{
    margin:12px 0 0;
    padding-top:8px;
    padding-bottom:8px;
  }
  .deriv-page>.seo-risk,
  .liqmap-seo-page>.seo-risk{
    margin-top:14px;
    padding:12px 16px;
  }
  .deriv-page>.legal-compact-note,
  .liqmap-seo-page>.legal-compact-note{
    margin-top:8px!important;
    margin-bottom:0!important;
  }
  .deriv-page+.site-footer--mini,
  .liqmap-seo-page+.site-footer--mini{margin-top:4px!important}

  /* Funding / OI / liquidation tracker: reduce chrome, not information. */
  .deriv-live__head{padding:12px 16px}
  .deriv-live__head p{margin-top:4px;line-height:1.4}
  .deriv-toolbar{padding:7px 16px}
  .deriv-summary>div{padding:9px 14px}
  .deriv-summary strong{margin-top:3px;font-size:17px}
  .deriv-summary small{margin-top:2px}
  .deriv-bars,
  .deriv-live[data-deriv-view="oi"] .deriv-bars{
    gap:10px;
    padding:10px 16px;
  }
  .deriv-bar__track{margin-top:5px}
  .deriv-table th,
  .deriv-table td{padding:9px 12px}

  /* Funding history is a data panel, so remove the nested-card breathing room. */
  .deriv-history{
    margin-top:12px;
    padding:12px 14px 14px;
  }
  .deriv-history__head{
    gap:14px;
    margin-bottom:10px;
  }
  .deriv-history__head h3{margin-bottom:3px}
  .deriv-history canvas{height:280px}

  /* Heatmap chrome: preserve the chart viewport, compress only non-chart bands. */
  .liqmap-seo-page .liqmap-head{
    min-height:40px;
    padding:6px 10px;
  }
  .liqmap-seo-page .liqmap-toolbar{
    min-height:40px;
    gap:6px;
    padding:5px 8px;
  }
  .liqmap-seo-page .liqmap-summary{
    grid-template-rows:52px 32px;
  }
  .liqmap-seo-page .liqmap-summary>div{padding:6px 10px}
  .liqmap-seo-page .liqmap-summary-zone--pool{padding:4px 10px}
  .liqmap-seo-page .liqmap-validation{
    min-height:22px;
    padding:3px 9px;
  }
  .liqmap-seo-page .liqmap-chart-meta{
    min-height:28px;
    padding:4px 9px;
  }
  .liqmap-seo-page .liqmap-disclaimer{padding:5px 9px 6px}
}