/* Market Snapshot and Market Charts (markets.php, market-charts.php). Brand colours are the variables on the first line. */
:root{--mk-navy:#00008b;--mk-up:#0f6b1e;--mk-down:#b3261e;--mk-flat:#555;--mk-line:#dcdcdc;--mk-head:#f4f6fb}
.mk-table{width:100%;border-collapse:collapse;color:#000;font-variant-numeric:tabular-nums}
.guide .mk-table th,.guide .mk-table td{padding:10px 12px;vertical-align:middle}
.mk-table thead th{background:var(--mk-head);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.mk-table tbody th{font-weight:600;background:#fff;min-width:11rem}
.mk-table .mk-note{display:block;font-weight:400;font-size:.8rem;color:#444}
.mk-table .mk-asof{display:block;font-size:.78rem;color:#444;font-weight:400}
.mk-table .mk-warn{color:var(--mk-down);font-weight:600}
.mk-table .mk-val{font-size:1.1rem;font-weight:700;white-space:nowrap}
.mk-table .mk-chg{white-space:nowrap}
.mk-table .up{color:var(--mk-up)}
.mk-table .down{color:var(--mk-down)}
.mk-table .flat{color:var(--mk-flat)}
.mk-table .mk-spark{width:120px;min-width:120px;text-align:center}
.mk-svg{display:block;margin:0 auto;max-width:100%;height:auto}
.mk-foot{font-size:.85rem;color:#333;margin:.5rem 0 0}
.mk-na{border-left:4px solid var(--mk-down);background:#fdf3f2;padding:10px 14px}
.mk-status{font-size:.9rem;color:#333}
.mk-sec+.mk-sec{margin-top:1.5rem}
@media(max-width:575.98px){.mk-table th:nth-child(4),.mk-table td:nth-child(4){display:none}.mk-table tbody th{min-width:8.5rem}}
@media print{.mk-svg{max-width:90px}}

/* Charts page */
.mk-consent{border:2px solid var(--mk-navy);border-radius:6px;background:#fff;padding:1.25rem 1.5rem;margin:1rem 0 1.5rem}
.mk-consent p{margin-bottom:.8rem}
.mk-widget{border:1px solid var(--mk-line);background:#fff;margin:0 0 1.5rem;min-height:120px}
.mk-widget.tall{height:520px}
.mk-widget .tradingview-widget-container__widget{height:100%}
.mk-tvnote{font-size:.8rem;color:#333;margin:.25rem 0 1.5rem}
#mk-widgets:focus{outline:0}

/* Market Explorer (market-explorer.php) */
.mx-controls{margin:0 0 1.25rem}
.mx-label{display:block;font-weight:600;margin-bottom:.35rem;color:#000}
.mx-select{width:100%;max-width:26rem;padding:.6rem .75rem;font-size:1rem;border:2px solid var(--mk-navy);border-radius:4px;background:#fff;color:#000}
.mx-chips{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.mx-chips-label{font-size:.9rem;color:#333;margin-right:.25rem}
.mx-chip{border:1px solid var(--mk-navy);background:#fff;color:var(--mk-navy);border-radius:999px;padding:.3rem .8rem;font-size:.9rem;cursor:pointer}
.mx-chip:hover,.mx-chip:focus-visible{background:var(--mk-head)}
.mx-chip[aria-pressed="true"]{background:var(--mk-navy);color:#fff}
.mx-head{margin-bottom:1rem}
.mx-open{font-size:.9rem}
.mx-dl dt{font-weight:600;margin-top:.5rem;color:#000}
.mx-dl dd{margin:0 0 .25rem;color:#000}
#mx-app:focus{outline:0}
#mx-info{min-height:200px}