/* Motion and scrolling belong exclusively to the Live Rates page. */
[data-page="rates"]{background:var(--paper);isolation:isolate}
[data-page="rates"]>main{position:relative;z-index:1}
[data-page="rates"]>.utility,[data-page="rates"]>.site-footer{position:relative;z-index:2}
.rates-network-layer{position:fixed;inset:-96px 0;z-index:0;pointer-events:none;overflow:hidden}
.rates-gold-net{display:block;width:100%;height:100%}
.rates-banner-net{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;z-index:0}
[data-page="rates"] .page-heading{position:relative;overflow:hidden;isolation:isolate}
[data-page="rates"] .page-heading .container{position:relative}
[data-page="rates"] .page-heading p{max-width:60%}
.rates-heading-art{position:absolute;right:20px;top:-36px;width:330px;height:230px;pointer-events:none}
.rates-heading-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 14px 12px #0004)}
.rates-art-banner{position:relative;isolation:isolate;background:var(--navy);padding-block:12px;overflow:hidden}
.rates-art-banner .rates-heading-art{position:relative;z-index:1;right:auto;top:auto;width:240px;height:145px;margin:0 auto}
.rates-art-banner .rates-art-silver{left:5px;top:16px;width:115px;height:115px}
.rates-art-banner .rates-art-gold{right:5px;top:0;width:145px;height:145px}
.rates-art-silver{left:0;top:48px;width:170px;height:170px}
.rates-art-gold{right:0;top:0;width:205px;height:205px}
.rates-ticker{background:var(--navy-deep);color:var(--line);border-top:1px solid #ffffff1f}
.rates-ticker-row{display:flex;align-items:center;gap:22px;min-height:62px}
.ticker-label{display:flex;gap:9px;align-items:center;font-size:12px;white-space:nowrap;color:var(--gold)}
.rates-ticker-window{flex:1;min-width:0;overflow:hidden;padding-block:13px}
.rates-ticker-track{display:flex;align-items:center;width:max-content;gap:0}
.ticker-group{display:flex;align-items:center;flex-shrink:0;gap:0}
.ticker-quote{display:flex;align-items:center;gap:12px;padding:0 25px;border-right:1px solid #ffffff28;font-size:12px;white-space:nowrap}
.ticker-quote-name{font-weight:500}.ticker-quote-price{color:#fff;font-variant-numeric:tabular-nums;font-weight:650}
.ticker-quote-side{font-size:12px;color:#b7c7da}
.ticker-placeholder{font-size:12px;color:#c1cfdf}
.rates-motion-toggle{font-size:12px;white-space:nowrap;border:1px solid var(--muted);color:var(--line);background:transparent;border-radius:4px;padding:6px 12px;min-height:36px}
.rates-motion-toggle:hover{background:#ffffff14}.rates-motion-toggle:disabled{cursor:default;opacity:1}
.rates-scroll-progress{position:fixed;z-index:30;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;pointer-events:none}
[data-page="rates"] .market-preview{position:relative;isolation:isolate}
.rates-light-sweep{position:absolute;inset:0;overflow:hidden;border-radius:inherit;z-index:1;pointer-events:none}
.rates-light-sweep:after{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#cfaa5125 50%,transparent 60%);transform:translateX(-65%) rotate(-8deg);animation:rates-light-arrival 780ms cubic-bezier(.16,1,.3,1) both}
@keyframes rates-light-arrival{to{transform:translateX(65%) rotate(-8deg)}}
.rates-motion-paused .rates-light-sweep{display:none}
.rates-ticker[data-feed-state="error"] .ticker-label,.rates-ticker[data-feed-state="partial"] .ticker-label{color:var(--gold)}
/* A denser board keeps more products visible without shrinking the figures. */
.rates-page{padding-block:26px 36px}
.rates-page .rates-toolbar{margin-bottom:14px}
.rates-page .market-preview{margin-bottom:22px}
.rates-page .spot{padding:16px 22px}
.rates-page .spot h3{font-size:17px;font-weight:650}
.rates-page .metal-mark{width:34px;height:34px}
.rates-page .unit{font-size:12px;font-weight:500}
.rates-page .quote-side{margin-top:9px;font-size:12px;font-weight:500}
.rates-page .quote-price{font-size:44px;font-weight:650;line-height:1.1;margin:4px 0 7px}
.rates-page .quote-range{font-size:13px;font-weight:500;gap:22px}
.rates-page .quote-range b{font-weight:600}
.rates-page .section-heading{margin-bottom:16px}
.rates-page .section-heading h2{font-size:30px;font-weight:600;margin-bottom:6px}
.rates-page .section-heading p{font-weight:500}
.rates-page .feed-status,.rates-page .feed-caption{font-size:13px;font-weight:500}
.rates-page .rates-table th{padding:10px 18px;font-size:14px;font-weight:650;line-height:1.35}
.rates-page .rates-table td{padding:10px 18px;font-size:16px;font-weight:550;line-height:1.35}
.rates-page .rates-table td:first-child{font-weight:650}
.rates-page .rates-table small{font-size:12px;font-weight:500;margin-top:2px}
.rates-page .rates-table .empty-cell{padding:24px 18px;font-size:15px;line-height:1.5}
.rates-page .rates-table tbody tr:hover{background:var(--paper)}
.rates-table-shell{position:relative;isolation:isolate;background:var(--white);border-radius:var(--radius)}
.rates-table-shell .rates-table-wrap{position:relative;z-index:1;background:transparent}
.rates-table-watermark{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}
.rates-table-watermark img{display:block;width:min(36%,280px);height:80%;object-fit:contain;opacity:.13;mix-blend-mode:multiply}
.rates-table-shell .rates-table td{background-color:transparent}
.rates-page .rates-note{margin-top:14px;padding:12px 16px;font-size:13px}
.rates-page .feed-caption{margin-top:12px}
@media(max-width:900px){.rates-heading-art{width:250px;right:0;top:-16px}.rates-art-gold{width:170px;height:170px}.rates-art-silver{width:135px;height:135px;top:40px}.rates-ticker-row{gap:14px}.ticker-quote{padding-inline:18px}}
@media(max-width:640px){[data-page="rates"] .page-heading p{max-width:none}.rates-heading-art{position:relative;right:auto;top:auto;width:260px;height:135px;margin:18px auto -6px}.rates-art-gold{width:155px;height:155px;right:10px;top:-7px}.rates-art-silver{width:125px;height:125px;left:5px;top:12px}.rates-ticker-row{flex-wrap:wrap;gap:0 14px;padding-block:9px;min-height:82px}.ticker-label{font-size:12px;flex:1}.rates-motion-toggle{font-size:12px;min-height:32px;padding:4px 9px}.rates-ticker-window{order:3;flex-basis:100%;padding-block:9px 3px}.ticker-quote{padding-inline:15px;font-size:12px}.ticker-placeholder{font-size:12px}}
@media(prefers-reduced-motion:reduce){.rates-heading-art img{transform:none!important}.rates-light-sweep{display:none}.rates-scroll-progress{display:none}.rates-ticker-window{overflow-x:auto}}
@media(max-width:640px){.rates-page{padding-block:20px 28px}.rates-page .rates-toolbar{gap:12px;margin-bottom:12px}.rates-page .market-preview{margin-bottom:20px}.rates-page .spot{padding:14px 18px}.rates-page .quote-price{font-size:39px}.rates-page .section-heading{margin-bottom:13px}.rates-page .section-heading h2{font-size:27px}.rates-page .rates-table th{padding:9px 13px;font-size:13px}.rates-page .rates-table td{padding:9px 13px;font-size:15px}.rates-page .rates-table small{font-size:12px}.rates-page .rates-note{padding:11px 13px;font-size:12px}}