/* Finance cards share header, toolbar and content tracks; other widgets stay intact. */
#discover-finance > .discover-two-col {
  --finance-inset: 20px;
  --finance-body-min: 320px;
  container: took-finance / inline-size;
}
body #discover-finance > .discover-two-col > :is(.portal-panel, .stock-widget) {
  display: flex;
  flex-direction: column;
  height: auto;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 1px solid var(--d-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 3px 14px #1c234305;
  overflow: hidden;
}
body #discover-finance > .discover-two-col > * > .widget-header {
  grid-row: 1;
  min-height: 65px;
  padding: 18px var(--finance-inset);
  margin: 0;
  flex: 0 0 auto;
}
body #discover-finance :is(.currency-reference, .stock-tabs) {
  grid-row: 2;
  min-height: 60px;
  margin: 16px var(--finance-inset) 0;
  padding: 9px 12px;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  gap: 5px 8px;
  font-size: 13px;
  line-height: 1.5;
}
body #discover-finance .stock-tabs {
  padding: 9px 0;
}
body #discover-finance .stock-tab { flex: 0 0 auto; }
body #discover-finance :is(.currency-grid, .stock-list) {
  grid-row: 3;
  padding: 16px var(--finance-inset) 20px;
  margin: 0;
  min-width: 0;
}
body #discover-finance .currency-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 12px;
  min-height: var(--finance-body-min);
  flex: 1;
}
body #discover-finance .currency-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  min-height: 132px;
  padding: 12px;
}
body #discover-finance .currency-card-head { flex-wrap: wrap; gap: 5px; }
body #discover-finance .currency-value {
  display: block;
  white-space: nowrap;
  font-size: clamp(20px, 3.2cqi, 24px);
  font-variant-numeric: tabular-nums;
}
body #discover-finance .currency-label {
  display: block;
  word-break: keep-all;
  overflow-wrap: anywhere;
  min-height: 2.7em;
}
body #discover-finance .currency-grid > .home-data-empty { grid-column: 1 / -1; }
body #discover-finance .stock-list {
  max-height: 360px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #c7d2fe transparent;
}
@container took-finance (min-width: 1260px) {
  body #discover-finance .currency-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 801px) {
  @supports (grid-template-rows: subgrid) {
    #discover-finance > .discover-two-col {
      grid-template-rows: auto auto minmax(var(--finance-body-min), 1fr);
      row-gap: 0;
    }
    body #discover-finance > .discover-two-col > :is(.portal-panel, .stock-widget) {
      display: grid;
      grid-row: span 3;
      grid-template-rows: subgrid;
    }
    body #discover-finance .stock-list {
      min-height: 0;
      max-height: none;
      contain: size;
    }
  }
}
@media (max-width: 800px) {
  #discover-finance > .discover-two-col { --finance-inset: 16px; }
  body #discover-finance :is(.currency-reference, .stock-tabs) { min-height: 0; }
  @container took-finance (min-width: 620px) {
    body #discover-finance .currency-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  }
}