.etf-shell { max-width: 960px; overflow-wrap: anywhere; }
.etf-shell section { margin: 28px 0; }
.etf-profile-heading { margin-top: 28px; border-bottom: 1px solid #d9e1e6; }
.etf-overview { background: #f8f4e8; border-left: 4px solid #d9ae45; padding: 18px; border-radius: 12px; }
.etf-facts { margin: 12px 0; }
.etf-facts > div { display: grid; grid-template-columns: minmax(100px, 30%) minmax(0, 1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid #e3e8eb; }
.etf-facts dt { color: #52636b; }
.etf-facts dd { margin: 0; min-width: 0; }
.etf-source { color: #52636b; font-size: .9rem; line-height: 1.65; }
.etf-source p { margin: 8px 0; }
.etf-source-group { padding: 8px 0 18px; }
#etf-search-form { display: flex; gap: 12px; align-items: end; }
#etf-search-form .field { flex: 1; min-width: 0; }
#etf-search-form button, .etf-match, #etf-verified-detail summary { min-height: 48px; }
.etf-match { display: block; width: 100%; margin: 6px 0; text-align: left; background: white; border: 1px solid #ccd5db; border-radius: 8px; padding: 12px; color: #203442; }
#etf-verified-detail { padding: 16px; border: 1px solid #ccd5db; border-radius: 12px; margin: 28px 0; }
#etf-verified-detail summary { cursor: pointer; font-weight: 700; }
.etf-table-wrap { max-width: 100%; overflow-x: auto; }
@media (max-width: 600px) { #etf-search-form { display: block; } #etf-search-form button { width: 100%; margin-top: 10px; } .etf-facts > div { display: block; } .etf-facts dd { margin-top: 5px; } }