.commodities-card{min-width:0;box-sizing:border-box;background:#fff;border:1px solid #dce6ed;border-radius:10px;padding:9px 10px;box-shadow:0 4px 16px #102a3d05;color:#173e53;font-family:Calibri,"Segoe UI",Arial,sans-serif;line-height:1.2;display:flex;flex-direction:column}
.commodities-heading{display:flex;align-items:center;gap:7px;margin-bottom:7px;flex-wrap:wrap}
.commodities-heading>span{color:#207b8b;font-size:17pt}
.commodities-heading h2{font-size:14pt;font-weight:400;margin:0}
.commodities-heading a{color:#12637a;text-decoration:none}
.commodities-more{margin-left:auto;font-size:10pt}
.commodities-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;flex:1}
.commodity-mini{min-width:0;margin:0;padding:0;border:1px solid #e6eef2;border-radius:8px;overflow:hidden;background:#fbfdfe}
.commodity-mini figcaption{padding:6px 4px 3px;min-height:36px;text-align:center;font-size:11pt;color:#16465f;display:flex;align-items:center;justify-content:center}
.commodity-mini figcaption a{text-decoration:none;color:inherit}
.commodity-mini figcaption a:hover{text-decoration:underline}
.commodity-mini-host{height:105px;min-width:0;overflow:hidden}
.commodity-mini-host .tradingview-widget-container,.commodity-mini-host .tradingview-widget-container__widget{width:100%;height:100%}
.commodity-mini-host .commodity-unavailable{font-size:10pt;padding:8px;margin:0;color:#647d8b}
.commodities-note{margin:6px 0 0;font-size:9pt;color:#657d89}
.commodities-note a{color:#12637a}
.commodities-card a:focus-visible{outline:3px solid #dca844;outline-offset:2px}
@media(min-width:601px) and (max-width:1050px){.information-row .commodities-card{grid-column:1/-1}.commodity-mini-host{height:115px}}
@media(max-width:600px){.commodity-mini figcaption{font-size:10pt}.commodities-card{padding:8px}.commodities-charts{gap:5px}.commodity-mini-host{height:100px}}
/* Half the desktop row for magnetic activity and SOFIX; half for commodities. */
@media(min-width:1051px){.information-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr)}}

/* More compact information row; retain equal desktop heights. */
.information-row .commodities-card,.information-row .sofix-card{padding:7px 10px}
.information-row .commodities-heading{margin-bottom:4px;gap:6px}
.information-row .commodity-mini figcaption{min-height:26px;padding:3px 4px 2px}
.information-row .commodity-mini-host{height:65px}
.information-row .commodities-note{margin-top:4px;line-height:1.15}
.information-row .sofix-heading{gap:6px;line-height:1.1}
.information-row .market-quote{margin:3px 0 1px;gap:3px 7px}
.information-row .market-value{font-size:21pt}
.information-row .market-time,.information-row .market-note{margin:2px 0;line-height:1.15}
.information-row .sofix-mini{height:23px;margin-top:3px}
.information-row .geomagnetic-strip{padding:7px 10px;gap:5px}
@media(min-width:601px){.information-row .geomagnetic-chart{grid-template-rows:minmax(0,1fr)}}

/* Product colors match the detailed market page. */
.commodity-mini{background:linear-gradient(180deg,var(--product-bg,#fbfdfe),#fff);border-top:3px solid var(--product-color,#11758c)}
.commodity-mini figcaption{color:var(--product-color,#16465f)}