.stock-info-details { --font-base: 14px; --font-small: 12px; --font-large: 18px; --font-title: 22px; display: grid; gap: 24px; margin-top: 24px; }
.stock-info-details[hidden] { display: none; }
.stock-info-details > .panel { padding: 24px; }
#stockInfoMetrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.stock-info-metric-group { min-width: 0; border: 1px solid #e2e8f0; border-radius: 16px; overflow: hidden; }
.stock-info-metric-group h3 { margin: 0; padding: 16px 20px; background: #f8fafc; font-size: 16px; }
.stock-info-metric-group dl { margin: 0; }
.stock-info-metric-group dl > div { display: flex; justify-content: space-between; gap: 16px; padding: 13px 20px; border-top: 1px solid #edf1f6; }
.stock-info-metric-group dt { color: #687385; overflow-wrap: anywhere; }
.stock-info-metric-group dd { margin: 0; text-align: right; font-weight: 800; overflow-wrap: anywhere; }
.stock-info-insights > .panel-title { padding: 0 4px; }
.stock-info-details .surface { background: #fff; border: 1px solid #e2e8f0; border-radius: 20px; }
.stock-info-status { padding: 24px; color: #687385; text-align: center; }
@media (max-width: 700px) {
    #stockInfoMetrics { grid-template-columns: 1fr; }
    .stock-info-details > .panel { padding: 16px; }
}