:root { --slot-color: var(--earn); --slot-tint: var(--earn-tint); }
            .etf-hero::before { content: "E"; }
            .philosophy-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s4); margin-top: var(--s4); }
            .philosophy-card { background: var(--paper-warm); border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--s4); }
            .philosophy-card h3 { margin-top: 0; }
            .choice-list li { margin-bottom: var(--s2); }
            @media (max-width: 768px) { .philosophy-grid { grid-template-columns: 1fr; } }
                    .sr-only {
                position: absolute !important;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border: 0;
            }