/* Native disclosure navigation scales with the searchable index directory. */
.header-inner{position:relative}
.utility a{text-decoration:none}
.utility a:hover,.utility a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.utility a:focus-visible{outline-color:var(--green)}
.nav-group{position:relative}
.nav-group>summary{display:flex;align-items:center;gap:9px;padding:14px 0;list-style:none;cursor:pointer;white-space:nowrap}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group>summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.nav-group[open]>summary,.nav-group>summary:hover{color:white;text-decoration:underline;text-underline-offset:5px}
.nav-caret{display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.nav-group[open] .nav-caret{transform:rotate(225deg);margin-top:3px}
.nav-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:310px;background:#fff;color:var(--ink);padding:15px;border:1px solid var(--line);border-top:3px solid var(--green);box-shadow:0 15px 30px #00336629;font-weight:400;white-space:normal}
.main-nav .nav-dropdown a{display:block;padding:11px 12px;line-height:1.4;border-radius:2px;white-space:normal}
.main-nav .nav-dropdown a:hover,.main-nav .nav-dropdown a:focus-visible{background:var(--green-tint);color:var(--navy)}
.nav-dropdown a small{display:block;margin-top:5px;font-size:.68rem;letter-spacing:.09em;color:var(--muted)}
.nav-group-indexes{position:static}
.nav-dropdown-indexes{top:calc(100% - 8px);width:min(740px,calc(100vw - 80px));padding:24px}
.nav-index-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.nav-section-label{display:block;font-family:var(--sans);text-transform:uppercase;font-size:.65rem;font-weight:650;line-height:1.4;letter-spacing:.13em;color:var(--muted);padding:0 12px 12px;border-bottom:1px solid var(--line);margin:0 0 7px}
.nav-index-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:20px;padding-top:18px}
.main-nav .nav-view-all{font-weight:600}
.nav-view-all span{margin-left:14px;color:var(--blue)}
.nav-index-footer form{display:flex;gap:8px;flex:1;max-width:360px}
.nav-index-footer input{min-width:0;min-height:38px;font-size:.8rem;padding:8px 10px}
.nav-index-footer button{border:0;border-radius:2px;background:var(--navy);color:white;padding:8px 13px;font-size:.8rem}
.hero-index{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 20px;padding:17px 0}
.hero-index h2{font-size:1rem;line-height:1.35}
.hero-index .ticker{font-size:.68rem;letter-spacing:.05em}
.hero-index-performance{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:100px;text-align:right}
.hero-index-performance strong{font-size:1.45rem;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;color:#fff}
.hero-index-performance small{font-size:.65rem;line-height:1.4;color:#c1cfde;max-width:140px}
.performance-up strong{color:var(--green)}.performance-down strong{color:var(--orange)}.performance-unavailable strong{color:#bbc9d9}
.hero-index-source{grid-column:1/-1;font-size:.62rem;color:#a8bbcf;line-height:1.4}.hero-index-source[hidden]{display:none}
.index-panel-foot p{font-size:.7rem;margin:0 0 16px}
.index-more-button{width:100%;border-color:#7892af;color:white;justify-content:space-between;padding:10px 16px;min-height:42px}
.index-more-button:hover{border-color:var(--green);color:white;background:var(--blue)}
@media(min-width:761px) and (max-width:1050px){.main-nav{gap:15px}.nav-group>summary{gap:7px}.hero-content{gap:35px;grid-template-columns:1.1fr 1fr}.hero-index{gap:8px 12px}.hero-index h2{font-size:.95rem}.hero-index-performance{min-width:90px}.hero-index-performance strong{font-size:1.25rem}}
@media(max-width:760px){.main-nav{left:-18px;right:-18px;max-height:calc(100dvh - 130px);overflow-y:auto}.nav-group{width:100%}.nav-group>summary{justify-content:space-between;padding:12px 0}.nav-dropdown,.nav-dropdown-indexes{position:static;width:100%;padding:12px;background:var(--navy);color:white;border:0;border-left:2px solid var(--green);box-shadow:none}.nav-index-columns{grid-template-columns:1fr;gap:22px}.nav-section-label{color:#b8c9db;border-color:#426181}.main-nav .nav-dropdown a:hover,.main-nav .nav-dropdown a:focus-visible{color:white;background:var(--blue)}.nav-dropdown a small{color:#a9bfd5}.nav-index-footer{flex-direction:column;align-items:stretch;border-color:#426181;gap:12px}.nav-index-footer form{max-width:none}.nav-index-footer input{color:var(--ink)}.nav-index-footer button{background:var(--green);color:var(--navy)}.nav-view-all span{color:white}.hero-index{padding:18px 0;gap:8px 12px}.hero-index-name{min-width:0}.hero-index h2{font-size:.95rem}.hero-index-performance{min-width:90px}.hero-index-performance strong{font-size:1.3rem}.hero-index-performance small{max-width:105px}.panel-heading{font-size:.6rem}.mini-label{font-size:.55rem}.index-more-button{margin-top:4px}}

.site-header .nav-dropdown :focus-visible{outline-color:var(--blue)}
@media(max-width:760px){.site-header .nav-dropdown :focus-visible{outline-color:white}.site-header .nav-dropdown input:focus-visible{outline-color:var(--blue)}}

/* ETF context belongs to the linked index; client resources have their own divider. */
.nav-dropdown .nav-etf-note{letter-spacing:0;font-size:.7rem;color:var(--muted)}
.nav-etf-note>span{font-weight:650}
.nav-index-resources{border-top:1px solid var(--line);margin-top:22px;padding-top:14px}
.main-nav .nav-dropdown .nav-rulebook-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px}
.nav-rulebook-link strong{font-size:.84rem;line-height:1.5;font-weight:700}
.nav-rulebook-link>span{color:var(--blue)}
.nav-dropdown .nav-rulebook-link>small{grid-column:1/-1;letter-spacing:0;font-size:.67rem;line-height:1.5;margin-top:0}
@media(max-width:760px){.nav-dropdown .nav-etf-note{color:#b8c9db}.nav-index-resources{border-color:#426181}.nav-rulebook-link>span{color:#fff}}