/* Every section uses the same summary / Board role row. Metrics and charts
   occupy their own full-width rows rather than changing the card alignment. */
#standard-overview.detail-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch;
  gap:20px;
}
#standard-overview.detail-grid>div,
#standard-overview.detail-grid>aside{display:contents!important}
#standard-overview .summary-card,
#standard-overview .decision-card{
  min-width:0;
  width:100%;
  margin:0;
  align-self:stretch;
  box-sizing:border-box;
}
#standard-overview .summary-card{grid-column:1;grid-row:1}
#standard-overview .decision-card{grid-column:2;grid-row:1}
#standard-overview .metrics-grid{grid-column:1 / -1;grid-row:2;margin:0}
#standard-overview .metrics-grid:empty{display:none}
#standard-overview .chart-card{grid-column:1 / -1;grid-row:3}
@media(max-width:860px){
  #standard-overview.detail-grid{grid-template-columns:minmax(0,1fr)!important}
  #standard-overview .summary-card{grid-column:1;grid-row:1}
  #standard-overview .decision-card{grid-column:1;grid-row:2}
  #standard-overview .metrics-grid{grid-column:1;grid-row:3}
  #standard-overview .chart-card{grid-column:1;grid-row:4}
}
@media print{
  #standard-overview.detail-grid{grid-template-columns:minmax(0,1fr)!important}
  #standard-overview .summary-card{grid-column:1;grid-row:1}
  #standard-overview .decision-card{grid-column:1;grid-row:2}
  #standard-overview .metrics-grid{grid-column:1;grid-row:3}
  #standard-overview .chart-card{grid-column:1;grid-row:4}
}