#etf-view{max-width:1260px;margin-inline:auto;padding-top:30px;--etf-up:#69d7b3;--etf-down:#ef8797;--etf-line:#ececec}
[data-theme=light] #etf-view{--etf-up:#10735a;--etf-down:#b72d4e;--etf-line:#262626}
.etf-heading{gap:20px;align-items:center}.etf-heading h1{font-size:clamp(30px,3.5vw,44px);letter-spacing:-.03em;margin:14px 0}.etf-heading p{color:var(--muted);font-size:15px;line-height:1.6}.etf-back{color:var(--muted);font-size:13px}
.etf-refresh{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}.etf-refresh:hover{background:var(--hover)}.etf-refresh:disabled{opacity:.45;cursor:wait}.etf-refresh svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.etf-assets{margin:30px 0 24px;border-bottom:1px solid var(--line);padding-bottom:18px;gap:8px}.etf-assets button{display:flex;gap:10px;align-items:center}.etf-assets span{font-size:12px;color:var(--muted)}
.etf-summary{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:12px 0 28px}.etf-summary>div{display:flex;flex-direction:column;gap:12px}.etf-summary span{font-size:13px;color:var(--muted)}.etf-summary strong{font-size:clamp(28px,3.2vw,40px);font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.etf-summary small{font-size:12px;color:var(--muted);line-height:1.5}.etf-positive{color:var(--etf-up)}.etf-negative{color:var(--etf-down)}
.etf-pending{font-size:13px;color:var(--muted);padding:12px 0;border-top:1px solid var(--line)}.etf-chart-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.etf-chart-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.etf-chart-toolbar .filter-pills button{font-size:12px;padding:9px 12px}.etf-readout{min-height:100px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px 20px;padding:25px 0 12px;font-variant-numeric:tabular-nums}.etf-readout>div{display:flex;flex-direction:column;gap:7px}.etf-readout time{font-size:15px;font-weight:600}.etf-readout span,.etf-readout small{font-size:12px;color:var(--muted)}.etf-readout>strong{font-size:25px;letter-spacing:-.02em}.etf-readout>small{grid-column:1/-1;text-align:right}
.etf-plot{touch-action:pan-y;user-select:none}.etf-plot svg{display:block;width:100%;height:auto;overflow:visible}.etf-line{fill:none;stroke:var(--etf-line);stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round}.etf-grid{stroke:var(--line);stroke-width:1}.etf-zero{stroke:var(--muted);stroke-dasharray:3 5;opacity:.65}.etf-axis{font:12px Onest,sans-serif;fill:var(--muted)}.etf-dot{fill:var(--etf-line)}.etf-dot.is-partial{fill:var(--surface);stroke:var(--etf-line);stroke-width:1.5}.etf-cursor{stroke:var(--muted);stroke-dasharray:3 4;stroke-width:1}.etf-marker{fill:var(--surface);stroke:var(--etf-line);stroke-width:2.5}.etf-scrubber{display:block;padding:12px 0}.etf-scrubber input{display:block;width:100%;accent-color:var(--text);cursor:ew-resize;height:16px}.etf-chart-hint{font-size:12px;color:var(--muted);line-height:1.6;margin:4px 0}
.etf-funds{padding-top:28px}.etf-table-heading{display:flex;gap:20px;align-items:center;justify-content:space-between}.etf-table-heading h2{font-size:19px;font-weight:550}.etf-table-heading time{font-size:13px;color:var(--muted)}.etf-table-scroll{overflow-x:auto}.etf-funds table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums}.etf-funds th,.etf-funds td{padding:16px 4px;border-bottom:1px solid var(--line);text-align:left}.etf-funds thead th{font-size:12px;font-weight:400;color:var(--muted)}.etf-funds th:last-child,.etf-funds td:last-child{text-align:right;white-space:nowrap}.etf-funds td:first-child strong{display:inline-block;min-width:70px;font-weight:550}.etf-funds td span,.etf-funds td small{color:var(--muted);font-size:12px}.etf-funds td small{display:block;margin-top:5px}.etf-funds tfoot{font-weight:600}.etf-method{margin-top:30px;font-size:13px;line-height:1.75;color:var(--muted)}.etf-method summary{cursor:pointer;color:var(--text)}.etf-method p{max-width:80ch}.etf-source{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;padding:24px 0;font-size:12px;color:var(--muted)}.etf-source a{text-decoration:underline;text-underline-offset:4px}
#news-filters .news-etf-link{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;white-space:nowrap;color:var(--muted);font-size:13px;border-radius:6px}.news-etf-link:hover{background:var(--hover);color:var(--text)}.news-etf-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
@media(max-width:650px){#etf-view{padding-top:20px}.etf-heading p{font-size:14px}.etf-summary{gap:22px;grid-template-columns:1fr}.etf-summary strong{font-size:32px}.etf-summary>div+div{border-top:1px solid var(--line);padding-top:18px}.etf-chart-toolbar{gap:8px}.etf-chart-toolbar .filter-pills{flex-wrap:wrap;gap:3px}.etf-chart-toolbar .filter-pills button{font-size:12px;padding:8px}.etf-readout{grid-template-columns:1fr;gap:12px}.etf-readout>small{text-align:left}.etf-plot svg{min-height:210px}.etf-table-heading{align-items:flex-start}.etf-funds td:first-child span{display:block;margin-top:5px}.etf-funds td:first-child strong{min-width:0}.etf-line{stroke-width:3}.etf-source{flex-direction:column}}
.shell-dex-switch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 7px;min-height:38px;margin-inline:16px auto;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:600;line-height:1.25;color:var(--text);background:var(--surface)}.shell-dex-switch svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}.shell-dex-switch span{flex-basis:100%;font-size:9px;font-weight:400;color:var(--muted);text-align:center}.shell-dex-switch:hover,.shell-dex-switch[aria-current=page]{border-color:var(--muted);background:var(--hover)}
@media(max-width:400px){.shell-dex-switch{margin-inline:10px auto;padding:6px 8px}}

#etf-view .etf-heading{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start}#etf-view .etf-heading .etf-refresh{margin-top:42px}