/* MARFA v6 readability + responsive layer. Loaded last on purpose. */
:root{
  --marfa-readable:#f5f7fa;
  --marfa-readable-soft:#d7dde4;
  --marfa-muted:#9aa7b4;
}

html,body{width:100%;min-width:0;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{color:var(--marfa-readable);font-size:16px;line-height:1.55}
img,svg,canvas,video{display:block;max-width:100%;height:auto}
button,input,select,textarea{max-width:100%;min-height:44px}
.shell,.shell main,.view,.panel,.connected-card,.wallet-card,.paper-card,.live-card{min-width:0}

/* Reduce eye strain: gold remains an accent, not the main reading color. */
.brand b,.brand small,.brand-company,.title h1,.title>div>small,
h1,h2,h3,.panel-head b,.panel-head small,
.nav-btn,.nav-btn.active,.mobile button.active,.private,
.feed b,.demo-chip,.site-rights,footer,
.market-choice.active,.owner-head,
.account-login-box h1,.auth-tabs button.active,
.analysis-hub-card button,.mc-drop h2,.mc-result-head h2,
.mc-drop #mcPrompt>span,.mc-fields label,.mc-feed button.active,
.copilot-refresh,.copilot-orb,.quick-prompts button:hover,.copilot-answer b,
.copilot-input button,.mtf-table td:first-child,.trend-bull,.plan-grid b,
.lifecycle-step.active,.derived-item b,.derived-item em,
.exchange-lock,.exchange-backend b,.fee-compare-rows em,.withdraw-rows em,
.kb-bang,.kb-footer-launch b,.kb-footer-launch button,.kb-help,.kb-dock button,
.kb-dock em,.release-tag b,.kb-block b,.kb-dialog-actions button,
.local-clock b,.ua-growth-status b,.multi-head h3,.multi-head button,
.replay-head h3,.replay-badge,.calc-honesty,.scenario-head h3,
.scenario-head span,.wi-head button,.wi-open,.wi-observe,
.wallet-book-head span,.marfa-host-copy>small,.marfa-host-copy h1{
  color:var(--marfa-readable)!important;
}

.title p,.note,.caution,.panel p,.panel small,.connected-card small,
.wallet-sample-note,.wi-note,.site-rights,footer{line-height:1.75}
.title p,.panel-head small,.connected-card small{color:var(--marfa-muted)}
.up,.live-up,.pill.green{color:#63ddb2!important}
.down{color:#ff7b86!important}
.warn,.pill.amber,.amber-dot{color:#f0be66!important}
.primary{color:#171006!important}
.demo{color:#fff!important;letter-spacing:.01em}

.table-wrap,.wallet-table-wrap,.scenario-compare{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.tabs,.segmented,.sentiment-range{max-width:100%;overflow-x:auto;scrollbar-width:thin}
table{width:100%}

@supports(height:100dvh){.login,#marfaIntroOverlay{min-height:100dvh}}
@supports(padding:max(0px)){
  .shell>aside{padding-top:max(18px,env(safe-area-inset-top))}
  .mobile{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
}

@media(max-width:1180px){
  .shell{grid-template-columns:210px minmax(0,1fr)}
  .view{padding-inline:18px}
  .wallet-search{grid-template-columns:minmax(145px,.7fr) minmax(230px,1.3fr) auto auto}
  .wallet-search .wallet-network{grid-column:1/-1}
  .wallet-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:900px){
  .shell{display:block}
  .shell>aside{display:none!important}
  .shell header{top:0;padding-inline:14px;gap:10px}
  .owner-head{display:none!important}
  .view{padding:16px 14px calc(106px + env(safe-area-inset-bottom))}
  .mobile{display:flex!important;position:fixed;inset:auto 0 0;z-index:50;gap:4px;padding:7px;background:rgba(6,6,6,.98)!important;border-top:1px solid #2d3742;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
  .mobile button{flex:0 0 76px;min-width:76px;min-height:58px;scroll-snap-align:start}
  .grid-main,.two,.profile-top,.wallet-layout,.workspace-grid,.chart-grid{grid-template-columns:1fr!important}
  .report-kpis,.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .evidence,.tools,.plans,.wallet-attribution,.wallet-visuals{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wallet-search{grid-template-columns:1fr 1fr}
  .wallet-search label:nth-of-type(2),.wallet-search .wallet-network{grid-column:1/-1}
  .wallet-book{position:static;width:auto}
  .actions{flex-wrap:wrap}
  .actions button{flex:1 1 150px}
  footer{padding-bottom:105px}
}

@media(max-width:640px){
  body{font-size:16px}
  .demo{height:auto;min-height:34px;padding:6px 12px;text-align:center}
  .shell header{height:auto;min-height:60px;padding-block:8px;flex-wrap:wrap}
  .feed{order:1}.local-clock{order:2;margin-inline-start:auto}.head-actions{order:3;width:100%;justify-content:space-between}
  .ticker{height:42px;gap:18px;overflow-x:auto;white-space:nowrap}
  .view{padding-inline:12px}
  .title{align-items:flex-start;flex-direction:column}
  .title h1{font-size:1.4rem;line-height:1.35}
  .panel,.connected-card,.wallet-card,.paper-card,.live-card{padding:14px;border-radius:14px}
  .report-kpis,.kpis,.mini-kpis,.position-kpis,.signal-metrics,.wallet-kpis,
  .wallet-attribution,.wallet-visuals,.plans,.tools,.evidence{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .levels,.form,.wallet-search,.mc-fields,.scenario-grid{grid-template-columns:1fr!important}
  .wallet-search>*{grid-column:1!important}
  .wallet-search button{width:100%}
  .wallet-result-head,.wi-head,.connected-head,.panel-head{align-items:flex-start;flex-wrap:wrap}
  .wi-row{grid-template-columns:1fr!important}
  .wi-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .marfa-welcome-card{width:100%;max-height:94dvh}
  #marfaSoundBtn{top:max(12px,env(safe-area-inset-top));left:12px}
}

@media(max-width:390px){
  .report-kpis,.kpis,.mini-kpis,.position-kpis,.signal-metrics,.wallet-kpis,
  .wallet-attribution,.wallet-visuals,.tools,.evidence{grid-template-columns:1fr!important}
  .mobile button{flex-basis:68px;min-width:68px}
  .view{padding-inline:9px}
  .panel,.connected-card,.wallet-card,.paper-card,.live-card{padding:12px}
}

@media(orientation:landscape) and (max-height:540px){
  #marfaIntroOverlay video{object-fit:contain;background:#050505}
  .marfa-welcome-card{max-height:96dvh}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}