/* A compact magnifier outside the price pane keeps candles and risk labels clear. */
.hero-panel .mz-footprint{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.9fr);align-items:center;gap:20px;margin:0;padding:12px 18px;background:#101815;border-top:1px solid #2b3e34;border-bottom:1px solid #2b3e34;color:#e8eee9;text-align:left}
.hero-panel .mz-footprint[hidden]{display:none}
.hero-panel .mz-footprint-copy{min-width:0;font-family:Archivo,Arial,sans-serif;line-height:1.45}
.hero-panel .mz-footprint-copy p{margin:0 0 4px;color:#c6d3ca;font-size:11px;line-height:1.4}
.hero-panel .mz-footprint-copy strong{display:block;margin:0 0 4px;font-size:12px;line-height:1.4;font-weight:650;color:#86dcb0}
.hero-panel .mz-footprint-copy>span{display:block;font-size:11px;line-height:1.4;color:#bac8bf}
.hero-panel .mz-footprint-key{display:inline-block;width:7px;height:7px;border:1px solid #d98a2b;background:#d98a2b33;border-radius:50%;margin-right:4px}
.hero-panel .mz-footprint-data{min-width:0}
.hero-panel .mz-footprint table{width:100%;table-layout:fixed;border-collapse:collapse;margin:0;background:transparent;border:0;font:11px/1.25 'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums}
.hero-panel .mz-footprint th,.hero-panel .mz-footprint td{padding:2px 3px;border:0!important;background:transparent!important;text-align:right;color:#dce5df;font-weight:400;line-height:1.3}
.hero-panel .mz-footprint thead th{font-size:10px;color:#b6c7bc;padding-bottom:4px}
.hero-panel .mz-footprint th:first-child{width:46%;text-align:left}
.hero-panel .mz-footprint [data-fp-buy]{color:#86dcb0}
.hero-panel .mz-footprint-total{display:flex;justify-content:space-between;gap:8px;margin:5px 0 0;padding-top:5px;border-top:1px solid #2b3e34;font:10px/1.3 'IBM Plex Mono',monospace;color:#bac8bf;white-space:nowrap}
.hero-panel .mz-footprint-total strong{font:inherit;color:#e8eee9}
.hero-panel .mz-footprint-total [data-direction="buy"]{color:#86dcb0}
.hero-panel .mz-footprint-total [data-direction="sell"]{color:#e9b3aa}
.hero-panel .mz-fp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:500px){.hero-panel .mz-footprint{grid-template-columns:minmax(0,1fr) minmax(150px,1.15fr);gap:12px;padding:10px 12px}.hero-panel .mz-footprint-copy strong{font-size:11px}.hero-panel .mz-footprint-copy>span{font-size:10px}.hero-panel .mz-footprint table{font-size:10px}}
@media(max-width:350px){.hero-panel .mz-footprint{grid-template-columns:minmax(0,1fr) 148px;gap:8px;padding:10px}.hero-panel .mz-footprint-copy>span{font-size:10px}}

/* The live read remains understandable between synthetic candles and while paused. */
.hero-panel .mz-footprint-copy [data-fp-state]{display:block;margin-top:5px;color:#cde4d5;font-size:10px;line-height:1.4}
.hero-panel .mz-footprint[data-accumulating="true"] [data-fp-total],.hero-panel .mz-footprint[data-accumulating="true"] [data-fp-delta]{color:#bac8bf}
/* Keep motion controls within reach of the moving chart. */
.mz-clarity-home .hero-panel .readout-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;padding:10px 14px}
.mz-clarity-home .hero-panel .readout-head .live{margin-left:auto;font-size:10px}
.mz-clarity-home .hero-panel .readout-head .mz-motion-toggle{flex:0 0 auto;min-height:44px;min-width:84px;padding:9px 12px;border:1px solid #698875;border-radius:8px;background:#14241b;color:#c8efd8;font:600 12px/1.4 Archivo,Arial,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer}
.mz-clarity-home .hero-panel .readout-head .mz-motion-toggle:hover{background:#23432f}
.mz-clarity-home .hero-panel .readout-head .mz-motion-toggle:focus-visible{outline:3px solid #a5edc3;outline-offset:3px}
@media(max-width:500px){
 .mz-clarity-home .hero-panel .readout-head{gap:6px 8px;padding:8px 10px}
 .mz-clarity-home .hero-panel .readout-head>span:first-child{font-size:10px;letter-spacing:.02em}
 .mz-clarity-home .hero-panel .readout-head .live{font-size:9px;letter-spacing:0}
 .mz-clarity-home .hero-panel .readout-head .mz-motion-toggle{min-width:74px;padding-inline:8px;font-size:11px}
}
@media(max-width:360px){.mz-clarity-home .hero-panel .readout-head>.live{order:3;flex-basis:100%;margin:0;text-align:center}}