#main-view{flex-direction:column;height:100vh;display:flex;overflow:hidden}body.etf-list-page #main-view,.etf-list-page #main-view{height:auto;min-height:100vh;overflow:visible}.sticky-top{flex-shrink:0}header{background:var(--bg);background-image:var(--bg-texture);max-height:240px;padding:18px 24px 40px;transition:max-height .25s,padding-top .25s,padding-bottom .25s,opacity .2s;overflow:hidden}header.header--company{max-height:340px;padding-bottom:24px}header.collapsed{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.page-shell.etf-list-page header{max-height:none;overflow:visible}.header-back-btn{align-items:center;padding-top:0;padding-bottom:10px;display:flex}body.etf-list-page header>*,.etf-list-page header>*{width:100%;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}header h1{letter-spacing:0;margin-top:14px;font-size:44px;font-weight:700;line-height:1.2}header p{color:var(--text-muted);margin-top:6px;font-size:13px}.etf-list-page header h1:after{content:"";background:var(--accent);opacity:.55;border-radius:1px;width:44px;height:2px;margin-top:12px;display:block}.header-meta{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.meta-chip{border-radius:99px;padding:3px 10px;font-size:11px;font-weight:500}.meta-chip.regular{background:rgba(var(--green-rgb), .1);color:var(--green);border:1px solid rgba(var(--green-rgb), .24)}.meta-chip.leveraged{background:rgba(var(--gold-rgb), .12);color:var(--gold);border:1px solid rgba(var(--gold-rgb), .26)}.meta-chip.inverse{background:rgba(var(--red-rgb), .1);color:var(--red);border:1px solid rgba(var(--red-rgb), .22)}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:30;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"search search""type type""company fee""mm stats";gap:8px;padding:12px 16px;display:grid;position:sticky;top:0}@media (max-width:639px){.toolbar{grid-template-areas:"search search""type type""company company""fee fee""mm stats"}header{padding-left:20px;padding-right:20px}body.etf-list-page header>*,.etf-list-page header>*{padding-left:0;padding-right:0}header h1{overflow-wrap:anywhere;font-size:clamp(34px,10vw,44px);line-height:1.1}.toolbar>*{min-width:0}}@media (min-width:640px){.toolbar{flex-wrap:wrap;align-items:center;gap:10px;padding:14px 24px;display:flex}}.toolbar--no-company{grid-template-areas:"search search""type type""fee fee""mm stats"}.search-box{grid-area:search;position:relative}.search-box svg{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-box input{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);-webkit-appearance:none;border-radius:8px;outline:none;padding:9px 10px 9px 32px;font-size:14px;transition:border-color .15s,box-shadow .15s}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .12)}.search-box input::placeholder{color:var(--text-dim)}@media (min-width:640px){.search-box{flex:1;min-width:200px;max-width:300px}.search-box input{padding:7px 10px 7px 32px;font-size:13px}}.type-selector{background:var(--control-track);border:1px solid var(--control-track-border);border-radius:9px;grid-area:type;padding:3px;display:flex}@media (max-width:639px){.type-selector{overscroll-behavior-x:contain;scrollbar-width:none;overflow-x:auto}.type-selector::-webkit-scrollbar{display:none}.type-btn{flex:none}}.type-btn{cursor:pointer;color:var(--text-dim);white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:7px 8px;font-size:12px;font-weight:500;transition:all .18s;display:flex}.type-btn:hover{color:var(--text);background:#ffffff38}.type-btn[data-kind=all].active,.type-btn[data-kind=all][aria-pressed=true]{background:var(--control-active);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .2), var(--shadow-sm);color:var(--text)}.type-btn[data-kind=regular].active,.type-btn[data-kind=regular][aria-pressed=true]{background:var(--control-active);box-shadow:inset 0 0 0 1px rgba(var(--green-rgb), .24), var(--shadow-sm);color:var(--green)}.type-btn[data-kind=leveraged].active,.type-btn[data-kind=leveraged][aria-pressed=true]{background:var(--control-active);box-shadow:inset 0 0 0 1px rgba(var(--gold-rgb), .28), var(--shadow-sm);color:var(--gold)}.type-btn[data-kind=inverse].active,.type-btn[data-kind=inverse][aria-pressed=true]{background:var(--control-active);box-shadow:inset 0 0 0 1px rgba(var(--red-rgb), .22), var(--shadow-sm);color:var(--red)}.type-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.type-btn[data-kind=all] .type-dot{background:linear-gradient(135deg, var(--green), var(--gold), var(--red))}.type-btn[data-kind=regular] .type-dot{background:var(--green)}.type-btn[data-kind=leveraged] .type-dot{background:var(--gold)}.type-btn[data-kind=inverse] .type-dot{background:var(--red)}select{background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239e8f84'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;outline:none;grid-area:company;width:100%;padding:9px 28px 9px 10px;font-size:14px;transition:border-color .15s}select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .12)}@media (min-width:640px){.type-selector{min-height:33px}.type-btn{min-height:27px;padding:5px 8px}select{width:auto;padding:7px 28px 7px 10px;font-size:13px}}.fee-range{color:var(--text-muted);white-space:nowrap;background:var(--surface2);border:1px solid var(--border);border-radius:8px;grid-area:fee;align-items:center;gap:8px;height:42px;padding:0 12px;font-size:12px;display:flex}.fee-range input[type=range]{accent-color:var(--accent);cursor:pointer;width:80px;min-width:48px}.fee-val{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;min-width:38px;font-size:12px}@media (max-width:639px){.fee-range{gap:8px;width:100%;height:auto;min-height:42px;padding:8px 10px}.fee-range>span:first-child{flex:none}.fee-range input[type=range]{flex:64px;width:auto;min-width:64px}.fee-val{flex:none;min-width:0}}@media (min-width:640px){.fee-range{background:0 0;border:none;height:auto;padding:7px 12px}}.toggle-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:8px;grid-area:mm;justify-content:center;align-items:center;min-height:42px;padding:9px 14px;font-size:13px;transition:all .15s;display:inline-flex}.toggle-btn.active,.toggle-btn[aria-pressed=true]{background:rgba(var(--accent-rgb), .1);border-color:var(--accent);color:var(--accent)}@media (max-width:639px){.toggle-btn{text-align:center;justify-self:start;width:fit-content;min-width:176px;max-width:100%;padding-left:18px;padding-right:18px}}@media (min-width:640px){.toggle-btn{min-height:33px;padding:7px 12px;font-size:12px}}.stats{color:var(--text-dim);white-space:nowrap;grid-area:stats;justify-content:flex-end;align-items:center;gap:4px;font-size:12px;display:flex}.stats span{color:var(--text-muted);font-weight:500}.stats span:first-child,.stats span:nth-child(3){color:var(--text-dim);font-weight:400}@media (min-width:640px){.stats{margin-left:auto}}.table-wrap{-webkit-overflow-scrolling:touch;padding:0 0 32px;display:none;overflow:auto visible}@media (min-width:960px){.table-wrap{flex:1;display:block}}table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:0;margin-top:0}.col-date{width:10%}.col-index{width:20%}.col-code{width:7%}.col-name{width:27%}.col-company{width:18%}.col-unit{width:6%}.col-fee{width:10%}.col-mm{width:4%}thead th{background:var(--surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;text-align:left;border-bottom:1px solid var(--border);z-index:10;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:8px 12px;font-size:11px;font-weight:600;transition:color .15s;position:sticky;top:0}.th-unit,.th-fee{text-align:right}.th-mm{text-align:center}thead th[aria-sort]:hover{color:var(--text)}thead th.sorted-asc .th-button:after{content:" ▲";color:var(--accent);vertical-align:middle;font-size:8px}thead th.sorted-desc .th-button:after{content:" ▼";color:var(--accent);vertical-align:middle;font-size:8px}thead th.sorted-asc,thead th.sorted-desc{color:var(--accent)}thead th.sorted-asc .th-button,thead th.sorted-desc .th-button{border-bottom:1px solid rgba(var(--accent-rgb), .45);padding-bottom:1px}.th-button{white-space:nowrap;width:100%;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;display:block}.th-button:focus-visible{outline:1px solid var(--accent);outline-offset:2px;border-radius:2px}tbody tr{border-bottom:1px solid var(--border);transition:background .14s}tbody tr.tr-link{cursor:pointer}tbody tr:hover{background:var(--row-hover)}tbody tr:hover td{background:var(--row-hover);box-shadow:inset 0 1px 0 rgba(var(--accent-rgb), .18), inset 0 -1px 0 rgba(var(--accent-rgb), .18)}tbody tr:hover td:first-child{box-shadow:inset 4px 0 0 rgba(var(--accent-rgb), .62), inset 0 1px 0 rgba(var(--accent-rgb), .18), inset 0 -1px 0 rgba(var(--accent-rgb), .18)}tbody tr.kind-leveraged{border-left:2px solid rgba(var(--gold-rgb), .46)}tbody tr.kind-inverse{border-left:2px solid rgba(var(--red-rgb), .34)}tbody tr.kind-regular{border-left:2px solid #0000}td{vertical-align:middle;padding:9px 12px;transition:background .14s,box-shadow .14s}thead th:first-child,tbody td:first-child{padding-left:24px}thead th:last-child,tbody td:last-child{padding-right:24px}.td-date{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.td-index{color:var(--text-muted);font-size:12px}.td-code{color:var(--accent);white-space:nowrap;font-family:monospace;font-size:13px;font-weight:700}.td-name{font-weight:500}.td-company{color:var(--text-muted);white-space:normal;font-size:12px}.td-unit{text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums}.td-fee{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.td-mm{text-align:center;font-size:15px}.td-index,.td-name,.td-company{overflow-wrap:anywhere;line-height:1.25}.table-link{color:inherit;text-decoration:none}.table-link:hover,.table-link:focus-visible{color:var(--accent)}.td-code .table-link{color:var(--accent);font-family:monospace;font-size:13px;font-weight:700}.table-name-link{font-weight:500}.cards-wrap{padding:16px 0 0;display:block;overflow:visible}@media (min-width:960px){.cards-wrap{display:none}}#cards{gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit;box-shadow:var(--shadow-sm);border-radius:12px;padding:16px;text-decoration:none;transition:background .12s,border-color .12s;display:block}.card:active{background:var(--row-hover)}.card.kind-leveraged{border-left:3px solid rgba(var(--gold-rgb), .62)}.card.kind-inverse{border-left:3px solid rgba(var(--red-rgb), .58)}.card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.card-code-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.card-code{color:var(--accent);font-family:monospace;font-size:15px;font-weight:700}.card-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.card-name{margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.4}.card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.card-company{color:var(--text-muted);font-size:11px}.card-date{color:var(--text-dim);font-size:11px}.card-mm{font-size:13px}.list-component{width:100%;padding:0 20px 40px}@media (max-width:639px){.list-component{padding-left:12px;padding-right:12px}}.list-component .toolbar,.list-component .table-wrap,.list-component .cards-wrap,.list-component .site-footer{width:100%;max-width:1440px;margin-left:auto;margin-right:auto}.list-component .source-attribution{width:100%;max-width:840px;margin-left:auto;margin-right:auto}@media (min-width:640px){.list-component .toolbar{padding-left:20px;padding-right:20px}}@keyframes row-sweep{0%{background:rgba(var(--accent-rgb), .18);box-shadow:inset 4px 0 0 var(--accent)}40%{background:rgba(var(--accent-rgb), .12);box-shadow:inset 4px 0 0 var(--accent)}to{background:0 0;box-shadow:inset 4px 0 #0000}}tr.row-highlight td,.card.row-highlight{animation:2.4s cubic-bezier(.4,0,.2,1) forwards row-sweep}tr.row-highlight td{display:table-cell}