:root { --market-ink:#20241f; --market-muted:#647064; --market-line:#d9ded5; --market-paper:#fffefa; --market-wash:#f4f6f0; --market-green:#285c42; --market-orange:#d96c2d; --market-orange-dark:#a94717; --market-red:#a73a2d; }
.market-shell { width:min(1120px, calc(100% - 2rem)); margin:1.2rem auto 3rem; color:var(--market-ink); }
.market-shell a { color:var(--market-green); text-underline-offset:3px; }
.market-shell nav.market-breadcrumb { display:flex; flex-direction:row; flex-wrap:nowrap; gap:.45rem; align-items:center; margin:0 0 .8rem; padding:0; border:0; background:transparent; color:var(--market-muted); font-size:.84rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.market-shell nav.market-breadcrumb a { display:inline; min-height:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; color:var(--market-green); font:inherit; font-weight:inherit; text-decoration:underline; }
.market-breadcrumb span:last-child { overflow:hidden; text-overflow:ellipsis; }
.market-mobile-back { display:none; font-size:.88rem; font-weight:700; text-decoration:none; }
.eyebrow { margin:0; color:var(--market-orange-dark); font-size:.74rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.market-shell header.market-compact-header,.market-shell header.market-quote-header { display:flex; justify-content:space-between; gap:1rem; align-items:flex-end; margin:0; padding:0 0 1rem; border:0; border-bottom:1px solid var(--market-line); background:transparent; color:var(--market-ink); }
.market-compact-header h1,.market-quote-header h1 { margin:.18rem 0; font-size:clamp(1.65rem,4vw,2.45rem); line-height:1.05; letter-spacing:-.035em; }
.market-compact-header p:last-child,.market-quote-header p:last-child { margin:.25rem 0 0; color:var(--market-muted); }
.market-source-action { flex:0 0 auto; margin-bottom:.1rem; padding:.52rem .72rem; border:1px solid #bfccbb; border-radius:4px; background:#fff; color:var(--market-green)!important; font-size:.88rem; font-weight:700; text-decoration:none; }
.market-source-action:hover { background:#eef4eb; }.market-auction-link { margin:1.2rem 0 0; color:var(--market-muted); font-size:.84rem; }
.market-heading-actions { display:flex; flex-wrap:wrap; gap:.45rem; justify-content:flex-end; }.market-share-action,.market-compare-action { padding:.52rem .72rem; border:1px solid var(--market-orange); border-radius:4px; background:#fff6ee; color:var(--market-orange-dark); font:inherit; font-size:.88rem; font-weight:800; cursor:pointer; text-decoration:none; }
.market-source-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(255px,1fr)); gap:.85rem; margin:1rem 0; }
.market-source-card { padding:1rem; border:1px solid var(--market-line); border-top:3px solid var(--market-orange); border-radius:5px; background:var(--market-paper); }
.market-source-card h2 { margin:.28rem 0 .45rem; font-size:1rem; line-height:1.2; }
.market-source-card p:last-of-type { margin:0 0 .7rem; color:var(--market-muted); font-size:.9rem; }
.market-browser-panel,.market-chart-panel,.market-history-panel,.market-recent-panel { margin:1rem 0; padding:1.1rem; border:1px solid var(--market-line); border-radius:6px; background:var(--market-paper); }
.market-browser-head,.market-chart-panel-head,.market-history-head { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; margin-bottom:1rem; }
.market-browser-head h2,.market-chart-panel h2,.market-history-panel h2,.market-recent-panel h2 { margin:0; font-size:1.15rem; letter-spacing:-.01em; }
.market-browser-head p,.market-chart-panel-head p,.market-history-head p { margin:.25rem 0 0; color:var(--market-muted); font-size:.9rem; }
.market-search input { width:min(270px,40vw); padding:.64rem .75rem; border:1px solid #b5bfb2; border-radius:4px; color:var(--market-ink); background:#fff; font:inherit; font-size:16px; }
.market-search input:focus { outline:3px solid #f4c59f; border-color:var(--market-orange); }
.market-category + .market-category { margin-top:1.4rem; }
.market-category h3 { margin:0 0 .6rem; color:var(--market-green); font-size:.9rem; letter-spacing:.06em; text-transform:uppercase; }
.market-commodity-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(195px,1fr)); gap:.6rem; }
.market-commodity-card { display:flex; min-height:118px; flex-direction:column; padding:.8rem; border:1px solid var(--market-line); border-radius:4px; background:#fff; color:var(--market-ink)!important; text-decoration:none; }
.market-commodity-card:hover { border-color:#aab9a5; box-shadow:0 2px 8px #24351d12; }
.market-commodity-card strong { font-size:1rem; }
.market-commodity-card span { margin-top:.3rem; color:var(--market-green); font-size:.78rem; font-weight:700; }
.market-commodity-card small { display:-webkit-box; margin-top:.38rem; overflow:hidden; color:var(--market-muted); font-size:.78rem; line-height:1.3; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.market-commodity-card em { margin-top:auto; padding-top:.5rem; color:var(--market-muted); font-size:.74rem; font-style:normal; }
.market-search-empty { color:var(--market-muted); }
.market-recent-panel ul { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:.5rem 1rem; margin:.8rem 0 0; padding:0; list-style:none; }
.market-recent-panel li { display:flex; gap:.45rem; align-items:baseline; color:var(--market-muted); font-size:.88rem; }
.market-compare-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:.85rem; margin:1rem 0; }.market-compare-grid article { display:flex; flex-direction:column; gap:.35rem; padding:1rem; border:1px solid var(--market-line); border-top:3px solid var(--market-orange); border-radius:5px; background:var(--market-paper); }.market-compare-grid h2 { margin:0; font-size:1.05rem; }.market-compare-grid strong { font-size:1.55rem; }.market-compare-grid span,.market-compare-grid small { color:var(--market-muted); font-size:.84rem; }.market-compare-grid a { margin-top:.35rem; font-size:.88rem; font-weight:700; }.market-compare-bases { display:flex; flex-wrap:wrap; gap:.45rem; margin:1rem 0; }.market-compare-bases a { padding:.35rem .5rem; border:1px solid var(--market-line); border-radius:4px; text-decoration:none; }.market-compare-bases a[aria-current="page"] { border-color:var(--market-orange); background:#fff6ee; color:var(--market-orange-dark); font-weight:800; }
.market-recent-panel time { color:var(--market-ink); font-weight:700; }.market-recent-panel li span { flex:1; }.market-recent-panel a { font-size:.8rem; }

.market-quote-page { max-width:980px; }.market-quote-header { align-items:center; }.market-quote-header h1 { font-size:clamp(1.8rem,5vw,2.8rem); }
.market-selected-series { display:flex; gap:.55rem; align-items:baseline; padding:.75rem 0; border-bottom:1px solid var(--market-line); }.market-selected-series span { color:var(--market-muted); font-size:.78rem; text-transform:uppercase; letter-spacing:.06em; }.market-selected-series strong { color:var(--market-green); }.market-selected-series small { color:var(--market-muted); }
.market-series-picker { display:flex; gap:.75rem; align-items:flex-start; margin:1rem 0; }.market-picker-label { min-width:58px; padding-top:.54rem; color:var(--market-muted); font-size:.83rem; font-weight:700; }.market-series-chips { display:flex; flex:1; gap:.45rem; overflow-x:auto; padding-bottom:.28rem; scrollbar-width:thin; }.market-series-chip { flex:0 0 auto; max-width:210px; padding:.48rem .62rem; border:1px solid #c6cec3; border-radius:4px; background:#fff; color:var(--market-ink); text-align:left; font:inherit; cursor:pointer; }.market-series-chip span,.market-series-chip small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.market-series-chip span { font-size:.86rem; font-weight:700; }.market-series-chip small { margin-top:.15rem; color:var(--market-muted); font-size:.72rem; }.market-series-chip.is-selected { border-color:var(--market-orange); background:#fff6ee; box-shadow:inset 0 0 0 1px var(--market-orange); }.market-series-chip:hover { border-color:var(--market-orange); }
.market-limited-series { margin:-.4rem 0 .8rem 58px; font-size:.82rem; }.market-series-search-empty { flex:0 0 100%; margin:0; color:var(--market-muted); font-size:.84rem; }.market-detail-source-action { margin:0 0 1rem; }
.market-after-chart-actions { display:flex; gap:.55rem; margin:0 0 1rem; }.market-details { margin:1rem 0; border:1px solid var(--market-line); border-radius:6px; background:var(--market-paper); }.market-details > summary { padding:.85rem 1rem; color:var(--market-green); font-weight:800; cursor:pointer; }.market-details[open] > summary { border-bottom:1px solid var(--market-line); }.market-details > :not(summary) { margin-left:1rem; margin-right:1rem; }.market-series-search { display:flex; flex-direction:column; gap:.2rem; min-width:180px; color:var(--market-muted); font-size:.78rem; font-weight:700; }.market-series-search input { padding:.45rem .55rem; border:1px solid var(--market-line); border-radius:4px; font:inherit; font-size:16px; color:var(--market-ink); }
.market-quote-grid { display:grid; grid-template-columns:repeat(4,1fr); margin:1rem 0; border:1px solid var(--market-line); border-radius:6px; overflow:hidden; background:#fff; }.market-quote-grid article { min-width:0; padding:.85rem .9rem; border-right:1px solid var(--market-line); }.market-quote-grid article:last-child { border:0; }.market-quote-grid span,.market-quote-grid small { display:block; }.market-quote-grid > article > span { color:var(--market-muted); font-size:.72rem; font-weight:700; letter-spacing:.055em; text-transform:uppercase; }.market-quote-grid strong { display:block; margin:.25rem 0; overflow:hidden; font-size:clamp(1rem,2.6vw,1.35rem); letter-spacing:-.03em; text-overflow:ellipsis; white-space:nowrap; }.market-quote-grid small { color:var(--market-muted); font-size:.75rem; }.market-change { font-weight:800; }.market-change.is-up { color:var(--market-green); }.market-change.is-down { color:var(--market-red); }
.market-info { width:1.15rem; height:1.15rem; padding:0; border:1px solid #95a392; border-radius:50%; background:#fff; color:var(--market-green); font:700 .72rem/1 sans-serif; cursor:pointer; }.market-chart-panel { padding:1.1rem; }.market-shell nav.market-range-tabs { display:flex; flex-direction:row; flex-wrap:nowrap; gap:.2rem; margin:0; padding:.2rem; border:1px solid var(--market-line); border-radius:4px; background:var(--market-wash); }.market-shell nav.market-range-tabs a { display:block; min-height:0; margin:0; padding:.32rem .45rem; border:0; border-radius:3px; background:transparent; color:var(--market-muted); font-size:.78rem; font-weight:800; text-decoration:none; }.market-shell nav.market-range-tabs a[aria-current="page"] { background:var(--market-orange); color:#fff; }.market-chart-host { min-height:285px; }.market-chart-canvas { display:flex; min-width:0; }.market-chart-axis { flex:0 0 54px; width:54px; height:252px; }.market-chart-scroll { min-width:0; flex:1; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; touch-action:pan-x; }.market-chart-svg { display:block; width:auto; height:252px; }.market-chart-gridline { stroke:#dfe5dc; stroke-width:1; }.market-chart-axis-label,.market-chart-unit-label { fill:#667164; font-size:11px; }.market-chart-unit-label { font-weight:700; }.market-chart-range { fill:#e9a26d4a; }.market-chart-line { fill:none; stroke:var(--market-green); stroke-width:2.4; vector-effect:non-scaling-stroke; }.market-chart-crosshair { stroke:var(--market-orange); stroke-width:1; stroke-dasharray:3 3; }.market-chart-latest { fill:var(--market-orange); stroke:#fff; stroke-width:2; vector-effect:non-scaling-stroke; }.market-chart-inspector { cursor:crosshair; touch-action:pan-x; }.market-chart-tooltip { min-height:1.3rem; margin:.2rem 0 0 54px; color:var(--market-ink); font-size:.82rem; }.market-chart-note { margin:.6rem 0 0; color:var(--market-muted); font-size:.78rem; }
.market-chart-legend { display:flex; flex-wrap:wrap; gap:.35rem .8rem; margin:.45rem 0 0 54px; padding:0; list-style:none; color:var(--market-muted); font-size:.78rem; }.market-chart-legend li { display:flex; gap:.3rem; align-items:center; }.market-chart-legend i { display:inline-block; width:.8rem; height:.18rem; border-radius:2px; }
.market-history-panel { padding:0; overflow:hidden; }.market-history-head { padding:1rem 1.1rem .75rem; margin:0; border-bottom:1px solid var(--market-line); }.market-history { background:#fff; }.market-history-row { display:grid; grid-template-columns:120px minmax(150px,1fr) 155px auto; gap:1rem; align-items:center; padding:.75rem 1.1rem; border-bottom:1px solid #e5e9e2; }.market-history-row:last-child { border:0; }.market-history-row time { font-weight:700; font-variant-numeric:tabular-nums; }.market-history-price strong { display:block; font-size:1rem; }.market-history-price small,.market-history-volume span { color:var(--market-muted); font-size:.76rem; }.market-history-volume strong { display:block; margin-top:.08rem; }.market-history-row details { justify-self:end; }.market-history-row summary { color:var(--market-green); cursor:pointer; font-size:.84rem; font-weight:700; }.market-history-row details[open] { grid-column:1 / -1; justify-self:stretch; padding:.65rem; border:1px solid #dfe5dc; border-radius:4px; background:var(--market-wash); }.market-history-row details[open] summary { margin-bottom:.6rem; }.market-history-row dl { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:.5rem 1rem; margin:0 0 .65rem; }.market-history-row dl div { min-width:0; }.market-history-row dt { color:var(--market-muted); font-size:.72rem; font-weight:700; text-transform:uppercase; }.market-history-row dd { margin:.08rem 0 0; overflow-wrap:anywhere; }.market-note { margin:1rem 0; padding:.85rem 1rem; border-left:4px solid var(--market-orange); background:#fff6ee; color:#3b3028; }.market-note p { margin:.3rem 0 0; color:#5d5047; }.market-empty { padding:1rem; color:var(--market-muted); }.sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:700px) { .market-shell { width:min(100% - 1rem,1120px); margin:.75rem auto 2rem; }.market-breadcrumb { display:none!important; }.market-mobile-back { display:inline-block; max-width:100%; margin:0 0 .55rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.market-compact-header,.market-quote-header { align-items:flex-start; flex-direction:column; gap:.55rem; padding-bottom:.75rem; }.market-heading-actions { width:100%; justify-content:flex-start; }.market-source-action { margin:0; }.market-browser-panel,.market-chart-panel { padding:.9rem; }.market-browser-head,.market-chart-panel-head { flex-direction:column; gap:.7rem; }.market-search,.market-search input { width:100%; }.market-commodity-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; }.market-commodity-card { min-height:112px; padding:.7rem; }.market-quote-grid { grid-template-columns:repeat(2,1fr); }.market-quote-grid article:nth-child(2) { border-right:0; }.market-quote-grid article:nth-child(-n+2) { border-bottom:1px solid var(--market-line); }.market-series-picker { display:block; margin:.7rem 0; }.market-series-search { margin-bottom:.55rem; }.market-series-search input { width:100%; }.market-picker-label { display:block; padding:0 0 .4rem; }.market-limited-series { margin:.1rem 0 .75rem; }.market-chart-host { min-height:0; height:auto; }.market-chart-axis,.market-chart-svg { height:252px; }.market-chart-tooltip { margin-left:54px; }.market-history-head { padding:.9rem; }.market-history-row { grid-template-columns:1fr auto; gap:.25rem .75rem; padding:.78rem .9rem; }.market-history-row time { grid-row:1 / 3; }.market-history-price { grid-column:2; text-align:right; }.market-history-volume { grid-column:1; grid-row:3; }.market-history-row details { grid-column:2; grid-row:3; }.market-history-row details[open] { grid-column:1 / -1; grid-row:auto; }.market-recent-panel { padding:.9rem; } }
@media (max-width:390px) { .market-commodity-grid { grid-template-columns:1fr; }.market-quote-grid strong { font-size:1rem; }.market-range-tabs { width:100%; justify-content:space-between; }.market-range-tabs a { padding:.32rem .38rem; } }