/* Shared Forex styles supply the palette, cards, responsive grids and CTAs. */
.metals-page .forex-hero h1{font-size:clamp(38px,4.2vw,58px)}
.metals-page .forex-section-heading h2 span{color:var(--secondary)}
.metals-page .forex-art>p{right:0}
.metals-filters{display:flex;flex-shrink:0;gap:6px;align-self:flex-end;border-bottom:1px solid #bc99ff30}
.metals-filters[hidden],.metals-card[hidden]{display:none}
.metals-filters button{color:#b7bed2;background:transparent;border:0;border-bottom:2px solid transparent;padding:12px 10px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}
.metals-filters button:hover{color:var(--secondary)}
.metals-filters button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}
.metals-filters button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
.metals-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.metals-card{display:flex;flex-direction:column}
.metals-card-heading{padding:22px 21px 0}
.metals-card-heading h3{font-size:22px}
.metals-card-heading>p{color:#b7bed2;font-size:13px;line-height:1.65;margin:0;min-height:86px}
.metals-card-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;mask-image:linear-gradient(transparent,#000 12%,#000 78%,transparent)}
.metals-card .forex-market-body{margin-top:0;min-height:0;flex:1;display:flex;flex-direction:column}
.metals-card .forex-pairs{margin-top:auto}
.metals-card .forex-pairs ul{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.metals-card .forex-pairs li{font-size:10px;padding:6px 5px;text-align:center;display:grid;place-items:center}
@media(max-width:1100px){.metals-page .forex-markets>.forex-section-heading{align-items:flex-start;flex-direction:column;gap:14px}.metals-filters{align-self:flex-start}.metals-card-heading{padding:18px 15px 0}.metals-card-heading h3{font-size:18px;gap:8px}.metals-card-heading>p{min-height:108px}}
@media(max-width:800px){.metals-card-heading{padding:22px 22px 0}.metals-card-heading h3{font-size:24px}.metals-card-heading>p{min-height:0;font-size:14px}.metals-card .forex-pairs li{font-size:11px}.metals-page .forex-art>p{right:7px}}
@media(max-width:440px){.metals-page .forex-hero h1{font-size:38px}.metals-filters{width:100%;justify-content:space-between;gap:0}.metals-filters button{font-size:11px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.metals-filters button{transition:none}}