body { font-size: 16px; }
.brand-mark.small { width: 46px; font-size: 15px; }
.brand span:not(.brand-mark), .eyebrow, .header-market > span { font-size: 12px; }
.header-market small, .header-market-range small { font-size: 12px; }
.compact-hero { min-height: 146px; padding: 25px 30px; }
.compact-hero h1 { font-size: clamp(25px,3vw,36px); }
.compact-hero p:last-child { margin-bottom: 0; line-height: 1.7; }
.cxmt-metrics { grid-template-columns: repeat(5,minmax(0,1fr)); }
.equal-legs { grid-template-columns: repeat(2,minmax(0,1fr)); }
.leg-heading { display: flex; gap: 12px; align-items: center; }
.leg-heading h2 { margin: 0; }
.leg-heading small { color: var(--muted); font-size: 14px; }
.leg-title { display: grid; gap: 4px; }
.leg-state { margin: 16px 0; display: flex; flex-wrap: wrap; gap: 10px; }
.leg-data { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin: 20px 0; }
.leg-data span { display: grid; gap: 6px; color: var(--muted); font-size: 14px; }
.leg-data strong { color: var(--text); font-size: 19px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.leg-data strong.positive { color: var(--green); }.leg-data strong.negative { color: var(--red); }
.leg-controls { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.leg-controls button { min-height: 44px; font-size: 14px; }
.leg-notice,.safety-copy { font-size: 14px; line-height: 1.75; overflow-wrap: anywhere; }
.fee-row { font-size: 14px; color: var(--muted); padding-top: 14px; }
.metric span,.metric small,.runtime-pill,.tag,.small-button,.audit-row,.audit-pagination { font-size: 14px; }
.config-list dt { flex: 1; }.config-list dd { flex: 1; }
.settings-page .settings-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.settings-card small { font-size: 14px; line-height: 1.7; }
.login-emblem .brand-mark { margin: auto; width: 84px; height: 84px; font-size: 27px; }
@media(max-width:800px) { .equal-legs,.settings-page .settings-grid { grid-template-columns:1fr; }.cxmt-metrics {grid-template-columns:repeat(2,minmax(0,1fr));}.metric-primary {grid-column:span 2;}.dashboard-topbar {grid-template-columns:1fr auto;height:auto;min-height:90px;padding:14px 18px;}.header-market {grid-row:2;grid-column:1/-1;}.compact-hero {display:block;}.hero-status {margin-top:18px;}.top-actions {gap:8px;} }
@media(max-width:440px) { .dashboard {padding:16px 10px 40px;}.two-column>.panel,main>.panel:not(.hero){padding:18px;}.brand strong {font-size:14px;}.config-list div{display:block;}.config-list dd{text-align:left;margin-top:6px;} }