.etf-story{border-top:3px solid var(--ui-accent);scroll-margin-top:110px}.etf-story-heading{max-width:760px}.etf-story-heading small{color:var(--ui-text-muted);letter-spacing:.08em;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.etf-story-heading h2{margin-bottom:7px;font-size:22px;line-height:1.45}.etf-story-heading p{margin:0}.etf-story-state{border:1px solid var(--ui-warning-border);background:var(--ui-warning-bg);color:var(--ui-warning);white-space:nowrap;border-radius:999px;align-self:flex-start;padding:8px 12px;font-size:11px;font-weight:700}.etf-story-controls{border:1px solid var(--ui-border);background:var(--ui-surface-raised);border-radius:9px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:18px 0;padding:14px;display:flex}.etf-story-controls label{color:var(--ui-text-muted);gap:7px;font-size:10px;display:grid}.etf-story-controls select{border-radius:7px;min-width:150px;padding:9px 11px}.etf-story-controls label:first-child select{min-width:245px}.etf-story-primary{grid-template-columns:minmax(300px,.9fr) minmax(0,1.6fr);align-items:stretch;gap:14px;display:grid}.etf-strategy-spec,.etf-return-panel{border:1px solid var(--ui-border);background:var(--ui-surface-raised);border-radius:10px;overflow:hidden}.etf-strategy-spec>div,.etf-return-heading{border-bottom:1px solid var(--ui-border);padding:14px 16px}.etf-strategy-spec>div>span,.etf-return-heading span,.etf-detail-head span{color:var(--ui-text-muted);letter-spacing:.06em;font-size:10px;font-weight:700;display:block}.etf-strategy-spec h3,.etf-return-heading h3,.etf-detail-head h3{margin:4px 0 0;font-size:14px;line-height:1.55}.etf-strategy-spec dl{margin:0}.etf-strategy-spec dl>div{border-bottom:1px solid var(--ui-border-soft);grid-template-columns:82px 1fr;gap:12px;padding:10px 16px;display:grid}.etf-strategy-spec dl>div:last-child{border-bottom:0}.etf-strategy-spec dt{color:var(--ui-text-muted);font-size:10px;font-weight:700}.etf-strategy-spec dd{color:var(--ui-text-secondary);margin:0;font-size:11px;line-height:1.65}.etf-return-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.etf-return-heading>small{color:var(--ui-text-muted);text-align:right;font-size:10px;line-height:1.5}.etf-period-strip{background:var(--ui-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.etf-period-card{background:var(--ui-surface);color:var(--ui-text);text-align:left;cursor:pointer;border:0;min-width:0;padding:14px;display:block}.etf-period-card:hover{background:var(--ui-hover)}.etf-period-card[aria-pressed=true],.etf-period-card[data-selected=true]{background:var(--ui-selected);box-shadow:inset 0 3px 0 var(--ui-accent)}.etf-period-card>span{color:var(--ui-text-secondary);justify-content:space-between;align-items:baseline;gap:6px;font-size:11px;font-weight:700;display:flex}.etf-period-card>span small{color:var(--ui-text-muted);font-size:9px;font-weight:500}.etf-period-card>strong{margin:13px 0 2px;font-size:22px;line-height:1.2;display:block}.etf-period-card>strong.up{color:var(--ui-up)}.etf-period-card>strong.down{color:var(--ui-down)}.etf-period-definition{color:var(--ui-text-muted);font-size:9px;display:block}.etf-period-card dl{border-top:1px solid var(--ui-border-soft);gap:5px;margin:13px 0 0;padding-top:10px;display:grid}.etf-period-card dl div{justify-content:space-between;gap:8px;display:flex}.etf-period-card dt,.etf-period-card dd{font-size:10px}.etf-period-card dt{color:var(--ui-text-muted)}.etf-period-card dd{color:var(--ui-text-secondary);margin:0;font-weight:700}.etf-story-snapshot .etf-period-card{cursor:default}.etf-story-snapshot .etf-period-card:hover{background:var(--ui-surface)}.etf-story-snapshot .etf-period-card[data-selected=true]:hover{background:var(--ui-selected)}.etf-number-note{border-left:3px solid var(--ui-accent);background:var(--ui-bg-elevated);color:var(--ui-text-secondary);padding:12px 14px;font-size:11px;line-height:1.8}.etf-number-note strong{color:var(--ui-text)}.etf-detail-head{justify-content:space-between;align-items:flex-end;gap:16px;margin:22px 0 10px;display:flex}.etf-detail-head p{max-width:520px;color:var(--ui-text-muted);text-align:right;margin:0;font-size:10px}.etf-story-metrics{background:var(--ui-border);border:1px solid var(--ui-border);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden}.etf-story-metrics .product-metric{box-shadow:none;border:0;border-radius:0}.etf-story-metrics .product-metric>strong{font-size:24px}.etf-story-metrics .product-metric>strong.up{color:var(--ui-up)}.etf-story-metrics .product-metric>strong.down{color:var(--ui-down)}.etf-cost-panel{border:1px solid var(--ui-border);background:var(--ui-surface-raised);border-radius:10px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:20px;margin:20px 0;padding:18px;display:grid}.etf-cost-panel h3{margin:0 0 8px}.etf-cost-panel p{color:var(--ui-text-secondary);margin:0}.etf-cost-rows{gap:14px;display:grid}.etf-cost-row{color:var(--ui-text-secondary);grid-template-columns:82px 1fr auto;align-items:center;gap:10px;font-size:10px;display:grid}.etf-cost-row>strong{color:var(--ui-text);font-size:11px}.etf-cost-bar{background:var(--ui-border-soft);border-radius:4px;height:10px;display:flex;overflow:hidden}.etf-cost-bar i:first-child{background:var(--ui-accent)}.etf-cost-bar i:last-child{background:var(--ui-warning)}.etf-cost-row small{color:var(--ui-text-muted);grid-column:2/4;line-height:1.6}.etf-story-readout{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.etf-story-readout article{border:1px solid var(--ui-border);background:var(--ui-surface-raised);border-radius:9px;padding:15px 16px}.etf-story-readout h3{margin:0 0 7px;font-size:13px}.etf-story-readout p{margin:0}.etf-story-readout article:last-child{border-color:var(--ui-warning-border);background:var(--ui-warning-bg)}.etf-story-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.etf-story-actions .product-link{margin:0}.etf-story-actions span{color:var(--ui-text-muted);font-size:10px}.etf-story-compact .etf-story-heading h2{font-size:18px}.etf-story-compact .etf-story-metrics{margin:16px 0}.etf-story-compact .etf-story-actions{margin-top:8px}@media (width<=960px){.etf-story-primary{grid-template-columns:1fr}.etf-story-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.etf-cost-panel,.etf-story-readout{grid-template-columns:1fr}}@media (width<=680px){.etf-story-heading h2{font-size:18px}.etf-story-state{white-space:normal}.etf-story-controls{grid-template-columns:1fr;display:grid}.etf-story-controls label,.etf-story-controls select,.etf-story-controls label:first-child select{width:100%;min-width:0}.etf-period-strip{grid-template-columns:1fr}.etf-period-card{padding:13px 14px}.etf-period-card>span{justify-content:flex-start}.etf-period-card>strong{margin-top:10px;font-size:21px}.etf-period-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}.etf-detail-head{display:block}.etf-detail-head p{text-align:left;margin-top:6px}.etf-story-metrics{grid-template-columns:1fr}.etf-cost-row{grid-template-columns:72px 1fr}.etf-cost-row>span,.etf-cost-row small{grid-column:1/-1}.etf-story-actions{flex-direction:column;align-items:flex-start}}@media (width<=420px){.etf-strategy-spec dl>div{grid-template-columns:1fr;gap:3px}.etf-period-card dl{grid-template-columns:1fr}}