.dt-exchange-quote,
.dt-stock-range,
.dt-stock-stats,
.dt-ownership-mix,
.dt-profitability-trend {
  border: 1px solid var(--dt-color-border);
  border-radius: var(--dt-radius-lg);
  box-shadow: none;
  min-width: 0;
}

.dt-exchange-quote { align-content: start; gap: .4rem; padding: 1.15rem; }
.dt-exchange-quote.is-active { border-color: var(--dt-color-border); }
.dt-exchange-quote > div { align-items: baseline; gap: .75rem; }
.dt-exchange-quote > div b { font-size: var(--dt-text-sm); font-weight: var(--dt-weight-medium); }
.dt-exchange-quote > strong { font: var(--dt-weight-medium) 1.8rem/1.1 var(--dt-font-interface); font-variant-numeric: tabular-nums; letter-spacing: -.035em; }
.dt-exchange-quote em { font-style: normal; font-weight: var(--dt-weight-semibold); }
.dt-exchange-quote .is-positive { color: var(--dt-color-return-positive); }
.dt-exchange-quote .is-negative { color: var(--dt-color-return-negative); }
.dt-exchange-quote__status { border-top: 1px solid var(--dt-color-border); color: var(--dt-color-text-muted); font-size: var(--dt-text-xs); margin-top: .45rem; padding-top: .7rem; }

.dt-stock-range { gap: 1.1rem; padding: 1.2rem; }
.dt-stock-range header { align-items: baseline; }
.dt-stock-range header strong { font: var(--dt-weight-medium) 1.05rem var(--dt-font-interface); }
.dt-stock-range__track { background: var(--dt-color-surface-muted); border: 1px solid var(--dt-color-border); height: .55rem; }
.dt-stock-range__track i { background: var(--dt-chart-1); border: 2px solid var(--dt-color-surface); box-shadow: 0 0 0 1px var(--dt-chart-1); height: 1.05rem; width: 1.05rem; }
.dt-stock-range__labels { display: grid; gap: .7rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dt-stock-range__labels span { color: var(--dt-color-text-muted); font-size: var(--dt-text-xs); }
.dt-stock-range__labels b { color: var(--dt-color-text); font-size: var(--dt-text-sm); font-variant-numeric: tabular-nums; }

.dt-stock-stats header { background: var(--dt-color-surface); padding: 1.15rem; }
.dt-stock-stats header strong { font: var(--dt-weight-medium) 1.05rem var(--dt-font-interface); }
.dt-stock-stats dl { padding: 0 1.15rem; }
.dt-stock-stats dl > div { min-width: 0; padding: .85rem 0; }
.dt-stock-stats dt { gap: .2rem; }
.dt-stock-stats dd { font-variant-numeric: tabular-nums; }

.dt-ownership-mix { gap: 1.15rem; padding: 1.2rem; }
.dt-ownership-mix h3,
.dt-profitability-trend h3 { font: var(--dt-weight-medium) 1.1rem var(--dt-font-interface); letter-spacing: -.025em; }
.dt-ownership-mix header > span { background: transparent; border: 1px solid var(--dt-color-border); border-radius: var(--dt-radius-sm); color: var(--dt-color-text-muted); white-space: nowrap; }
.dt-ownership-mix__bar { border-radius: var(--dt-radius-sm); height: .62rem; }
.dt-ownership-mix ul { gap: 0; grid-template-columns: minmax(0, 1fr); }
.dt-ownership-mix li { border-top: 1px solid var(--dt-color-border); column-gap: .65rem; padding: .7rem 0; }
.dt-ownership-mix li > strong { font-variant-numeric: tabular-nums; }
.dt-ownership-mix footer { padding-top: .8rem; }

.dt-profitability-trend { gap: .4rem; padding: 1.2rem; }
.dt-profitability-trend__panels { gap: 1.25rem; }
.dt-profitability-trend__panels > section { border-top: 1px solid var(--dt-color-border); padding-top: .8rem; }
.dt-profitability-trend__panels h4 { color: var(--dt-color-text-muted); font-size: var(--dt-text-sm); font-weight: var(--dt-weight-medium); margin: 0 0 .65rem; }
.dt-profitability-trend .dt-interactive-chart { box-sizing: border-box; padding-top: 2.4rem; }
.dt-profitability-trend .dt-interactive-chart__hint { border-radius: var(--dt-radius-sm); max-width: calc(100% - 1rem); }

@container (max-width: 360px) {
  .dt-stock-range__labels { gap: .45rem; }
  .dt-stock-range__labels b { font-size: var(--dt-text-xs); }
}