.etf-ai-card{position:relative;padding:16px 20px;margin-bottom:16px;background:rgba(var(--purple-rgb),.06);border-left:3px solid rgba(var(--purple-rgb),.4);border-radius:var(--radius-md);font-size:var(--text-2xs);font-weight:var(--fw-body);color:var(--text-secondary);line-height:var(--lh-relaxed)}.etf-main .glass-card h2,.etf-main .glass-card h3{font-size:var(--text-sm);font-weight:var(--fw-body);color:var(--text-secondary);margin:0 0 14px;letter-spacing:var(--ls-normal)}.etf-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.etf-chart-header h2{margin:0;font-size:var(--text-base);font-weight:var(--fw-body)}.etf-chart-tabs{display:flex;gap:2px}.etf-chart-tab{padding:3px 10px;font-size:var(--text-2xs);font-family:var(--font-body);font-weight:var(--fw-body);border:1px solid var(--surface-4);background:transparent;color:var(--text-subtle);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.etf-chart-tab:hover{border-color:var(--accent-purple, #a855f7);color:var(--text-secondary)}.etf-chart-tab.active{background:rgba(var(--purple-rgb),.15);border-color:rgba(var(--purple-rgb),.3);color:var(--text-primary)}.etf-chart-wrap{position:relative;height:280px}.etf-hero{padding:var(--space-24) 16px;text-align:center;margin-bottom:16px}.etf-hero-top{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:8px}.etf-hero-name{font-size:var(--text-xl);font-weight:300;color:var(--text-primary);margin:0}.etf-hero-symbol{font-size:var(--text-md);font-weight:var(--fw-body);color:var(--accent-gold, rgba(var(--gold-rgb), .9));background:rgba(var(--gold-rgb),.12);padding:2px 10px;border-radius:var(--radius-full)}.etf-hero-desc{font-size:var(--text-2xs);font-weight:var(--fw-body);color:var(--text-tertiary);line-height:var(--lh-relaxed);max-width:800px;margin:0 auto;max-height:3.6em;overflow:hidden;position:relative;transition:max-height .3s ease}.etf-hero-desc.expanded{max-height:none}.etf-hero-desc:not(.expanded):after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.5em;background:linear-gradient(transparent,var(--bg-primary, #1a0e2e));pointer-events:none}.etf-hero-toggle{display:inline-block;margin-top:4px;font-size:var(--text-2xs);font-weight:var(--fw-body);color:var(--accent-purple, #a855f7);cursor:pointer;border:none;background:none;padding:0}.etf-stats{margin-bottom:16px}.etf-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.etf-stat{text-align:center;padding:12px 8px;background:var(--surface-1);border:1px solid var(--surface-4);border-radius:var(--radius-md)}.etf-stat-val{font-size:var(--text-sm);font-weight:var(--fw-body);color:var(--text-primary);margin-bottom:2px}.etf-stat-label{font-size:var(--text-2xs);font-weight:var(--fw-body);color:var(--text-subtle)}.etf-sector-link{display:inline-block;margin-top:4px;font-size:var(--text-2xs);font-weight:300;color:var(--accent-gold);text-decoration:none;transition:var(--transition-fast)}.etf-sector-link:hover{opacity:.8}.etf-layout{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}@media(max-width:1099px){.etf-layout{grid-template-columns:1fr}}.etf-main,.etf-sidebar{display:flex;flex-direction:column;gap:16px}.etf-perf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px}.etf-perf-item{text-align:center;padding:10px 6px;background:var(--surface-1);border:1px solid var(--surface-4);border-radius:var(--radius-md)}.etf-perf-val{font-size:var(--text-sm);font-weight:var(--fw-body);margin-bottom:2px;font-variant-numeric:tabular-nums}.etf-perf-label{font-size:var(--text-2xs);font-weight:var(--fw-body);color:var(--text-subtle)}.etf-sector-bars{display:flex;flex-direction:column;gap:6px}.etf-sector-row{display:flex;align-items:center;gap:8px}.etf-sector-name{font-size:var(--text-2xs);font-weight:var(--fw-body);color:var(--text-secondary);min-width:140px;flex-shrink:0}.etf-sector-bar-wrap{flex:1;height:8px;background:var(--surface-2);border-radius:var(--radius-full);overflow:hidden}.etf-sector-bar{height:100%;border-radius:var(--radius-full);background:var(--accent-purple, #a855f7);transition:width .4s ease}.etf-sector-pct{font-size:var(--text-2xs);font-weight:var(--fw-body);color:var(--text-tertiary);min-width:40px;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:600px){.etf-sector-name{min-width:100px}}.etf-holdings-badge{font-size:var(--text-2xs);color:var(--accent-gold, rgba(var(--gold-rgb), .9));background:rgba(var(--gold-rgb),.12);padding:2px 8px;border-radius:var(--radius-full);font-weight:300}.etf-holdings-table{width:100%;border-collapse:collapse;font-size:var(--text-2xs);font-weight:var(--fw-body)}.etf-holdings-table th{text-align:left;color:var(--text-subtle);padding:6px 8px;border-bottom:1px solid var(--surface-4);font-weight:var(--fw-body);letter-spacing:var(--ls-normal)}.etf-holdings-table td{padding:6px 8px;color:var(--text-secondary);border-bottom:1px solid var(--surface-2)}.etf-holdings-table tr:hover{background:var(--surface-3)}.etf-holdings-table td:nth-child(3),.etf-holdings-table td:nth-child(4),.etf-holdings-table th:nth-child(3),.etf-holdings-table th:nth-child(4){text-align:right}.etf-holdings-ticker{color:var(--accent-gold, #d4af37);text-decoration:none;font-weight:var(--fw-body)}.etf-holdings-ticker:hover{color:var(--accent-purple, #a855f7)}.etf-holdings-weight-bar{display:inline-block;height:4px;border-radius:var(--radius-full);background:var(--accent-purple, #a855f7);margin-left:6px;vertical-align:middle}@media(max-width:600px){.etf-holdings-table td:nth-child(4),.etf-holdings-table th:nth-child(4){display:none}}#etfDetailsCard h3{margin:0 0 12px;font-size:var(--text-xs);font-weight:var(--fw-body)}.etf-detail-rows{display:flex;flex-direction:column;gap:6px}.etf-detail-row{display:flex;justify-content:space-between;font-size:var(--text-2xs);font-weight:var(--fw-body)}.etf-detail-label{color:var(--text-subtle)}.etf-detail-val{color:var(--text-primary);font-variant-numeric:tabular-nums}.etf-movers-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.etf-movers-grid{grid-template-columns:1fr}}.etf-movers-col h3{font-size:var(--text-2xs);font-weight:var(--fw-body);margin:0 0 6px;letter-spacing:var(--ls-open)}.etf-mover-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);text-decoration:none;color:inherit;transition:var(--transition-fast);font-size:var(--text-2xs);font-weight:var(--fw-body)}.etf-mover-row:hover{background:var(--surface-3)}.etf-mover-symbol{color:var(--accent-gold, #d4af37);min-width:50px}.etf-mover-price{color:var(--text-secondary);flex:1;font-variant-numeric:tabular-nums}.etf-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.etf-related-card{display:block;padding:10px;background:var(--surface-1);border:1px solid var(--surface-4);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:var(--transition-fast)}.etf-related-card:hover{transform:translateY(-2px);border-color:var(--accent-purple, #a855f7)}.etf-related-symbol{font-size:var(--text-xs);font-weight:var(--fw-body);color:var(--accent-gold, #d4af37)}.etf-related-name{font-size:var(--text-2xs);color:var(--text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}