/* Indices uses the Metals page shell, palette, buttons and filter treatment. */
.indices-regions,.indices-why{scroll-margin-top:100px}
.indices-regions .forex-section-heading .contact-kicker,.indices-why .forex-section-heading .contact-kicker{margin:0 0 9px}
.indices-region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.indices-region-card{overflow:hidden;scroll-margin-top:100px;display:flex;flex-direction:column;transition:border-color .2s}
.indices-region-card:hover{border-color:#bc99ff88}
.indices-region-card[hidden]{display:none}
.indices-region-card>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;mask-image:linear-gradient(#000 65%,transparent)}
.indices-region-content{padding:0 17px 19px;margin-top:-22px;position:relative;flex:1;display:flex;flex-direction:column}
.indices-region-content h3{font-size:20px;line-height:1.2;margin:0 0 15px;letter-spacing:-.025em}
.indices-symbols{display:grid;gap:7px;padding-bottom:14px;border-bottom:1px solid #bc99ff30}
.indices-symbols>div{display:grid;grid-template-columns:65px 1fr;gap:7px;align-items:baseline;font-size:11px}
.indices-symbols strong{font-weight:700;color:#d8c6fa}
.indices-symbols span{color:#b7bed2}
.indices-region-content ul{list-style:none;display:grid;gap:8px;margin:17px 0 0;padding:0}
.indices-region-content li{position:relative;padding-left:13px;color:#d5d9e5;font-size:11px;line-height:1.45}
.indices-region-content li:before{content:'•';position:absolute;left:0;color:var(--accent)}
.indices-why{padding-top:38px}
.indices-why>.forex-section-heading{align-items:end}
.indices-why>.forex-section-heading>p{max-width:430px}
.indices-why-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:19px;align-items:stretch}
.indices-why-art{overflow:hidden;min-height:420px}
.indices-why-art img{display:block;width:100%;height:100%;object-fit:cover}
.indices-benefits{display:grid;grid-template-rows:repeat(4,1fr);gap:11px}
.indices-benefit{display:flex;align-items:center;gap:16px;padding:14px 18px}
.indices-benefit .legal-icon{flex-shrink:0;width:50px;height:50px}
.indices-benefit .legal-icon svg{width:28px;height:28px}
.indices-benefit h3{font-size:15px;font-weight:650;margin:0 0 4px}
.indices-benefit p{font-size:12px;line-height:1.5;color:#b7bed2;margin:0}
@media(max-width:1100px){.indices-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.indices-region-content{padding-inline:20px}.indices-region-content h3{font-size:22px}.indices-symbols>div,.indices-region-content li{font-size:12px}}
@media(max-width:800px){.indices-why>.forex-section-heading{align-items:flex-start}.indices-why-grid{grid-template-columns:1fr}.indices-why-art{min-height:0;aspect-ratio:16/10}.indices-benefits{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.indices-benefit{min-height:105px}}
@media(max-width:600px){.indices-filters{overflow-x:auto;justify-content:flex-start}.indices-filters button{padding-inline:10px}.indices-region-grid,.indices-benefits{grid-template-columns:1fr}.indices-region-card{max-width:580px;width:100%;margin-inline:auto}.indices-region-card>img{aspect-ratio:16/10}.indices-region-content{padding:0 22px 22px}.indices-region-content h3{font-size:24px}.indices-symbols>div,.indices-region-content li{font-size:13px}.indices-why-art{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.indices-region-card{transition:none}}