.retail-market-panel .market-insight-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 18px; }
.retail-market-panel .market-insight-card { background: #f8fbfc; border: 1px solid #dce7e9; border-radius: 8px; min-height: 132px; padding: 16px; }
.retail-market-panel .market-insight-card.is-highlight { background: #effbfe; border-color: #bceefa; }
.retail-market-panel .market-insight-label { color: #526267; font-size: 11px; font-weight: 800; line-height: 1.5; letter-spacing: .06em; margin: 0 0 10px; text-transform: uppercase; }
.retail-market-panel .market-insight-value { color: #06131f; display: block; font-size: 23px; font-weight: 800; line-height: 1.15; }
.retail-market-panel .market-insight-meta { color: #68787d; font-size: 12px; line-height: 1.45; margin: 7px 0 0; }
.retail-market-panel .market-insight-meta.is-positive { color: #087247; }
.retail-market-panel .market-insight-meta.is-negative { color: #a80028; }
.retail-market-panel .market-demand-track { background: #dfe9ec; border-radius: 999px; height: 7px; margin-top: 13px; overflow: hidden; }
.retail-market-panel .market-demand-track span { background: #08c6ed; border-radius: inherit; display: block; height: 100%; }
.retail-market-panel .market-heading-meta { color: #68787d; font-size: 10px; font-weight: 800; letter-spacing: .08em; margin-left: auto; text-transform: uppercase; }
.retail-market-panel .market-colours { border-top: 1px solid #e7eef0; padding: 18px; }
.retail-market-panel .market-colours h3 { color: #06131f; font-size: 15px; font-weight: 800; margin: 0 0 6px; }
.retail-market-panel .market-colours > p { color: #68787d; font-size: 12px; line-height: 1.5; margin: 0 0 18px; }
.retail-market-panel .market-colour-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; list-style: none; margin: 0; padding: 0; }
.retail-market-panel .market-colour-label, .retail-market-panel .market-colour-label > span { display: flex; align-items: center; gap: 8px; }
.retail-market-panel .market-colour-label { justify-content: space-between; font-size: 12px; line-height: 1.5; color: #20383e; }
.retail-market-panel .market-colour-swatch { width: 12px; height: 12px; border-radius: 50%; border: 1px solid #bdcbd0; }
.retail-market-panel .market-colour-track { height: 5px; margin-top: 8px; background: #e7eef0; border-radius: 4px; overflow: hidden; }
.retail-market-panel .market-colour-track > span { display: block; height: 100%; background: #08c6ed; border-radius: inherit; }
@media(max-width:575px) { .retail-market-panel .market-colour-list { grid-template-columns: 1fr; } }

.retail-market-panel h2.market-panel-heading { display:flex; align-items:center; gap:10px; min-height:58px; padding:16px 18px; margin:0; border-bottom:1px solid #dce7e9; color:#06131f; font-size:17px; font-weight:800; line-height:1.4; letter-spacing:0; }
.retail-market-panel h2.market-panel-heading::before { content:''; width:8px; height:8px; border-radius:50%; background:#08c6ed; flex-shrink:0; }
.retail-market-panel .market-colours h3 { letter-spacing:0; line-height:1.4; }
@media(max-width:991px) { .retail-market-panel .market-insight-grid { grid-template-columns:repeat(2,minmax(0,1fr)); padding:14px; } .retail-market-panel .market-insight-card { min-height:0; } }
@media(max-width:575px) { .retail-market-panel .market-insight-grid { grid-template-columns:minmax(0,1fr); } }
