.mtp-dash-top-row > .mtp-hl2-strip{grid-column:1/-1;display:flex;flex-direction:column;gap:14px;min-width:0}
html .mtp-hl2-strip .mtp-cmd-grid,html.mtp-au3 .mtp-hl2-strip .mtp-cmd-grid,
html .mtp-hl2-strip .mtp-idx-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important}
@media (max-width:1100px){
  html .mtp-hl2-strip .mtp-cmd-grid,html.mtp-au3 .mtp-hl2-strip .mtp-cmd-grid,
  html .mtp-hl2-strip .mtp-idx-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media (max-width:700px){
  html .mtp-hl2-strip .mtp-cmd-grid,html.mtp-au3 .mtp-hl2-strip .mtp-cmd-grid,
  html .mtp-hl2-strip .mtp-idx-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
.mtp-dash-left > .mtp-home-fin-row.mtp-hl2-fin{display:block;margin:0;min-width:0}
.mtp-hl2-fin > .mtp-mnt-tabbed{margin:0 !important;min-width:0}
.mtp-hl2-fin .mtp-mnt-tabbed-tabs{flex-wrap:wrap}
.mtp-hl2-fin .mtp-fresh{align-self:center}
.mtp-hl2-fin .mtp-mnt-tabbed-body{overflow-x:auto}
/* the tables in half the width: tighter cells, long labels wrap; drill results drop the Headline column
   (the Read button opens the release) so the table fits without scrolling sideways at 1440 px */
#content .mtp-hl2-fin .mtp-mnt-table{font-size:13px}
#content .mtp-hl2-fin .mtp-mnt-table th,#content .mtp-hl2-fin .mtp-mnt-table td{padding:8px 6px}
#content .mtp-hl2-fin .mtp-mnt-table thead th{white-space:normal;line-height:1.25;vertical-align:bottom}
#content .mtp-hl2-fin .mtp-mnt-table td .kind-badge{white-space:normal;display:inline-block;line-height:1.3}
#content .mtp-hl2-fin .mtp-mnt-table td.tk-cell{max-width:150px}
#content .mtp-hl2-fin .mtp-mnt-table td.tk-cell .co-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#content .mtp-hl2-fin .mtp-mnt-table td .mtp-au3-amtk{display:block}
#content .mtp-hl2-fin .mtp-mnt-table td .grade{white-space:normal}
#content .mtp-hl2-fin .mtp-mnt-table .ann-btn{padding:2px 6px}
#content .mtp-hl2-fin .mtp-mnt-table:has(td.headline) td:nth-child(3){white-space:normal;min-width:80px}
#content .mtp-hl2-fin .mtp-mnt-table td.headline,#content .mtp-hl2-fin .mtp-mnt-table:has(td.headline) th:nth-child(7){display:none}
/* V2.1: laptop widths (1280-1399 px) - smaller type so both tables still fit the narrower column */
@media (max-width:1399px){
  #content .mtp-hl2-fin .mtp-mnt-table{font-size:12px}
  #content .mtp-hl2-fin .mtp-mnt-table th,#content .mtp-hl2-fin .mtp-mnt-table td{padding:7px 4px}
  #content .mtp-hl2-fin .mtp-mnt-table thead th{font-size:10px;letter-spacing:0}
  #content .mtp-hl2-fin .mtp-mnt-table td.date{white-space:normal;min-width:44px}
  #content .mtp-hl2-fin .mtp-mnt-table td.tk-cell{max-width:120px}
  #content .mtp-hl2-fin .mtp-mnt-table td .kind-badge{font-size:10px;padding-left:5px;padding-right:5px}
  #content .mtp-hl2-fin .mtp-mnt-table .ann-btn{font-size:11px;padding:2px 5px}
}
/* two columns: the card fills the left column to the height of the right one and its table scrolls inside it */
@media (min-width:981px){
  .mtp-dash-top-row > .mtp-dash-left.mtp-hl2-left{position:relative;min-height:440px}
  /* align-items:stretch - the wrapper also carries mtp-home-fin-row, whose HOME_TRIM rule says align-items:start */
  .mtp-dash-top-row > .mtp-dash-left > .mtp-home-fin-row.mtp-hl2-fin{position:absolute;inset:0;display:flex;flex-direction:column;align-items:stretch}
  .mtp-hl2-fin > .mtp-mnt-tabbed{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
  .mtp-hl2-fin .mtp-mnt-tabbed-tabs{flex:0 0 auto}
  .mtp-hl2-fin .mtp-mnt-tabbed-body{flex:1 1 auto;min-height:0;overflow:auto}
  .mtp-hl2-fin .mtp-mnt-tabbed-body thead th{position:sticky;top:0;z-index:1;background:#f8f8f8}
}
/* the half-page ad beside the Deep Dive cards */
@media (min-width:1280px){
  .deepdive-grid.mtp-hl2-dd-ad{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 300px !important}
}
@media (max-width:1279px){
  .deepdive-grid > .mtp-ad-vertical{display:none !important}
}
/* section titles in the dashboard red */
#content .mtp-dash-top-row .mtp-section-card > h3,
#content .mtp-home-events > h3,
#content .deepdive-grid .card .dash-section-title{color:var(--mtp-red,#D71920) !important}
/* V2.3: smaller Commodities / MTP Indices tiles; Majors and Juniors headings in the dashboard red */
#content .mtp-hl2-strip{gap:10px}
#content .mtp-hl2-strip > .mtp-section-card{padding:10px 14px}
#content .mtp-hl2-strip > .mtp-section-card > h3{margin:0 0 8px 0;padding-bottom:6px}
#content .mtp-hl2-strip .mtp-cmd-grid,#content .mtp-hl2-strip .mtp-idx-grid{gap:6px}
#content .mtp-hl2-strip .mtp-tile{min-height:0 !important;padding:5px 10px !important;gap:7px}
#content .mtp-hl2-strip .mtp-tile-icon{font-size:.95rem}
#content .mtp-hl2-strip .mtp-tile-info{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:0}
#content .mtp-hl2-strip .mtp-tile-label{flex:0 0 100%;line-height:1.25 !important}
#content .mtp-hl2-strip .mtp-tile-price{font-size:.88rem !important;line-height:1.25 !important;display:flex;align-items:baseline;gap:4px}
#content .mtp-hl2-strip .mtp-tile-mc-val{font-size:inherit !important;line-height:inherit !important}
#content .mtp-hl2-strip .mtp-tile-change{font-size:.72rem !important;line-height:1.25 !important;white-space:nowrap}
#content .mtp-hl2-strip .mtp-tile-mc-tag{font-size:.55rem}
#content .mtp-hl2-strip .mtp-idx-grouphead{color:var(--mtp-red,#D71920) !important;padding-top:0 !important;padding-bottom:0 !important}
#content .mtp-hl2-strip .mtp-idx-grouphead[data-idx-tier="junior"]{padding-top:6px !important;margin-top:2px !important}