/* SLI Commodity Price Monitor: source-dated indicative futures and IMF monthly benchmarks. */
.sli-commodity-prices{margin:16px 0 20px;background:linear-gradient(145deg,#132e41,#0a2234);border:1px solid #3c586d;border-radius:13px;padding:18px;color:#dce7ef}
.cp-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid #385468;padding-bottom:12px}
.cp-header h3{font:normal clamp(20px,2.6vw,27px)/1.2 Georgia,serif;margin:5px 0;color:#f0e3c9}
.cp-kicker{font-size:10px;font-weight:800;letter-spacing:1px;color:#ddbd81}
.cp-refresh{font:inherit;font-size:11px;cursor:pointer;min-height:38px;border:1px solid #758795;border-radius:7px;background:#21455b;color:#fff0d2;padding:8px 12px}
.cp-refresh:focus-visible,.cp-quote-card:focus-visible{outline:2px solid #ebc889;outline-offset:2px}
.cp-intro,.cp-status,.cp-errors,.cp-muted{font-size:11px;line-height:1.65;color:#b8cbd9}
.cp-status{margin:12px 0 4px;color:#d9c08c}.cp-intro{margin:3px 0 16px}
.cp-series-group{margin:12px 0 19px}
.cp-series-group>h4{font-size:10px;font-weight:750;color:#dabf8b;letter-spacing:1px;margin:0 0 10px}
.cp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:9px}
.cp-quote-card{font:inherit;color:inherit;text-align:left;background:#092238;border:1px solid #3b5b73;border-radius:9px;cursor:pointer;padding:13px 12px;display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0;transition:border-color .15s}
.cp-quote-card:hover,.cp-quote-card[aria-pressed="true"]{border-color:#e5be7a;background:#16354a}
.cp-card-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:7px;font-size:11px;font-weight:750;color:#e4f0f5}
.cp-card-head>span{max-width:100%;overflow-wrap:anywhere}
.cp-state{font-size:8px;letter-spacing:.35px;color:#d0dce4;padding:3px 5px;border:1px solid #536f84;border-radius:4px;line-height:1.3;font-weight:650}
.cp-monthly{color:#ecd09b;border-color:#967e52}.cp-stale{color:#e6b49c;border-color:#a3755b}.cp-indicative{color:#b7d8d1;border-color:#457b74}
.cp-big{font-size:clamp(19px,2vw,28px);line-height:1.25;font-weight:750;color:#fff1d6;font-variant-numeric:tabular-nums}
.cp-unit{font-size:11px;color:#bad1dd}
.cp-delta{font-size:11px;font-weight:750}.cp-up{color:#8dd9b8}.cp-down{color:#f1aca3}
.cp-observed{font-size:10px;color:#91b1c3;margin-top:3px}
.cp-graph{margin:12px 0;padding:12px;border:1px solid #37566d;border-radius:9px;background:#082034}
.cp-chart-title{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cp-chart-title h4{font-size:13px;color:#e6d09d;margin:0}
.cp-chart-title small{font-size:11px;color:#b9d0dd}
.cp-spark{display:block;width:100%;height:auto;margin-top:8px}
.cp-reference{margin:14px 0;border-top:1px solid #40596b;padding-top:10px}
.cp-reference h4{font-size:11px;color:#e6d09d;letter-spacing:1px}
.cp-reference p{font-size:11px;line-height:1.6}
.cp-reference a,.cp-official a{color:#e8c78f}
.cp-errors{margin:8px 0 0;color:#c9bea4}
@media(max-width:650px){.sli-commodity-prices{padding:13px 11px}.cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-quote-card{padding:10px 8px}.cp-card-head{font-size:10px}.cp-big{font-size:20px}.cp-observed{font-size:9px}}
@media(max-width:385px){.cp-grid{grid-template-columns:1fr}}