#mdd .health-compact-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#mdd .health-compact {min-width:0;border:1px solid var(--border);border-radius:8px;background:#22394c;padding:16px}
#mdd .health-compact h3 {font-size:17px}
#mdd .health-assumption {color:var(--muted);font-size:12px;margin-top:3px;word-break:keep-all}
#mdd .health-loss {display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:12px 0}
#mdd .health-loss strong {font-size:27px;line-height:1.3;white-space:nowrap}
#mdd .health-state {font-size:14px;font-weight:700;word-break:keep-all;line-height:1.5}
#mdd .health-dates {margin-top:10px;display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--muted)}
#mdd .health-dates b {font-weight:500;white-space:nowrap}
#mdd .health-duration {margin-top:6px;font-size:12px;color:var(--muted);word-break:keep-all}
#mdd .health-interpretation {word-break:keep-all}
@media(max-width:760px){#mdd .health-compact-grid {grid-template-columns:1fr;gap:8px}#mdd .health-compact {padding:12px}#mdd .health-loss {margin:8px 0}#mdd .health-loss strong {font-size:25px}#mdd .health-state {font-size:13px}}
#market .market-area {padding:14px;border:1px solid var(--border);border-radius:8px;margin-bottom:14px;min-width:0}
#market .tracking-name {margin-top:8px;font-size:13px;word-break:keep-all}
#market .reference-options {border:0;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#market .reference-options legend {font-size:12px;margin-bottom:8px}
#market .reference-options label {display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:6px;padding:8px;white-space:nowrap;font-size:13px}
#market .reference-options label:has(input:disabled) {opacity:.5}
#market .reference-options input {width:16px;height:16px;margin:0;accent-color:#3882f6}
#market .reference-basis {font-size:12px;word-break:keep-all}
#market .market-period {font-size:12px;color:var(--muted);margin-top:14px}
#market .market-summary {width:100%;margin-top:10px;border-collapse:collapse;font-size:13px}
#market .market-summary th,#market .market-summary td {padding:10px 6px;border-bottom:1px solid var(--border);text-align:right}
#market .market-summary th:first-child {text-align:left}
#market .market-summary th small {display:block;color:var(--muted);font-size:10px;font-weight:400}
#market .market-summary td {white-space:nowrap}
#market .market-legend {display:flex;flex-wrap:wrap;gap:10px;font-size:12px;margin-top:14px}
#market .market-chart {position:relative;padding-bottom:52px;margin-top:10px}
#market .market-chart svg {display:block;width:100%;height:auto;touch-action:pan-y}
#market .market-chart text {font-size:15px}
#market .market-endpoint {font-weight:700;pointer-events:none}
#market .market-tooltip {position:absolute;bottom:0;left:0;right:0;border:1px solid var(--border);border-radius:7px;background:#122b40;padding:7px 9px;font-size:12px;line-height:1.5;word-break:keep-all;pointer-events:none}
#market .market-interpretation,#market .market-anchor-note {font-size:12px;word-break:keep-all}
@media(max-width:760px){#market .market-area {padding:10px}#market .reference-options {grid-template-columns:repeat(2,minmax(0,1fr))}#market .market-summary {font-size:11px}#market .market-summary th,#market .market-summary td {padding:8px 4px}#market .market-summary th small {max-width:120px;word-break:keep-all;font-size:9px}#market .market-chart text {font-size:21px}}
body.mobile #mdd .health-compact-grid {grid-template-columns:1fr}
body.mobile #market .reference-options {grid-template-columns:repeat(2,minmax(0,1fr))}
body.mobile #market .market-chart text {font-size:21px}
body.mobile #market .market-summary {font-size:11px}