/* Commodity Price Watch — English v1.2.0 • all text +30% except hero headline. No external CSS or JS dependencies. */
:root{--bg:#f6f7fa;--panel:#fff;--text:#1d2e40;--muted:#718094;--soft:#8d98a9;--line:#e5eaf0;--navy:#243b56;--navy-deep:#182b44;--gold:#ce9959;--tint:#edf1f6;--shadow:0 7px 28px rgba(32,53,80,.035);--radius:15px;--pos:#17886b;--neg:#cb5968;color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:18.2px;-webkit-font-smoothing:antialiased}
:root[data-theme=dark]{--bg:#0c1420;--panel:#152133;--text:#eaf1fa;--muted:#99abc0;--soft:#90a1b7;--line:#2b3a4c;--navy:#dbe9f8;--navy-deep:#0c1628;--tint:#223249;--shadow:0 10px 32px rgba(0,0,0,.14);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #69a9e4;outline-offset:2px}a:hover{color:var(--gold)}.container{max-width:1400px;width:calc(100% - 88px);margin-inline:auto}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}h1,h2,h3,p{margin-top:0}
.top-strip{height:35px;color:#b6c7db;background:#182c43;font-size:14.3px;letter-spacing:.035em}.top-inner{height:100%;display:flex;justify-content:space-between;align-items:center;gap:12px}.strip-left,.strip-right{display:flex;align-items:center;gap:11px;white-space:nowrap}.strip-left{font-weight:600}.strip-right{color:#a5bbd0}.strip-right a{display:inline-flex;align-items:center;gap:4px;color:#e0bf8a}.strip-sep{color:#587087}.live-pip,.status-dot,.detail-live-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#46c4a2;box-shadow:0 0 0 4px rgba(70,196,162,.12)}
.site-header{background:var(--panel);border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:32.5px;font-weight:800;letter-spacing:-1.1px;white-space:nowrap;color:var(--text)}.brand:hover{color:var(--text)}.brand-accent{color:#c59154}.brand-dot{color:#cd9861}.brand small{font-size:11.7px;font-weight:800;letter-spacing:1px;vertical-align:5px;margin-left:3px;color:var(--muted)}.brand-mark{display:flex}.main-nav{height:100%;display:flex;align-items:stretch;gap:36px;margin-left:36px}.main-nav a{height:100%;display:flex;align-items:center;color:var(--muted);font-size:16.9px;font-weight:650;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a.is-active{color:var(--text)}.main-nav a.is-active{border-bottom-color:var(--gold)}.header-actions{display:flex;align-items:center;gap:10px}.header-pill{height:37px;min-width:39px;padding:0 12px;border:1px solid var(--line);background:var(--panel);border-radius:9px;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:15.6px;font-weight:750}.header-pill:hover{background:var(--tint)}.header-pill svg{transition:transform .2s}.language-shell{position:relative}.language-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.dropdown-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(650px,92vw);max-height:min(74vh,590px);background:var(--panel);border:1px solid var(--line);box-shadow:0 18px 55px rgba(16,31,50,.16);border-radius:15px;overflow:hidden}.dropdown-head{padding:18px 21px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:baseline}.dropdown-head b{font-size:18.2px}.dropdown-head span{font-size:14.3px;color:var(--muted)}.language-grid{padding:12px;max-height:510px;overflow-y:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.language-item{display:flex;gap:9px;align-items:center;min-width:0;font-size:15.6px;padding:10px 9px;border-radius:9px}.language-item span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language-item small,.language-item b{margin-left:auto;flex-shrink:0;font-size:11.7px;font-weight:650;color:var(--soft)}.language-item.selected{background:rgba(190,144,84,.12);font-weight:750}.language-item.selected b{color:#c18c4f}.language-item.disabled{opacity:.57;cursor:not-allowed}.mobile-menu-button,.mobile-nav{display:none}
.hero-section{display:grid;grid-template-columns:1fr 385px;gap:45px;min-height:390px;align-items:center;padding-top:46px;padding-bottom:47px}.hero-copy{padding:10px 0}.eyebrow{display:flex;align-items:center;gap:11px;font-size:13px;letter-spacing:.19em;color:#b48756;font-weight:850}.eyebrow-line{display:inline-block;width:22px;height:2px;background:var(--gold)}.hero-copy h1{font-size:clamp(40px,4.3vw,64px);line-height:1.09;letter-spacing:-2.5px;font-weight:800;margin:22px 0 18px;color:var(--text)}.hero-copy h1 span{color:#bf9565}.hero-copy>p{font-size:19.5px;max-width:590px;line-height:1.75;color:var(--muted);margin-bottom:23px}.hero-cta{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.primary-button{border:0;background:#233a55;border-radius:8px;color:white;display:inline-flex;align-items:center;gap:16px;padding:13px 19px;font-size:15.6px;font-weight:750;transition:transform .15s,background .15s}.primary-button:hover{background:#345b7f;color:#fff;transform:translateY(-1px)}.hero-fine{font-size:14.3px;color:var(--muted);display:flex;align-items:center;gap:10px}.hero-right{position:relative;height:310px;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 70% 24%,#3b5b7e 0%,#233b5b 42%,#152b45 100%);isolation:isolate;box-shadow:0 14px 40px rgba(22,48,81,.13)}.hero-orbit{position:absolute;border:1px solid rgba(234,245,255,.09);border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:380px;height:240px;top:-45px;left:100px}.orbit-two{width:460px;height:300px;top:-70px;left:70px}.orbit-three{width:560px;height:350px;top:-105px;left:32px}.hero-stats{position:absolute;top:29px;bottom:24px;left:34px;display:flex;flex-direction:column;color:white}.small-hero-label{font-size:13px;letter-spacing:.16em;font-weight:700;color:#c2d1e0}.hero-stats>strong{font-size:109.2px;line-height:1.18;letter-spacing:-5px;font-weight:750;margin:7px 0 0}.hero-stats>strong small{font-size:24.7px;font-weight:450;letter-spacing:0;color:#a8bccc}.hero-divider{height:1px;width:250px;background:#4f6884;margin:auto 0 17px}.hero-stat-bottom{display:flex;gap:28px}.hero-stat-bottom>span{font-size:26px;line-height:1.15;font-weight:650}.hero-stat-bottom small{font-size:13px;color:#b8c9d9;font-weight:500}
.dashboard-section{padding:43px 0 74px;background:var(--panel);border-block:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:31px}.eyebrow-small{font-size:13px}.section-heading h2,.explain-heading h2{font-size:40.3px;letter-spacing:-.9px;line-height:1.2;margin:10px 0 7px}.section-heading p{margin:0;color:var(--muted);font-size:16.9px}.market-status{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:7px 8px 7px 14px;background:var(--bg);font-size:14.3px;color:var(--muted);white-space:nowrap}.market-status .status-dot{width:6px;height:6px;box-shadow:none;background:#d6a34f}.market-status.online .status-dot{background:var(--pos)}.market-status.error .status-dot{background:var(--neg)}.market-status button{display:flex;align-items:center;justify-content:center;height:28px;width:29px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:5px}.market-status button.is-loading svg{animation:rotate 1s infinite linear}@keyframes rotate{to{transform:rotate(360deg)}}
.dashboard-layout{display:grid;grid-template-columns:208px minmax(0,1fr);gap:39px}.sidebar-sticky{position:sticky;top:26px}.side-heading{font-size:13px;letter-spacing:.12em;color:var(--soft);font-weight:800;margin:0 0 12px 11px}.side-link{border:none;background:transparent;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:9px;margin-bottom:4px;padding:12px 11px;font-size:15.6px;font-weight:650;color:var(--muted);text-align:left}.side-link>span:first-child{display:flex;align-items:center;gap:12px}.side-link svg{color:var(--soft)}.side-link.active{background:#f3eee8;color:#8a6036}.side-link.active svg{color:#aa804f}:root[data-theme=dark] .side-link.active{background:#34302e;color:#e2b984}.side-link:not(.active):hover{background:var(--tint);color:var(--text)}.side-count{font-size:14.3px;color:var(--soft)}.side-divider{height:1px;background:var(--line);margin:19px 0 20px}.category-glyph{font-size:23.4px;min-width:17px;text-align:center;color:#b49a7a}.side-note{color:var(--soft);font-size:14.3px;line-height:1.8;margin:0 8px 14px}.sidebar-source{font-size:14.3px;color:#b28858;display:flex;gap:8px;align-items:center;margin:0 8px;font-weight:700}
.toolbar{display:flex;gap:14px;align-items:stretch;justify-content:space-between}.searchbox{height:45px;border:1px solid var(--line);background:var(--bg);border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 14px;flex:1;max-width:580px;color:var(--soft)}.searchbox:focus-within{border-color:#bba080;background:var(--panel)}.searchbox input{background:transparent;border:none;outline:none!important;flex:1;min-width:0;font-size:15.6px;color:var(--text)}.searchbox input::placeholder{color:var(--soft)}.search-shortcut{font-size:13px;padding:4px 6px;border:1px solid var(--line);border-radius:4px;white-space:nowrap}.currency-control{border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:11px;height:45px;padding:0 13px;background:var(--panel);font-size:14.3px;color:var(--muted);white-space:nowrap}.currency-control select{cursor:pointer;border:none;appearance:none;-webkit-appearance:none;background:transparent;color:var(--text);font-weight:850;font-size:15.6px;outline:none;min-width:39px}.currency-control svg{pointer-events:none;color:var(--soft)}.results-line{display:flex;justify-content:space-between;align-items:center;margin:15px 0 26px;font-size:14.3px;color:var(--soft)}.timezone-hint{display:flex;align-items:center;gap:5px}.market-category{margin-bottom:32px;scroll-margin-top:24px}.category-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:17px}.category-left{display:flex;align-items:center;gap:13px}.category-symbol{width:39px;height:39px;border-radius:10px;background:#f5eee6;color:#b89363;display:flex;align-items:center;justify-content:center;font-size:29.9px}:root[data-theme=dark] .category-symbol{background:#302f30}.category-heading h3{font-size:22.1px;letter-spacing:-.3px;line-height:1.2;margin:0 0 4px;font-weight:800}.category-heading p{font-size:14.3px;color:var(--soft);margin:0}.section-toggle{border:1px solid var(--line);background:var(--panel);width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:7px;color:var(--soft)}.section-toggle svg{transition:transform .2s}.market-category.collapsed .section-toggle svg{transform:rotate(-90deg)}.market-category.collapsed .asset-grid{display:none}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.asset-card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 17px 15px;transition:border-color .15s,transform .15s,box-shadow .15s;box-shadow:var(--shadow)}.asset-card:hover{border-color:#d5c3ab;box-shadow:0 12px 32px rgba(37,52,72,.07);transform:translateY(-2px)}.card-top,.asset-identity{display:flex;align-items:center}.card-top{justify-content:space-between}.asset-identity{gap:11px;min-width:0}.asset-token,.related-token{height:40px;width:40px;display:grid;place-items:center;flex-shrink:0;background:color-mix(in srgb,var(--asset) 12%,transparent);border:1px solid color-mix(in srgb,var(--asset) 17%,transparent);border-radius:10px;font-size:20.8px;font-weight:850;color:var(--asset)}.card-name{font-size:18.2px;font-weight:800;letter-spacing:-.3px}.card-ticker{font-size:13px;color:var(--soft);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-dot{padding:0 2px}.favorite{color:#aeb8c3;background:transparent;border:0;padding:7px;display:flex;align-items:center;justify-content:center;border-radius:7px;align-self:flex-start}.favorite:hover,.favorite.is-favorite{color:#d3a253;background:rgba(213,162,83,.09)}.favorite.is-favorite svg{fill:currentColor}.card-price-row{display:flex;justify-content:space-between;align-items:center;gap:5px;margin:25px 0 5px}.asset-value{font-size:32.5px;font-weight:800;letter-spacing:-.8px;white-space:nowrap;min-height:34px}.asset-value.shimmer{font-size:15.6px;color:var(--soft);letter-spacing:0;font-weight:550;display:flex;align-items:center}.asset-timestamp{color:var(--soft);font-size:13px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.change-pill{display:inline-flex;align-items:center;padding:5px 7px;border-radius:6px;background:var(--tint);color:var(--soft);font-size:13px;font-weight:750;white-space:nowrap;align-self:center}.change-pill.positive{background:rgba(20,165,116,.09);color:var(--pos)}.change-pill.negative{background:rgba(216,82,94,.09);color:var(--neg)}.change-pill.large{padding:8px 11px;font-size:15.6px}.chart-wrap{position:relative;isolation:isolate;min-width:0}.card-chart{height:125px;margin-top:8px}.price-chart{width:100%;height:100%;display:block;overflow:visible}.chart-grid{stroke:var(--line);stroke-width:1;fill:none;stroke-dasharray:4 4}.chart-area{fill:color-mix(in srgb,var(--asset) 12%,transparent);stroke:none}.chart-line{stroke:var(--asset);stroke-width:2.7;fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--soft);font-size:14.3px;line-height:1.5;padding:30px;border-radius:8px;background:linear-gradient(90deg,transparent,var(--panel),transparent)}.chart-wrap.has-data .chart-empty{display:none}.chart-tooltip{position:absolute;top:8px;left:10px;padding:7px 10px;background:#203851;color:white;border-radius:7px;box-shadow:0 4px 20px #101a253b;font-size:13px;line-height:1.6;z-index:3;pointer-events:none;white-space:nowrap}.card-foot{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:7px}.periods{display:flex;align-items:center;gap:1px;background:var(--bg);padding:3px;border-radius:7px;border:1px solid var(--line)}.period{background:transparent;border:0;border-radius:4px;padding:5px 5px;font-size:11.7px;font-weight:750;color:var(--soft);line-height:1.1;min-width:23px}.period:hover{color:var(--text)}.period.active{background:var(--panel);color:var(--text);box-shadow:0 1px 5px rgba(17,37,58,.11)}.card-detail{color:#a57e4d;font-size:13px;font-weight:800;display:flex;align-items:center;gap:3px;white-space:nowrap}.empty-results{border:1px dashed var(--line);border-radius:15px;padding:70px 25px;text-align:center;color:var(--muted)}.empty-results h3{margin:15px 0 6px;color:var(--text)}.empty-results button{background:var(--navy-deep);color:white;border:0;border-radius:6px;padding:10px 15px}.roadmap-panel{display:flex;align-items:center;gap:18px;background:var(--bg);padding:22px 24px;border:1px dashed #d3dce7;border-radius:12px;margin-top:36px}.roadmap-symbol{height:44px;width:44px;border-radius:10px;display:grid;place-items:center;background:var(--panel);font-size:36.4px;color:#b69b76;flex-shrink:0}.roadmap-panel h3{font-size:18.2px;margin:0 0 4px}.roadmap-panel p{font-size:14.3px;line-height:1.75;color:var(--muted);margin:0}.roadmap-tag{font-size:11.7px;font-weight:800;letter-spacing:.1em;color:#a48a6d;white-space:nowrap;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:7px 9px;margin-left:auto}
.explain-section{padding-top:75px;padding-bottom:88px}.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:30px}.explain-grid>div{border-top:1px solid var(--line);padding-top:22px}.feature-icon{font-size:32.5px;color:#b48a56}.explain-grid h3{margin:13px 0 9px;font-size:19.5px}.explain-grid p{color:var(--muted);line-height:1.85;font-size:15.6px;max-width:330px}
.site-footer{background:#182b40;color:#f2f5f9;padding:57px 0 22px}.footer-main{display:flex;justify-content:space-between;gap:40px;padding-bottom:58px}.footer-logo{font-size:33.8px;font-weight:850;letter-spacing:-1.2px}.footer-logo span{color:#d4a366}.footer-main p{margin:14px 0 0;color:#b5c1d1;font-size:15.6px;line-height:1.9}.footer-nav{display:flex;gap:100px}.footer-nav>div{display:flex;flex-direction:column;gap:11px}.footer-nav strong{font-size:13px;letter-spacing:.13em;color:#d8a867;margin-bottom:7px}.footer-nav a{color:#c0ccdc;font-size:15.6px}.footer-nav a:hover{color:white}.footer-bottom{border-top:1px solid #30465f;padding-top:21px;display:flex;justify-content:space-between;gap:25px;color:#8fa3b8;font-size:13px}
/* Dedicated market pages */
.asset-page{padding-top:28px;padding-bottom:90px}.breadcrumbs{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:14.3px;margin-bottom:28px}.breadcrumbs svg{transform:rotate(-90deg)}.breadcrumbs span{color:var(--text)}.detail-hero{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.detail-title{display:flex;align-items:center;gap:19px;margin-top:13px}.detail-token{height:70px;width:70px;border-radius:16px;display:grid;place-items:center;font-size:35.1px;font-weight:800;color:var(--asset);background:color-mix(in srgb,var(--asset) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--asset) 19%,var(--panel))}.detail-title h1{font-size:46.8px;letter-spacing:-1.1px;margin:0 0 4px;line-height:1.2}.detail-title p{color:var(--muted);margin:0;font-size:16.9px}.detail-actions{display:flex;align-items:center;gap:10px}.detail-actions .favorite{height:45px;width:45px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel)}.detail-live-dot{height:6px;width:6px;box-shadow:none}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:20px}.panel{border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.detail-main{padding:32px}.detail-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.field-label{font-size:13px;color:var(--soft);font-weight:800;letter-spacing:.12em}.currency-badge{margin-left:4px;background:var(--tint);padding:4px 6px;border-radius:5px;letter-spacing:0;font-size:13px}.detail-big-price{font-weight:850;font-size:clamp(44.2px,5.33vw,75.4px);line-height:1.35;letter-spacing:-1.5px;margin-top:5px}.detail-subprice{color:var(--muted);font-size:14.3px}.detail-chart-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:36px 0 20px}.detail-chart-head h2{font-size:22.1px;margin:0 0 4px}.detail-chart-head span{color:var(--soft);font-size:14.3px}.periods-large .period{font-size:14.3px;padding:9px 10px}.detail-chart{height:325px;--asset:inherit}.detail-chart .chart-empty{font-size:16.9px}.chart-legend{display:flex;justify-content:space-between;margin-top:19px;gap:8px;color:var(--muted);font-size:14.3px}.chart-legend>span:first-child{display:flex;align-items:center;gap:7px}.mini-color{display:inline-block;border-radius:50%;height:7px;width:7px;background:var(--asset)}.detail-side{display:flex;flex-direction:column;gap:18px}.converter-panel,.data-panel{padding:24px}.converter-panel h2{font-size:26px;letter-spacing:-.5px;margin:10px 0 7px}.converter-panel>p{font-size:14.3px;color:var(--muted);line-height:1.8;margin-bottom:20px}.convert-form{display:grid;grid-template-columns:1fr;gap:7px}.convert-form label{font-size:13px;color:var(--muted);font-weight:700;margin-top:6px}.convert-form input,.convert-form select{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--bg);color:var(--text);font-size:16.9px}.calc-result{margin:20px 0 11px;background:var(--navy-deep);padding:16px;border-radius:9px;color:#fff;display:flex;flex-direction:column;gap:7px}.calc-result>span{font-size:13px;color:#b6c7d7}.calc-result strong{font-size:28.6px;letter-spacing:-.5px;overflow-wrap:anywhere}.converter-note{font-size:13px;color:var(--soft);line-height:1.6}.data-panel .eyebrow{margin-bottom:12px}.stat-line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:12px 0;font-size:14.3px}.stat-line:last-child{border:0}.stat-line span{color:var(--muted)}.stat-line strong{font-weight:750;text-align:right}.stat-line a{color:#aa7d4b}.detail-editorial{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:55px;margin-top:70px}.detail-article{max-width:780px}.detail-article h2{font-size:39px;letter-spacing:-.8px;margin:10px 0 17px}.detail-article h3{font-size:20.8px;margin:29px 0 8px}.detail-article p{color:var(--muted);font-size:16.9px;line-height:1.9}.related-panel{align-self:start;border-top:1px solid var(--line);padding-top:21px}.related-panel>h3{font-size:19.5px;margin:0 0 16px}.related-link{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:11px 0;font-size:15.6px;font-weight:700}.related-link svg{margin-left:auto;color:var(--soft)}.related-token{height:31px;width:31px;font-size:15.6px;border-radius:7px}
.simple-page{max-width:830px;min-height:50vh;padding-top:75px;padding-bottom:105px}.simple-page h1{font-size:clamp(45.5px,6.5vw,67.6px);letter-spacing:-1.5px;margin:14px 0 20px}.simple-page .simple-lead{font-size:23.4px;color:var(--muted);line-height:1.8;margin-bottom:43px}.simple-page h2{font-size:27.3px;margin:36px 0 10px}.simple-page p{font-size:18.2px;line-height:1.95;color:var(--muted)}.simple-page p a{color:#a47c4f;text-decoration:underline}
@media(min-width:1650px){.container{max-width:1500px}.asset-grid{gap:18px}.asset-card{padding:23px 21px 19px}.card-chart{height:150px}}
@media(max-width:1360px){.container{width:calc(100% - 64px)}.dashboard-layout{grid-template-columns:185px minmax(0,1fr);gap:24px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-chart{height:142px}.main-nav{gap:23px;margin-left:0}.hero-section{grid-template-columns:1fr 355px}}
@media(max-width:930px){.top-strip .strip-left span:last-child,.strip-right .strip-sep,.strip-right #utc-clock{display:none}.main-nav{display:none}.mobile-menu-button{display:inline-flex}.mobile-nav{display:flex!important;flex-direction:column;border-top:1px solid var(--line);padding:8px 32px 16px;background:var(--panel)}.mobile-nav[hidden]{display:none!important}.mobile-nav a{padding:8px 4px;font-size:16.9px}.hero-section{grid-template-columns:1fr 280px;gap:20px}.hero-copy h1{font-size:45px}.hero-right{height:298px}.hero-stat-bottom{gap:16px}.hero-stats>strong{font-size:83.2px}.hero-divider{width:190px}.dashboard-layout{display:block}.market-sidebar{display:none}.detail-grid,.detail-editorial{grid-template-columns:minmax(0,1fr)}.detail-side{display:grid;grid-template-columns:1fr 1fr}.detail-editorial{gap:30px}.related-panel{max-width:450px}}
@media(max-width:650px){.container{width:calc(100% - 34px)}.top-strip{font-size:11.7px}.strip-right{font-size:11.7px}.header-inner{height:64px}.brand{font-size:26px;gap:6px}.brand-mark svg{width:31px;height:31px}.brand small{font-size:9.1px}.header-actions{gap:5px}.header-pill{height:34px;min-width:35px;padding:0 8px}.hero-section{display:block;padding-top:37px;padding-bottom:35px;min-height:unset}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(39px,10.2vw,54px);letter-spacing:-1.8px;margin:13px 0 13px}.hero-copy>p{font-size:16.9px;margin-bottom:18px}.hero-right{display:none}.hero-fine{font-size:13px}.primary-button{padding:12px 14px}.dashboard-section{padding-top:28px;padding-bottom:47px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.section-heading h2{font-size:33.8px}.section-heading p{font-size:14.3px}.market-status{align-self:stretch;justify-content:space-between}.toolbar{gap:8px}.searchbox{height:43px}.search-shortcut{display:none}.currency-control{padding:0 8px;height:43px;gap:5px}.currency-control>span{display:none}.results-line{margin:12px 0 22px}.timezone-hint{display:none}.asset-grid{grid-template-columns:1fr;gap:12px}.asset-card{padding:18px}.card-chart{height:155px}.asset-value{font-size:36.4px}.card-foot{margin-top:10px}.category-heading{margin-bottom:13px}.market-category{margin-bottom:25px}.roadmap-panel{padding:18px 16px;margin-top:27px;align-items:flex-start}.roadmap-tag{display:none}.explain-section{padding:55px 0 62px}.explain-heading h2{font-size:33.8px}.explain-grid{grid-template-columns:1fr;gap:15px}.explain-grid>div{padding-top:15px}.footer-main{flex-direction:column;padding-bottom:35px}.footer-nav{gap:35px;flex-wrap:wrap;justify-content:space-between}.footer-bottom{flex-direction:column;gap:7px}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dropdown-panel{right:-90px;width:min(95vw,550px)}.dropdown-head{flex-direction:column;gap:4px}.language-item{padding:8px 5px;font-size:14.3px}.asset-page{padding-top:22px;padding-bottom:55px}.breadcrumbs{margin-bottom:26px}.detail-hero{align-items:flex-start;flex-direction:column}.detail-title{gap:11px}.detail-token{width:55px;height:55px;border-radius:12px;font-size:29.9px}.detail-title h1{font-size:37.7px}.detail-title p{font-size:14.3px}.detail-actions{width:100%;justify-content:space-between}.detail-main{padding:22px 16px}.detail-price-row{align-items:flex-start}.detail-big-price{font-size:45.5px}.detail-price-row .change-pill{margin-top:24px}.detail-chart-head{align-items:flex-start;flex-direction:column;margin-top:31px;gap:10px}.periods-large{width:100%;justify-content:space-between}.periods-large .period{padding:10px 11px}.detail-chart{height:265px}.detail-side{grid-template-columns:1fr}.detail-editorial{margin-top:46px}.detail-article h2{font-size:32.5px}.simple-page{padding-top:55px;padding-bottom:85px}.simple-page .simple-lead{font-size:20.8px}}
@media(max-width:355px){.card-foot{flex-direction:column;align-items:stretch;gap:9px}.periods{justify-content:space-around}.card-detail{justify-content:flex-end}.brand{font-size:22.1px}.brand-mark svg{width:27px;height:27px}.language-item small{font-size:10.4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v1.1.0 responsive accommodations for uniformly 30% larger typography.
   All declared font sizes stay +30%; only spacing, visibility and layout are adjusted. */
@media(max-width:440px){
 .header-inner{gap:5px}
 .brand small,.brand-mark{display:none}
 .header-actions{gap:3px}
 .header-pill{min-width:31px;padding-inline:6px}
 .language-trigger{min-width:33px}
 .language-trigger>span,.language-trigger svg{display:none}
 .dropdown-panel{right:-79px}
}
@media(max-width:380px){
 .card-price-row{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:7px 12px}
 .asset-value{max-width:100%;overflow-wrap:anywhere;white-space:normal}
 .asset-timestamp{white-space:normal}
 .detail-price-row{flex-wrap:wrap;align-items:flex-start}
 .detail-price-row>div:first-child{min-width:0;max-width:100%}
 .detail-big-price{overflow-wrap:anywhere}
 .detail-price-row .change-pill{margin-top:0}
 .periods-large .period{padding-inline:5px}
}
@media(max-width:650px){
 .detail-price-row{flex-wrap:wrap}
 .detail-price-row>div:first-child{min-width:0}
 .detail-big-price{overflow-wrap:anywhere}
 .detail-price-row .change-pill{margin-top:0}
}
@media(max-width:650px){
 .toolbar .searchbox{min-width:0;flex:1 1 0%}
 .toolbar-right{flex:0 0 auto}
}
@media(max-width:400px){
 .top-strip .strip-right{display:none}
}

/* v1.2 usability: market category split navigation + full-size currency target + quote-unit selectors */
.market-nav-group{position:relative;display:inline-flex;align-items:center;gap:2px;white-space:nowrap}
.market-nav-parent{display:inline-flex;align-items:center;color:inherit;text-decoration:none;line-height:inherit}
.market-nav-arrow{border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;min-width:23px;min-height:34px;padding:0 4px;cursor:pointer;border-radius:5px}
.market-nav-arrow:hover,.market-nav-arrow:focus-visible{background:var(--tint);outline-offset:2px}
.market-nav-arrow svg{transition:transform .16s}
.market-nav-group.menu-open .market-nav-arrow svg{transform:rotate(180deg)}
.market-nav-menu{position:absolute;left:0;top:calc(100% + 9px);min-width:205px;z-index:60;border-radius:10px;background:var(--panel);border:1px solid var(--line);box-shadow:0 15px 38px rgba(15,29,45,.17);padding:7px;color:var(--text)}
.market-nav-menu[hidden]{display:none!important}
.market-nav-menu a{display:block;color:var(--text)!important;padding:11px 12px;border-radius:7px;text-decoration:none;font-weight:650;font-size:15.6px;white-space:nowrap}
.market-nav-menu a:hover,.market-nav-menu a:focus-visible{background:var(--tint);outline:0}
.market-nav-menu .nav-show-all{font-weight:800;color:#a77a45!important;border-bottom:1px solid var(--line);border-radius:7px 7px 0 0;margin-bottom:4px}
.main-nav .market-nav-group{font-size:inherit;font-weight:inherit;color:var(--muted)}
.main-nav .market-nav-group.is-active,.main-nav .market-nav-group:has(.is-filtered){color:var(--text)}
.main-nav .market-nav-group.is-active:after{position:absolute;bottom:-27px;left:0;right:0;height:2px;background:#c99552;content:''}
.main-nav .market-nav-group a:hover{color:var(--text)}
.main-nav .nav-energy{font-size:inherit;font-weight:inherit;color:var(--soft);cursor:default;opacity:.72}
.top-strip{position:relative;z-index:30}
.top-strip .strip-left{display:flex;align-items:center;min-width:0;gap:8px}
.strip-categories{display:flex;align-items:center;gap:7px;min-width:0}
.strip-group{color:#d8e2ee;font-weight:650;font-size:inherit}
.strip-group .market-nav-arrow{min-height:22px;min-width:14px;padding:1px;color:#aebed0}
.strip-group .market-nav-arrow:hover{background:#334963}
.strip-group+.strip-group:before,.strip-energy:before{content:'·';margin-right:8px;color:#6b8aa6}
.strip-energy{white-space:nowrap;color:#9fb1c3}
.strip-energy small{font-size:11px;opacity:.7}
.strip-right .utc-clock{white-space:nowrap}
.mobile-nav-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.mobile-nav-group>a{flex:1}
.mobile-nav-expander{border:0;background:var(--bg);color:var(--text);border-radius:6px;width:41px;height:37px;display:grid;place-items:center}
.mobile-nav-expander[aria-expanded=true] svg{transform:rotate(180deg)}
.mobile-nav-children{width:100%;display:flex;flex-direction:column;padding:3px 8px 11px 15px}
.mobile-nav-children[hidden]{display:none!important}
.mobile-nav-children a{color:var(--muted);font-size:15.6px;padding:8px}
.mobile-nav-energy{padding:11px 4px;color:var(--soft)}
.mobile-nav-energy small{margin-left:7px;opacity:.8;font-size:12px}
.currency-control{position:relative;cursor:pointer;min-width:157px;isolation:isolate}
.currency-control .currency-caption{display:inline!important;pointer-events:none}
.currency-control .currency-current{font-size:15.6px;color:var(--text);font-weight:850;pointer-events:none;margin-left:auto}
.currency-control svg{pointer-events:none;flex-shrink:0}
.currency-control select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}
.currency-control:focus-within{outline:2px solid #cba36c;outline-offset:2px}
.unit-select-shell{display:inline-flex;align-items:center;gap:2px;color:var(--soft);min-width:0;position:relative}
.unit-preposition{color:var(--soft)}
.unit-select-shell select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:var(--soft);font:inherit;font-size:inherit;max-width:94px;padding:2px 15px 2px 0;cursor:pointer;outline-offset:2px}
.unit-select-shell select option{color:#1e2f43;background:white}
.unit-select-shell svg{position:absolute;right:0;pointer-events:none;color:var(--soft)}
.unit-select-shell:focus-within{outline:1px solid #cba36c;border-radius:3px}
.card-ticker{display:flex;align-items:center;gap:4px;overflow:visible;white-space:normal;flex-wrap:wrap}
.card-ticker .unit-select-shell{font-size:13px}
.detail-subprice .unit-select-shell{font-size:14.3px}
.detail-subprice .unit-select-shell select{max-width:130px}
.fixed-quote-unit{color:var(--soft)}
@media(max-width:1360px){.main-nav{gap:15px}.main-nav .market-nav-group{font-size:15px}.main-nav .market-nav-arrow{min-width:17px;padding:0 1px}}
@media(max-width:1100px){.strip-categories{gap:4px}.strip-group{font-size:12px}.strip-group+.strip-group:before,.strip-energy:before{margin-right:3px}}
@media(max-width:930px){.top-strip .strip-left .strip-categories{display:none}.top-strip .strip-left .strip-label{display:inline}.top-strip .strip-right #utc-clock{display:inline}.main-nav{display:none}.mobile-nav{z-index:50;position:relative}}
@media(max-width:650px){.currency-control{min-width:90px;padding:0 9px}.currency-control .currency-caption{display:none!important}.currency-control .currency-current{margin-left:0}.card-ticker .unit-select-shell select{max-width:88px}}

/* Final width polish for the expanded 5-destination header */
.main-nav .nav-energy{display:flex;align-items:center;white-space:nowrap}
@media(min-width:1181px) and (max-width:1360px){.main-nav{gap:13px}.main-nav .market-nav-group{font-size:16.9px}}
@media(max-width:1180px){.main-nav{display:none}.mobile-menu-button{display:inline-flex}.mobile-nav{display:flex!important;flex-direction:column;border-top:1px solid var(--line);padding:8px 32px 16px;background:var(--panel)}.mobile-nav[hidden]{display:none!important}.mobile-nav a{padding:8px 4px;font-size:16.9px}}
@media(max-width:355px){.market-status{max-width:100%;min-width:0;white-space:normal}.market-status #market-status{min-width:0}.market-status button{flex-shrink:0}.brand{letter-spacing:-1.2px}}

.strip-energy+.strip-group:before{content:"·";margin-right:8px;color:#6b8aa6}
@media(max-width:1100px){.strip-energy+.strip-group:before{margin-right:3px}}

/* v1.3 Clean sticky masthead and discoverable category navigation.
   Compact nav is always visible; no top strip and no hamburger. */
.site-header{position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(20,38,59,.035)}
.main-nav{align-self:stretch;gap:20px;margin-left:12px;min-width:0;align-items:center}
.main-nav .nav-overview{height:auto;padding:12px 0;white-space:nowrap}
.market-nav-group{position:relative;gap:2px;white-space:nowrap}
.market-nav-parent{height:auto!important;border-bottom:0!important;padding:11px 0;font-size:16px;font-weight:680}
.market-nav-arrow{min-width:30px;min-height:39px;padding:0 6px;color:var(--muted)}
.market-nav-arrow svg{width:16px;height:16px;stroke-width:2.4}
.market-nav-group.menu-open .market-nav-arrow,.market-nav-group:hover .market-nav-arrow{color:var(--text)}
.nav-short-label{display:none}
.market-nav-menu{top:calc(100% + 2px);min-width:245px;padding:8px;white-space:normal;box-shadow:0 18px 45px rgba(20,34,51,.17)}
.market-nav-menu:before{content:'';height:12px;position:absolute;top:-12px;left:0;right:0}
.main-nav .market-nav-menu a{height:auto;display:block;border:0!important;font-weight:650;padding:11px 14px}
.main-nav .market-nav-menu a:hover{background:var(--tint)}
.main-nav .market-nav-menu .nav-show-all{font-weight:800}
.main-nav .nav-energy{display:flex;align-items:center;cursor:default;white-space:nowrap;opacity:.66;font-size:16px}
.main-nav .market-nav-group.is-active:after{bottom:-18px}
.main-nav .market-nav-group:has(.market-nav-arrow[aria-expanded=true]) .market-nav-parent{color:var(--text)}
.main-nav .market-nav-group:last-child .market-nav-menu{left:auto;right:0}
.market-nav-group .market-nav-menu[hidden]{display:none!important}
#markets,.market-category{scroll-margin-top:136px}
.category-page{padding-top:34px;padding-bottom:90px}
.category-intro{margin:0 0 27px}
.category-intro h1{font-size:clamp(34px,4vw,56px);letter-spacing:-1.4px;line-height:1.15;margin:16px 0}
.category-intro p{color:var(--muted);font-size:18px;line-height:1.7;margin:0;max-width:820px}
.category-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}
.category-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.category-outro{padding-top:35px}
.category-outro h2{font-size:25px;margin:0 0 8px}
.category-outro p{color:var(--muted);margin:0 0 16px}
.category-links{display:flex;flex-wrap:wrap;gap:10px}
.category-links a{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-weight:650}
.category-links a:hover{border-color:var(--gold)}
@media(max-width:1210px){
 .main-nav{gap:9px;margin-left:0}
 .main-nav .market-nav-parent,.main-nav .nav-energy{font-size:14.8px}
 .brand{font-size:29px}
 .brand small{display:none}
 .header-inner{gap:12px}
}
@media(max-width:1180px){
 .site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:68px auto;grid-template-areas:'brand actions' 'nav nav';height:auto;column-gap:12px;row-gap:0;align-items:center}
 .site-header .brand{grid-area:brand;min-width:0}
 .site-header .header-actions{grid-area:actions}
 .site-header .main-nav{grid-area:nav;margin:0;display:flex!important;justify-content:space-between;align-items:center;gap:6px;border-top:1px solid var(--line);padding:4px 0 6px}
 .site-header .nav-overview{display:none}
 .site-header .main-nav .market-nav-group{flex:0 1 auto;min-width:0;gap:0}
 .site-header .main-nav .market-nav-parent{font-size:15px;font-weight:720;padding:10px 2px}
 .site-header .main-nav .nav-energy{font-size:15px;font-weight:720}
 .site-header .market-nav-arrow{width:28px;min-width:28px;min-height:40px;padding:0 5px}
 .site-header .main-nav .market-nav-menu{position:absolute;min-width:max(220px,100%);top:calc(100% + 6px);left:0;right:auto;z-index:200}
 .site-header .main-nav .market-nav-group:last-child .market-nav-menu{left:auto;right:0}
 .site-header .main-nav .market-nav-menu a{font-size:16px;line-height:1.3}
 .site-header .main-nav .market-nav-group.is-active:after{display:none}
 .site-header .market-nav-parent{white-space:nowrap}
 .site-header .nav-full-label{display:none}
 .site-header .nav-short-label{display:inline}
 .site-header .mobile-menu-button,.site-header .mobile-nav{display:none!important}
}
@media(max-width:650px){
 .site-header .header-inner{grid-template-rows:59px auto}
 .site-header .main-nav{padding:3px 0 5px;gap:3px}
 .site-header .main-nav .market-nav-parent,.site-header .main-nav .nav-energy{font-size:14px}
 .site-header .market-nav-arrow{min-width:25px;width:25px;padding:0 3px}
 .site-header .market-nav-arrow svg{width:15px;height:15px}
 .category-asset-grid{grid-template-columns:1fr}
 .category-tools{flex-wrap:wrap}
 .category-intro h1{font-size:34px}
 .category-intro p{font-size:16.9px}
}
@media(max-width:370px){
 .site-header .main-nav .market-nav-parent,.site-header .main-nav .nav-energy{font-size:13px}
 .site-header .market-nav-arrow{min-width:19px;width:19px}
 .site-header .main-nav{gap:1px}
 .site-header .brand{font-size:23px}
}

/* Prevent percentage-change badges from stretching narrow market cards horizontally. */
@media(max-width:430px){.card-price-row{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:7px 12px}.card-price-row>div:first-child{min-width:0;max-width:100%}}

/* v1.4 Commodity Price Watch: discoverable global units, clean brand, sticky sidebar, scalable footer */
.site-header{z-index:100}
.sidebar-sticky{top:calc(76px + 22px)}
#markets{scroll-margin-top:90px}
.brand{gap:9px;letter-spacing:0;font-size:inherit;line-height:1}
.brand-wordmark{display:flex;flex-direction:column;justify-content:center;gap:2px;white-space:nowrap;font-size:22px;font-weight:850;letter-spacing:-.7px;line-height:1.05}
.brand-line{display:block}
.brand-tld{font-size:10px;letter-spacing:.4px;color:var(--muted);font-weight:800;margin-left:5px}
.market-preferences{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.market-preferences .currency-control{flex-shrink:0}
.unit-control{min-width:157px}
.unit-control .unit-caption{display:inline!important;pointer-events:none}
.unit-control .unit-current{font-size:15.6px;font-weight:850;color:var(--text);pointer-events:none;margin-left:auto}
.toolbar-right{display:flex;align-items:center}
.category-tools .market-preferences{margin-left:auto}
.card-ticker .quote-unit-text,.detail-subprice .quote-unit-text{color:var(--soft);white-space:nowrap}
.hero-feature{position:absolute;top:29px;bottom:25px;left:34px;right:24px;display:flex;flex-direction:column;color:#fff;z-index:2}
.hero-feature-title{font-weight:800;letter-spacing:-1.6px;line-height:1.13;font-size:38px;margin:20px 0 0}
.hero-feature-title span{color:#e8bf88}
.hero-feature .hero-divider{width:100%;margin:22px 0 18px;background:rgba(213,232,255,.21)}
.hero-benefits{display:flex;flex-direction:column;gap:11px;font-size:14px;color:#d9e4f0;font-weight:600}
.hero-benefits>span{display:flex;align-items:center;gap:10px}
.hero-benefits svg{color:#eac28a;flex-shrink:0}
.footer-nav{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:32px 30px;flex:1;max-width:845px}
.footer-nav>div{min-width:0}
.footer-nav .footer-category-title{font-size:13px;letter-spacing:.11em;color:#d8a867;font-weight:800;margin-bottom:7px}
.footer-nav .footer-category-title:hover{color:white}
.footer-nav .footer-view-all{display:flex;align-items:center;gap:7px;color:#ebc08c;font-weight:700}
.footer-logo{font-size:26px;letter-spacing:-.7px;line-height:1.2;white-space:nowrap}
.footer-brand{max-width:275px}
@media(max-width:1360px) and (min-width:931px){.footer-main{gap:25px}.footer-nav{grid-template-columns:repeat(4,minmax(110px,1fr));gap:18px}.footer-logo{font-size:22px}}
@media(max-width:930px){.footer-nav{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main{display:flex;flex-direction:column;gap:32px}.sidebar-sticky{top:145px}}
@media(max-width:650px){
 .site-header .brand-wordmark{font-size:19px;letter-spacing:-.5px}
 .site-header .brand-tld{font-size:8px}
 .site-header .brand-mark svg{width:30px;height:30px}
 .market-preferences{gap:8px}
 .market-preferences .currency-control{min-width:97px;height:43px;padding:0 10px}
 .market-preferences .currency-caption,.market-preferences .unit-caption{display:none!important}
 .market-preferences .unit-control{min-width:112px}
 .market-preferences .unit-current{margin-left:0}
 .hero-feature-title{font-size:clamp(31px,8vw,38px)}
 .hero-feature{left:25px;right:22px;top:24px;bottom:20px}
 .footer-nav{gap:28px 18px}
 .footer-logo{font-size:24px}
}
@media(max-width:390px){.site-header .brand-wordmark{font-size:16px}.site-header .brand-tld{font-size:7px}.site-header .brand-mark svg{width:27px;height:27px}}

@media(max-width:440px){.site-header .brand-mark{display:flex!important}}
.unit-control:has(select:disabled){opacity:.77;cursor:default}


/* v1.4.2: reduce homepage hero footprint so visitors reach live data sooner.
   The CTA and redundant refresh copy were removed from the HTML. */
@media (min-width:931px){
  .hero-section{grid-template-columns:minmax(0,1fr) 360px;gap:38px;min-height:315px;padding-top:25px;padding-bottom:25px}
  .hero-copy{padding:0}
  .hero-copy h1{margin:15px 0 12px}
  .hero-copy>p{margin-bottom:0}
  .hero-right{height:250px}
  .hero-feature{top:20px;bottom:16px;left:29px;right:23px}
  .hero-feature-title{font-size:34px;letter-spacing:-1.25px;margin:11px 0 0;line-height:1.11}
  .hero-feature .hero-divider{margin:13px 0 12px}
  .hero-benefits{gap:8px;font-size:13.3px}
}
@media (min-width:931px) and (max-width:1360px){
  .hero-section{grid-template-columns:minmax(0,1fr) 315px}
  .hero-feature-title{font-size:32px}
  .hero-feature .hero-divider{margin:11px 0 10px}
  .hero-benefits{gap:7px}
}
@media (min-width:651px) and (max-width:930px){
  .hero-section{grid-template-columns:minmax(0,1fr) 280px;min-height:305px;padding-top:20px;padding-bottom:20px}
  .hero-copy{padding:0}
  .hero-copy h1{margin:12px 0 10px}
  .hero-copy>p{margin-bottom:0;font-size:18px;line-height:1.55}
  .hero-right{height:240px}
  .hero-feature{top:19px;bottom:14px;left:22px;right:18px}
  .hero-feature-title{font-size:30px;letter-spacing:-1px;line-height:1.12;margin:9px 0 0}
  .hero-feature .hero-divider{margin:12px 0 11px}
  .hero-benefits{gap:7px;font-size:12px}
}
@media (max-width:650px){
  .hero-section{padding-top:23px;padding-bottom:23px}
  .hero-copy h1{margin:10px 0 10px}
  .hero-copy>p{margin-bottom:0;line-height:1.6}
}

/* v1.5: expandable 20-asset crypto navigation with scroll instead of full-screen menu. */
.market-nav-menu{max-height:min(70vh,540px);overflow-y:auto;overscroll-behavior:contain;}
@media(max-width:1180px){.market-nav-menu{max-height:min(65vh,460px)}}

/* v1.5.2: visible price (right) and time (bottom) axes on every market chart. */
.chart-axes{position:absolute;inset:0;pointer-events:none;z-index:1;color:var(--soft)}
.chart-y-label{position:absolute;right:0;transform:translateY(-50%);display:block;width:15.9%;overflow:hidden;text-overflow:clip;white-space:nowrap;text-align:right;font-size:11px;line-height:1.2;font-variant-numeric:tabular-nums}
.chart-x-axis{position:absolute;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:5px;height:18px;color:var(--soft);font-size:10.8px;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
.chart-x-axis span{max-width:50%;min-width:0;overflow:visible}
.chart-x-axis span:last-child{text-align:right}
.chart-y-axis{position:absolute;inset:0}
.detail-chart .chart-y-label{font-size:12px;width:12.5%}
.detail-chart .chart-x-axis{font-size:12px;height:20px}
.chart-wrap:not(.has-data) .chart-axes{display:none}
@media(max-width:650px){.card-chart .chart-y-label{font-size:11.3px}.card-chart .chart-x-axis{font-size:11px}.detail-chart .chart-y-label{font-size:11px}.detail-chart .chart-x-axis{font-size:11px}}


/* v1.5.3: financial-chart readability & honest source resolution. */
.chart-y-label{left:0;right:auto;text-align:right;white-space:nowrap;overflow:visible;text-overflow:clip;padding-right:2px;box-sizing:border-box;font-size:11.1px}
.chart-x-axis{position:absolute;inset:0;display:block;height:auto;font-size:10.4px;pointer-events:none}
.chart-x-tick{position:absolute;bottom:1px;transform:translateX(-50%);white-space:nowrap;max-width:none;line-height:1.1;color:var(--soft)}
.chart-x-tick.first{transform:translateX(0)}
.chart-x-tick.last{transform:translateX(-100%)}
.chart-axis-title{position:absolute;top:0;left:3px;font-size:9.5px;letter-spacing:.04em;font-weight:800;opacity:.8}
.chart-coverage{position:absolute;right:5px;top:1px;font-size:10px;line-height:1.4;max-width:55%;text-align:right;color:var(--soft);background:var(--panel);border-radius:3px;padding:1px 4px}
.detail-chart .chart-y-label{font-size:12px}
.detail-chart .chart-x-axis{height:auto;font-size:11.5px}
.price-chart .chart-crosshair{stroke:var(--muted);stroke-opacity:.35;stroke-dasharray:3 4;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}
.price-chart .chart-hover-dot{stroke:var(--panel);stroke-width:2;fill:var(--asset);vector-effect:non-scaling-stroke;pointer-events:none}
.card-chart .chart-line{stroke-width:2.2}
.detail-chart .chart-line{stroke-width:2.35}
.periods{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;white-space:nowrap;flex-shrink:1}
.periods::-webkit-scrollbar{display:none}
.period{flex:0 0 auto;padding:5px 4px}
.card-detail{flex-shrink:0}
.periods-large{max-width:100%}
.periods-large .period{font-size:12px;padding:8px 6px}
.detail-chart-head{min-width:0}
.detail-chart-head>div:first-child{flex-shrink:1;min-width:0}
.detail-chart-head .periods-large{flex-shrink:1}
@media(max-width:1100px){.detail-chart-head{flex-wrap:wrap}.detail-chart-head .periods-large{flex-basis:100%}}
@media(max-width:650px){.card-chart .chart-y-label{font-size:10.6px}.card-chart .chart-x-axis{font-size:9.8px}.detail-chart .chart-y-label{font-size:10.7px}.detail-chart .chart-x-axis{font-size:10px}.periods{justify-content:flex-start}.periods-large{width:100%}.periods-large .period{padding:9px 8px}}

/* v1.5.4: Clean axes with no overlapping USD title; labels strictly on left. */
.chart-axis-title{display:none!important}
.chart-coverage{font-size:9px;max-width:65%;background:var(--panel);border:1px solid var(--line);padding:1px 4px}
.chart-y-label{font-variant-numeric:tabular-nums;line-height:1.2}
.chart-x-tick{font-variant-numeric:tabular-nums}

/* Launch safety: disclose stale market data and gaps, remove irrelevant weight controls. */
.unit-control[hidden]{display:none!important}
.market-status.warning{border-color:#e3bd83}
.market-status.warning #market-status{color:var(--text)}
.quote-is-stale{opacity:.80}
.chart-gap-note{position:absolute;top:4px;right:4px;font-size:10px;color:var(--soft);background:var(--panel);padding:2px 4px;border-radius:4px;pointer-events:none}
.chart-coverage+.chart-gap-note{top:22px}

/* Footer, language menu and responsive refinements (v1.6.3). */
.simple-page p a{overflow-wrap:anywhere}
.footer-nav .footer-information{min-width:0}
/* Five columns keep INFORMATION immediately to the right of CRYPTO on desktop. */
@media(min-width:931px){
 .footer-main{gap:clamp(20px,3vw,45px)}
 .footer-brand{flex:0 0 clamp(175px,17vw,245px);min-width:0}
 .footer-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.8vw,30px);max-width:none;min-width:0}
}
@media(min-width:931px) and (max-width:1360px){
 /* Compact desktops: put the brand above the five equally spaced sections.
    This avoids crashing the wordmark into the PRECIOUS METALS heading. */
 .footer-main{flex-direction:column;gap:27px}
 .footer-brand{flex:initial;max-width:none}
 .footer-logo{font-size:24px}
 .footer-main p{margin-top:8px}
 .footer-nav{width:100%;gap:16px;max-width:none}
}
@media(min-width:931px) and (max-width:1100px){
 .footer-nav .footer-category-title,.footer-nav strong{font-size:12px;letter-spacing:.06em}
 .footer-nav a{font-size:14px}
}
/* The language chooser must fit the viewport, independent of its trigger. */
@media(max-width:650px){
 .language-shell .dropdown-panel{position:fixed;left:12px;right:12px;top:73px;width:auto;max-width:none;max-height:calc(100dvh - 85px);overflow:hidden;z-index:100}
 .language-shell .language-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100dvh - 161px);overflow-y:auto;overflow-x:hidden;gap:3px;padding:9px}
 .language-shell .language-item{min-width:0;gap:6px;padding:9px 7px}
 .language-shell .language-item span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .language-shell .language-item.disabled small{display:none}
 .language-shell .dropdown-head{padding:13px 15px}
}
@media(max-width:360px){.language-shell .dropdown-panel{left:8px;right:8px}.language-shell .language-item{font-size:12.9px;padding:7px 4px;gap:4px}}


/* v1.6.4 footer desktop spacing: separate the wordmark and group market
   columns more closely without changing tablet/mobile layout. */
@media(min-width:1361px){
 .footer-main{justify-content:flex-start;gap:clamp(38px,3.2vw,55px)}
 .footer-brand{flex:0 0 305px;max-width:305px}
 .footer-nav{flex:1 1 auto;max-width:950px;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(184px,1.08fr);column-gap:14px}
 .footer-nav .footer-category-title,.footer-nav strong{letter-spacing:.065em;white-space:nowrap}
}

/* Active locale options are links; disabled languages retain their original appearance. */
.language-grid a.language-item:not(.selected){cursor:pointer;color:var(--text)}
.language-grid a.language-item:hover{background:var(--tint);color:var(--text)}

/* Multilingual hero: let the feature card grow when translations wrap.
   Avoid clipping benefits in languages with longer labels. */
@media (min-width:651px){
  .hero-right{height:auto;min-height:250px}
  .hero-feature{position:relative;inset:auto;padding:20px 23px 16px 29px;min-width:0}
  .hero-benefits>span{min-width:0}
}
@media (min-width:651px) and (max-width:930px){
  .hero-right{min-height:240px}
  .hero-feature{padding:19px 18px 14px 22px}
}

/* Batch 12: right-to-left locale support. Keep financial charts and symbols stable. */
[dir="rtl"] .main-nav{margin-left:0;margin-right:36px}
[dir="rtl"] .brand small{margin-left:0;margin-right:3px}
[dir="rtl"] .dropdown-panel{right:auto;left:0}
[dir="rtl"] .side-link{text-align:right}
[dir="rtl"] .side-heading{margin-left:0;margin-right:11px}
[dir="rtl"] .hero-stats{left:auto;right:34px}
[dir="rtl"] .hero-orbit{direction:ltr}
[dir="rtl"] .price-chart{direction:ltr}
[dir="rtl"] .chart-tooltip{unicode-bidi:plaintext}
[dir="rtl"] .searchbox input{text-align:right}
[dir="rtl"] .language-item small,[dir="rtl"] .language-item b{margin-left:0;margin-right:auto}
[dir="rtl"] .searchbox input,[dir="rtl"] .card-name,[dir="rtl"] .asset-value,[dir="rtl"] .detail-big-price{unicode-bidi:plaintext}