.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}
body[data-page="metal-prices"]{background:#121413;color:#f2eee4}
body[data-page="metal-prices"] .notice{background:#260b15}
body[data-page="metal-prices"] .market-hero{position:relative;isolation:isolate;min-height:610px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #b394555e;background:radial-gradient(ellipse at 79% 42%,#79543530 0%,transparent 33%),radial-gradient(ellipse at 8% 93%,#304b3425,transparent 47%),linear-gradient(115deg,#121b17 10%,#19221b 47%,#351522 100%)}
.market-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#d4b97c0d 12.5%);z-index:-1;pointer-events:none}
.market-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:85px;background:linear-gradient(transparent,#121413);z-index:-1}
.market-hero-content{padding:88px 7% 115px;max-width:850px;position:relative;z-index:1}
.market-hero h1{font:400 clamp(58px,6.5vw,108px)/.99 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;margin:0 0 28px}
.market-hero h1 em{color:#d7b978;font-style:italic}
.market-lede{font-size:17px;line-height:1.85;color:#d8d5c9;max-width:570px;margin-bottom:30px}
.market-hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.market-hero-actions .button{gap:42px}
.market-text-link{color:#e2c795;text-decoration:underline;text-underline-offset:6px;font-size:14px;padding:12px 0}
.market-orbit{position:absolute;right:-5%;top:4%;width:min(54vw,750px);aspect-ratio:1;border:1px solid #d8b87955;border-radius:50%;box-shadow:inset 0 0 0 18px #dbc28b08,inset 0 0 0 20px #d7bc8355,0 0 100px #cb9d4d0a;transform:rotate(-16deg);pointer-events:none;opacity:.75}
.market-orbit:before,.market-orbit:after{content:"";position:absolute;inset:13%;border:1px solid #d8b87940;border-radius:50%}
.market-orbit:after{inset:28%;border-color:#d8b87960;background:radial-gradient(circle,#a8874730,#795b3611 55%,transparent)}
.market-orbit span{position:absolute;font:italic 54px Georgia,serif;color:#e2ca989c;text-shadow:0 0 45px #e6ba8d80}
.market-orbit span:nth-child(1){right:17%;top:16%}.market-orbit span:nth-child(2){left:8%;bottom:24%}.market-orbit span:nth-child(3){right:16%;bottom:7%}
.market-hero-bottom{position:absolute;bottom:29px;left:7%;right:7%;display:flex;justify-content:space-between;gap:20px;color:#d7c5a9;font-size:11px;letter-spacing:.16em;z-index:1}
.market-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bdcda9;box-shadow:0 0 10px #a5df9e;margin-right:10px;vertical-align:1px}
.market-shell{max-width:1520px;margin:auto;padding:82px 6% 48px}
.market-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}
.market-heading h2,.market-industrial h2,.market-explain h2{font:400 clamp(40px,4.2vw,64px)/1.08 'Cormorant Garamond',Georgia,serif;margin:10px 0 14px;color:#f0e6d6}
.market-heading p:not(.kicker){margin:0;color:#babcb1;line-height:1.75;max-width:660px}
.market-controls{display:flex;align-items:center;gap:11px;flex-wrap:wrap;justify-content:flex-end}
.market-unit{display:flex;border:1px solid #aa895b77;padding:3px;background:#1c251e}
.market-unit button,.market-refresh{border:0;background:transparent;color:#d4c8b4;padding:10px 17px;min-height:44px;font-size:13px}
.market-unit button[aria-pressed="true"]{background:#715128;color:#fff0cf}
.market-refresh{border:1px solid #aa895b77;white-space:nowrap}
.market-refresh:hover,.market-unit button:hover{color:#fff4d8;background:#73542e}
.market-status{min-height:24px;color:#c6b798;font-size:13px;margin:0 0 17px}
.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.market-card{position:relative;min-width:0;min-height:285px;padding:25px 23px 22px;border:1px solid #a1865355;background:radial-gradient(circle at 85% 0%,#a1874520,transparent 38%),linear-gradient(145deg,#243029,#161d19 72%);display:flex;flex-direction:column;overflow:hidden}
.market-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#d7b875,transparent);opacity:.75}
.market-card:hover{border-color:#d5b97892}
.market-card-top{display:flex;align-items:start;justify-content:space-between;gap:12px}
.metal-mark{display:grid;place-items:center;width:59px;height:59px;border:1px solid #b89c6577;border-radius:50%;font:italic 28px Georgia,serif;color:#e1c997;background:#c8aa6630}
.metal-code{color:#c9b68d;font-size:10px;letter-spacing:.15em;white-space:nowrap;margin-top:6px}
.market-card h3{font:400 35px/1.1 'Cormorant Garamond',Georgia,serif;color:#fff1da;margin:26px 0 5px}
.metal-desc{font-size:13px;color:#b6b9ae;line-height:1.5;min-height:39px;margin-bottom:16px}
.market-number{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:auto 0 19px}
.quote-value{font:400 clamp(30px,3vw,43px)/1.1 'Cormorant Garamond',Georgia,serif;white-space:nowrap;letter-spacing:-.018em;color:#f8e6c5;font-variant-numeric:tabular-nums}
.quote-unit{font-size:12px;color:#c1ae89;white-space:nowrap}
.market-card-foot{border-top:1px solid #ab92554d;padding-top:14px;display:flex;align-items:start;justify-content:space-between;gap:10px;color:#b9b7aa;font-size:11px;line-height:1.4}
.quote-state{color:#d9bd86}.quote-time{text-align:right;font-variant-numeric:tabular-nums}
.market-source-line{font-size:12px;color:#acb2a9;line-height:1.7;margin:20px 0 0}
.market-source-line a,.market-industrial a{color:#e0bf7e;text-decoration:underline;text-underline-offset:3px}
.market-secondary{padding-top:50px}
.market-rare .market-card{min-height:236px}
.market-rare .market-card h3{margin-top:22px}
.market-rare .quote-value{font-size:37px}
.market-industrial{padding-top:35px;padding-bottom:82px}
.market-industrial-layout{border-top:1px solid #b597614c;border-bottom:1px solid #b597614c;padding:35px 0;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:45px;align-items:center}
.market-industrial-layout>div>p:not(.kicker){max-width:660px;line-height:1.8;color:#bcc0b3}
.market-industrial .market-card{min-height:230px}
.market-chart{border-top:1px solid #b597613a;max-width:none;background:linear-gradient(145deg,#1a241d,#171519);padding-left:max(6%,calc((100% - 1337px)/2));padding-right:max(6%,calc((100% - 1337px)/2));padding-bottom:80px}
.market-chart-frame{height:520px;border:1px solid #ae925f70;background:#171c19;padding:12px;overflow:hidden}
.tradingview-widget-copyright{color:#b0a995;font-size:11px;margin-top:6px;text-align:right}.tradingview-widget-copyright a{color:#d2b880;text-decoration:underline}
.market-explain{padding:80px 6% 95px;max-width:1520px;margin:auto}
.market-explain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:42px 0}
.market-explain-grid>div{border-top:1px solid #b4956459;padding-top:20px}
.market-explain-grid span{font-size:12px;letter-spacing:.15em;color:#d4b678}
.market-explain-grid h3{font:32px 'Cormorant Garamond',Georgia,serif;margin:12px 0;color:#f0e3d1}
.market-explain-grid p{color:#b8b9ad;font-size:14px;line-height:1.8}
@media(max-width:1150px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-orbit{right:-26%;width:70vw;opacity:.42}}
@media(max-width:720px){.market-hero{min-height:620px!important}.market-hero-content{padding:68px 6% 140px}.market-hero h1{font-size:clamp(54px,12vw,79px)}.market-lede{font-size:15px}.market-orbit{width:95vw;right:-52%;top:12%;opacity:.22}.market-hero-bottom{left:6%;right:6%;font-size:10px;flex-wrap:wrap}.market-shell{padding:55px 5% 25px}.market-heading{display:block}.market-controls{justify-content:flex-start;margin-top:25px}.market-industrial-layout{grid-template-columns:1fr;gap:22px}.market-chart{padding-bottom:60px}.market-chart-frame{height:420px}.market-explain{padding:65px 5%}.market-explain-grid{grid-template-columns:1fr;gap:15px}.market-card{min-height:260px}}
@media(max-width:520px){.market-grid{grid-template-columns:1fr}.market-card{min-height:260px}.market-rare .market-card{min-height:205px}.market-hero-bottom span:last-child{display:none}.market-controls{gap:8px}.market-unit button{padding:9px 11px}.market-card h3{margin-top:18px}.market-chart-frame{height:370px}}
@media(prefers-reduced-motion:reduce){.market-card{transition:none}}

/* The overview chart is part of the opening composition. */
body[data-page="metal-prices"] .market-hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:4%;padding:0 5%;min-height:660px}
body[data-page="metal-prices"] .market-hero-content{padding:66px 0 95px;max-width:none}
body[data-page="metal-prices"] .market-hero h1{font-size:clamp(56px,5.6vw,88px)}
body[data-page="metal-prices"] .market-hero .market-orbit{width:53vw;right:-20%;opacity:.2}
.market-hero-chart{position:relative;z-index:1;min-width:0;padding:56px 0 85px}
.market-hero-chart h2{font:400 clamp(34px,3vw,48px)/1.1 'Cormorant Garamond',Georgia,serif;margin:3px 0 9px}
.market-hero-chart>p:not(.kicker){color:#c6c5b7;font-size:13px;line-height:1.55;margin:0 0 16px;max-width:620px}
.market-hero-chart .market-chart-frame{height:425px;background:#131b17;border-color:#c3a46a88;box-shadow:0 20px 50px #02090566;padding:9px}
.market-chart-links{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:12px}
.market-chart-links a{font-size:12px;color:#ecd09a;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.market-card-link{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:13px;padding:12px 0 0;border-top:1px solid #ab92554d;color:#ead09b;font-size:13px}
.market-card-link:hover,.market-chart-links a:hover{color:#fff3cf}
.market-card-link span{font-size:17px}
@media(max-width:1150px){body[data-page="metal-prices"] .market-hero{grid-template-columns:1fr;gap:0;padding:0 6%}.market-hero-chart{padding:0 0 92px}.market-hero-chart .market-chart-frame{height:470px}body[data-page="metal-prices"] .market-hero-content{padding-bottom:42px}body[data-page="metal-prices"] .market-hero .market-orbit{right:-30%;top:-6%;width:80vw}}
@media(max-width:720px){body[data-page="metal-prices"] .market-hero{padding:0 5%}.market-hero-chart .market-chart-frame{height:380px}.market-hero-chart{padding-bottom:100px}body[data-page="metal-prices"] .market-hero-content{padding-top:55px}body[data-page="metal-prices"] .market-hero h1{font-size:clamp(48px,10vw,70px)}}

/* Individual, indexable metal chart pages. */
body[data-page="metal-detail"]{background:#121413}
.metal-detail-top{position:relative;overflow:hidden;padding:44px 6% 62px;background:radial-gradient(circle at 85% 34%,#8b71462a,transparent 36%),linear-gradient(118deg,#132019,#261822);border-bottom:1px solid #b3925b6c}
.metal-detail-top:before{content:"";position:absolute;width:430px;height:430px;border:1px solid #d0ad6859;border-radius:50%;right:-65px;top:-140px;box-shadow:inset 0 0 0 13px #d0ad6808,inset 0 0 0 15px #d0ad6838;pointer-events:none}
.metal-breadcrumb{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;color:#cfbc96;font-size:12px;margin-bottom:44px}
.metal-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.metal-detail-layout{position:relative;z-index:1;max-width:1490px;margin:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.75fr);gap:6%;align-items:end}
.metal-detail-top h1{font:400 clamp(56px,6.3vw,94px)/1.02 'Cormorant Garamond',Georgia,serif;margin:17px 0 21px}
.metal-detail-top h1 em{font-style:italic;color:#dbbe83}
.metal-detail-top .lead{max-width:670px;font-size:17px;line-height:1.8;color:#d3d0c2}
.metal-detail-top .detail-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:27px}
.detail-actions>a:not(.button){color:#e0c186;text-decoration:underline;text-underline-offset:4px;font-size:14px}
.metal-detail-quote{border:1px solid #bb9e6377;background:linear-gradient(145deg,#243126,#151d19);padding:27px;box-shadow:0 20px 60px #0004;min-width:0}
.metal-detail-quote .quote-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}
.metal-detail-quote .metal-mark{width:70px;height:70px;font-size:31px}
.metal-detail-quote h2{font:400 35px 'Cormorant Garamond',Georgia,serif;margin:18px 0 4px}
.metal-detail-quote .market-number{margin:10px 0 13px}
.metal-detail-quote .quote-value{font-size:clamp(38px,4vw,58px)}
.metal-detail-quote .quote-time{display:block;text-align:left;margin-top:10px;color:#b9b4a4;font-size:12px}
.metal-detail-quote .quote-state{color:#ddc48f;font-size:13px}
.metal-detail-chart{max-width:1490px;padding:65px 6% 30px;margin:auto}
.metal-detail-chart .market-heading{align-items:end}
.metal-detail-chart .market-chart-frame{height:550px}
.metal-history-frame{height:530px;border:1px solid #ae925f70;background:#171c19;position:relative;padding:28px;display:flex;align-items:center;justify-content:center}
.metal-history-frame svg{width:100%;height:100%;display:block;overflow:visible}
.metal-history-frame .history-status{text-align:center;max-width:430px;color:#d3c5a9;line-height:1.8}
.metal-history-frame .history-status a{color:#e2be7c;text-decoration:underline}
.history-current{font:400 34px 'Cormorant Garamond',Georgia,serif;color:#eed2a0;margin:16px 0 5px}
.history-table{width:100%;border-collapse:collapse;margin:26px 0;color:#d9d1be;font-size:13px}
.history-table caption{text-align:left;color:#e1c485;padding-bottom:10px}
.history-table td,.history-table th{border-bottom:1px solid #ae925f4d;text-align:left;padding:9px 12px}
.history-table td:last-child,.history-table th:last-child{text-align:right}
.history-table[hidden]{display:none}
.metal-detail-copy{max-width:1490px;padding:42px 6% 45px;margin:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.65fr);gap:7%;border-top:1px solid #ae925f4d}
.metal-detail-copy h2,.metal-other h2{font:400 clamp(36px,3.5vw,51px) 'Cormorant Garamond',Georgia,serif;margin:5px 0 18px}
.metal-detail-copy p{color:#b9bdb1;line-height:1.85}
.metal-detail-facts{border:1px solid #a1855261;padding:24px;background:#1b241e;align-self:start}
.metal-detail-facts h3{font:30px 'Cormorant Garamond',Georgia,serif;margin:0 0 17px}
.metal-detail-facts dl{margin:0}.metal-detail-facts div{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #a185524e;padding:11px 0;font-size:13px}.metal-detail-facts dt{color:#bdc0af}.metal-detail-facts dd{margin:0;color:#ead1a3;text-align:right}
.metal-other{max-width:1490px;padding:40px 6% 100px;margin:auto}
.metal-other nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.metal-other a{padding:16px 18px;border:1px solid #ab8e5a60;background:#1a241d;color:#e8d4b3;display:flex;justify-content:space-between;gap:9px}
.metal-other a[aria-current=page]{border-color:#e0be79;color:#fff0cf}.metal-other a:hover{background:#293a2c}
.detail-source{font-size:12px;color:#b8b8aa;line-height:1.7;margin:15px 0 0}
@media(max-width:900px){.metal-detail-layout{grid-template-columns:1fr}.metal-detail-quote{max-width:490px}.metal-detail-copy{grid-template-columns:1fr}.metal-other nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.metal-detail-top{padding:30px 5% 45px}.metal-detail-top h1{font-size:clamp(52px,12vw,74px)}.metal-detail-top .lead{font-size:15px}.metal-detail-chart{padding:45px 5% 20px}.metal-detail-chart .market-chart-frame,.metal-history-frame{height:380px}.metal-history-frame{padding:13px}.metal-detail-copy,.metal-other{padding-left:5%;padding-right:5%}.metal-other nav{grid-template-columns:1fr}.metal-detail-quote .quote-value{font-size:43px}}