/* Market-stress gauge (stress.js) on the Markets pages */
.ms{margin:var(--space-8) 0 0;padding:22px 24px;border-radius:22px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-top-color:rgba(255,255,255,0.18);scroll-margin-top:calc(var(--nav-h) + 24px);}
.ms-wait{font-size:14px;color:var(--text-muted);}
.ms-top h2{font-size:22px;font-weight:600;letter-spacing:-0.02em;margin:0;}
.ms-top p{font-size:12.5px;color:var(--text-muted);margin:4px 0 0;}
.ms-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;}
.ms-card{padding:16px 18px;border-radius:16px;background:rgba(255,255,255,0.035);border:1px solid var(--hairline);min-width:0;}
.ms-k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);}
.ms-r{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:600;letter-spacing:-0.02em;margin-top:8px;color:var(--text-primary);}
.ms-why{font-size:13px;line-height:1.5;color:var(--text-secondary);margin-top:6px;min-height:39px;}
.ms-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.ms-dot.green,.ms-h.green{background:#8fd1ad;}
.ms-dot.yellow,.ms-h.yellow{background:#e8d9a8;}
.ms-dot.orange,.ms-h.orange{background:#e8b98a;}
.ms-dot.red,.ms-h.red{background:#f0a3a3;}
.ms-hist{display:flex;gap:2px;margin-top:14px;height:14px;}
.ms-h{flex:1;max-width:8px;border-radius:2px;opacity:.85;background:rgba(255,255,255,0.12);}
.ms-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:12px;color:var(--text-muted);margin:14px 0 0;}
.ms-legend .ms-dot{width:8px;height:8px;margin-left:8px;}
.ms-legend .ms-dot:first-child{margin-left:0;}
.ms-all{margin-top:14px;border-top:1px solid var(--hairline);padding-top:12px;}
.ms-all summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--text-primary);list-style:none;}
.ms-all summary::-webkit-details-marker{display:none;}
.ms-all summary::after{content:" ↓";color:var(--text-muted);}
.ms-all[open] summary::after{content:" ↑";}
.ms-scroll{overflow-x:auto;margin-top:8px;}
.ms-t{width:100%;border-collapse:collapse;min-width:560px;}
.ms-t td{padding:12px 12px 12px 0;border-top:1px solid var(--hairline);vertical-align:top;font-size:14px;color:var(--text-secondary);}
.ms-t td b{display:block;font-weight:600;color:var(--text-primary);}
.ms-t small{display:block;font-size:12px;color:var(--text-muted);margin-top:3px;line-height:1.45;}
.ms-t .ms-v{font-family:var(--mono);color:var(--text-primary);white-space:nowrap;}
.ms-s{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;}
.ms-s i{width:7px;height:7px;border-radius:50%;background:#62636b;}
.ms-s.ok i{background:#8fd1ad;}
.ms-s.watch i{background:#e8d9a8;}
.ms-s.warn i{background:#e8b98a;}
.ms-s.severe i{background:#f0a3a3;}
.ms-src{font-size:12px;line-height:1.6;color:var(--text-muted);margin:12px 0 0;}
.ms-src a{color:var(--text-secondary);}
@media (max-width:760px){.ms{padding:18px 16px;}.ms-cards{grid-template-columns:1fr;}.ms-why{min-height:0;}}
.ms-intro{font-size:14.5px;line-height:1.65;color:var(--text-secondary);margin:14px 0 0;max-width:820px;}
.ms-t small.ms-rule{color:var(--text-faint,#62636b);font-family:var(--mono);font-size:11.5px;}
