/* Keep commodity groups consistent with Energy; override legacy section padding. */
#markets-panel .commodity-section{padding:0!important;margin:0;min-width:0;grid-column:1/-1}
#markets-panel .commodity-section>h2{font-family:var(--font-body);font-weight:600;font-size:19px;line-height:1.4;letter-spacing:normal;color:var(--navy);margin:0 0 12px}
#markets-panel .commodity-section+.commodity-section{padding-top:18px!important;border-top:1px solid var(--line);margin:0}
#markets-panel .commodity-section .markets-grid{gap:22px}
#markets-panel .commodity-section .market-card{--chart-color:#14a6a0}
#hub-charts:has(#markets-panel[data-active-tab="commodities"]) .markets-toolbar{margin:18px 0 8px}
#hub-charts:has(#markets-panel[data-active-tab="commodities"]) #marketsContext{margin:0 0 6px}
#hub-charts:has(#markets-panel[data-active-tab="commodities"]) #marketsStatus{margin:6px 0 14px}
.gemstone-unavailable{display:flex;flex-direction:column;min-height:340px}
.gemstone-unavailable .market-empty{flex:1;display:flex;align-items:center;background:#f8fafb;border-style:solid;line-height:1.7}
.gemstone-unavailable .market-actions{margin-top:auto}
@media(max-width:760px){#markets-panel .commodity-section>h2{font-size:18px;margin-bottom:10px}#markets-panel .commodity-section .markets-grid{gap:18px}#markets-panel .commodity-section+.commodity-section{padding-top:14px!important}.gemstone-unavailable{min-height:280px}}