/* DESIGN.md presentation layer. No market, wallet or transaction behavior changes. */
html {
  --bg:#f6f5f2;
  --p:#fff;
  --line:#d5d9d8;
  --ink:#182126;
  --muted:#526167;
  --lime:#244962;
  --sans:Inter,Geist,"Segoe UI",Arial,sans-serif;
  --sc-bg:#f6f5f2;
  --sc-surface:#fff;
  --sc-raised:#eeefed;
  --sc-border:#d5d9d8;
  --sc-text:#182126;
  --sc-muted:#526167;
  --sc-accent:#244962;
  --sc-success:#24724d;
  --sc-warning:#8f5c18;
  --sc-danger:#a33838;
}
html[data-theme="dark"] {
  --bg:#121619;
  --p:#1b2023;
  --line:#394247;
  --ink:#f0f2f2;
  --muted:#b9c3c5;
  --lime:#bfd0dd;
  --sc-bg:#121619;
  --sc-surface:#1b2023;
  --sc-raised:#22292d;
  --sc-border:#394247;
  --sc-text:#f0f2f2;
  --sc-muted:#b9c3c5;
  --sc-accent:#bfd0dd;
  --sc-success:#93c6a8;
  --sc-warning:#e2b46e;
  --sc-danger:#e59a96;
}
body.app-mode { background:var(--sc-bg); color:var(--sc-text); font-family:Inter,Geist,"Segoe UI",Arial,sans-serif; font-variant-numeric:tabular-nums; }
body.app-mode :is(button,input,select,textarea) { font-family:inherit; }
body.app-mode :is(a,button,input,select,textarea,[role="tab"],[role="button"]):focus-visible { outline:2px solid var(--sc-accent); outline-offset:3px; }
body.app-mode :is(.home-primary,.primary,.market-row-action,.home-calculator-action) { transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease; }
body.app-mode :is(.table tbody tr,.compact-market,.home-market-table tbody tr) { transition:background-color .12s ease; }
html[data-theme="dark"] body.app-mode :is(.table tbody tr,.compact-market,.home-market-table tbody tr):hover { background:var(--sc-raised); }
html:not([data-theme="dark"]) body.app-mode :is(.table tbody tr,.compact-market,.home-market-table tbody tr):hover { background:var(--sc-raised); }
body.app-mode :is(.home-primary,.home-calculator-action,.dashboard-connect button,.primary):disabled { opacity:.68; }

/* Home: typographic lead, live quote ledger, and supporting evidence. */
html[data-site-route="home"] body.app-mode .home-lead { column-gap:clamp(32px,5vw,88px); }
html[data-site-route="home"] body.app-mode .home-lead h1 { max-width:690px; margin:17px 0 22px; font-size:clamp(40px,4.3vw,58px); line-height:1.08; letter-spacing:-.035em; }
html[data-site-route="home"] body.app-mode .home-intro { max-width:540px; color:var(--sc-muted); font-size:16px; line-height:1.55; }
html[data-site-route="home"] body.app-mode .home-credit-flow { font-size:13px; font-weight:500; }
html[data-site-route="home"] body.app-mode .home-market-tape { max-width:490px; }
html[data-site-route="home"] body.app-mode .home-market-tape-heading { border-bottom:1px solid var(--sc-border); }
html[data-site-route="home"] body.app-mode .home-market-tape-row { min-height:78px; }
html[data-site-route="home"] body.app-mode .home-market-tape-asset strong { font-size:15px; }
html[data-site-route="home"] body.app-mode .home-market-tape-asset small,
html[data-site-route="home"] body.app-mode .home-market-tape-quote small { font-size:12px; }
html[data-site-route="home"] body.app-mode .home-market-tape-quote strong { font-size:19px; }
html[data-site-route="home"] body.app-mode .home-stat-strip { gap:20px; margin-top:38px; padding:24px 0 32px; border-block:1px solid var(--sc-border); }
html[data-site-route="home"] body.app-mode .home-stat-strip span { font-size:13px; }
html[data-site-route="home"] body.app-mode .home-stat-strip strong { font-size:25px; }
html[data-site-route="home"] body.app-mode .home-risk { margin-top:72px; padding:26px 0 28px; border:0; border-top:1px solid var(--sc-border); border-bottom:1px solid var(--sc-border); border-radius:0; background:transparent; }
html[data-site-route="home"] body.app-mode .home-risk :is(p,small) { font-size:14px; }
html[data-site-route="home"] body.app-mode .home-lending { padding-block:34px; }
html[data-site-route="home"] body.app-mode .home-lending-quote > :is(span,small) { color:var(--sc-muted); font:400 12px/1.45 Inter,Geist,"Segoe UI",sans-serif; }
html[data-site-route="home"] body.app-mode .home-lending-quote > strong { color:var(--sc-text); font:650 26px/1.2 Inter,Geist,"Segoe UI",sans-serif; }

/* Markets: liquidity first in reading order, with quiet adjacent context. */
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics { display:grid; grid-template-columns:1.35fr repeat(3,1fr); gap:0; margin:27px 0 29px; padding:0 !important; border:0 !important; border-top:1px solid var(--sc-border) !important; border-bottom:1px solid var(--sc-border) !important; border-radius:0 !important; background:transparent !important; overflow:hidden; }
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric { min-height:116px; padding:21px 24px 20px 0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric,
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > #totalStockTvl { grid-column:auto !important; grid-row:auto !important; }
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > :first-child { border-bottom:0 !important; }
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > #totalStockTvl { padding:21px 24px 20px !important; border-left:1px solid var(--sc-border) !important; border-bottom:0 !important; }
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric + .market-metric { padding-left:24px !important; border-left:1px solid var(--sc-border) !important; }
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric.liquidity-hero strong { font-size:32px !important; letter-spacing:-.035em; }
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric:not(.liquidity-hero) strong { font-size:23px !important; }
html[data-production-route="markets"] body.app-mode #marketMetrics .market-metric :is(span,small) { font-size:13px !important; line-height:1.4; color:var(--sc-muted) !important; }
html[data-production-route="markets"] body.app-mode #marketMetrics .market-metric strong { font-variant-numeric:tabular-nums; }
html[data-production-route="markets"] body.app-mode .market-toolbar { align-items:center; gap:14px; }
html[data-production-route="markets"] body.app-mode #stockListPanel .count { font-size:13px; }
html[data-production-route="markets"] body.app-mode .table :is(th,td) { font-variant-numeric:tabular-nums; }
html[data-production-route="markets"] body.app-mode .table tbody tr:focus-within { outline:2px solid var(--sc-accent); outline-offset:-2px; }
html[data-production-route="markets"] body.app-mode .table th { font-size:13px; }
html[data-production-route="markets"] body.app-mode .table td { font-size:14px; }
html[data-production-route="markets"] body.app-mode .table td.apy.is-primary-rate { font-size:17px; letter-spacing:-.015em; }

/* Detail: one factual stat ledger, then rates; the transaction remains distinct. */
body.app-mode.stock-detail-mode .overview-stats { gap:0; margin-top:25px; border-top:1px solid var(--sc-border); border-bottom:1px solid var(--sc-border); }
.apple-market-reference { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 20px; padding:13px 16px; border:1px solid var(--sc-border); border-radius:4px; background:var(--sc-surface); color:var(--sc-text); font-size:13px; line-height:1.45; }
.apple-market-reference[hidden] { display:none !important; }
.apple-market-reference a { color:var(--sc-accent); font-weight:650; text-decoration:none; }
.apple-market-reference a:hover { text-decoration:underline; }
.apple-market-legacy { border-left:3px solid var(--sc-warning); }
@media (max-width:600px) { .apple-market-reference { align-items:flex-start; flex-direction:column; } }
body.app-mode.stock-detail-mode .overview-stats > div { min-height:116px; padding:19px 16px !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
body.app-mode.stock-detail-mode .overview-stats > div:first-child { padding-left:0 !important; }
body.app-mode.stock-detail-mode .overview-stats > div + div { border-left:1px solid var(--sc-border) !important; }
body.app-mode.stock-detail-mode .overview-stats :is(span,small),
body.app-mode.stock-detail-mode .rate-pair :is(span,small) { font-size:13px !important; }
body.app-mode.stock-detail-mode .overview-stats strong { font-size:23px !important; }
body.app-mode.stock-detail-mode .rate-pair { gap:0; margin:0 0 22px; }
body.app-mode.stock-detail-mode .rate-pair > div { padding:17px 20px 17px 0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
body.app-mode.stock-detail-mode .rate-pair > div + div { padding-left:20px !important; border-left:1px solid var(--sc-border) !important; }
body.app-mode.stock-detail-mode .rate-pair strong { font-size:23px !important; }
body.app-mode.stock-detail-mode :is(.action-panel,.lend-card,.field,.market-choice) { background:var(--sc-surface) !important; border-color:var(--sc-border) !important; }
body.app-mode.stock-detail-mode :is(.field input,.lend-card input) { color:var(--sc-text); font-variant-numeric:tabular-nums; }
html[data-theme="dark"] body.app-mode.stock-detail-mode :is(.field,.lend-card,.market-choice) { background:var(--sc-surface) !important; }
body.app-mode.stock-detail-mode :is(.balance-row,.hint,.notice,.estimate,.position-metrics span) { font-size:13px; }

/* Dashboard and Risks: functional surfaces, not repeated feature cards. */
html[data-site-route="dashboard"] body.app-mode .dashboard-connect { max-width:600px; padding:28px 0; border:0; border-top:1px solid var(--sc-border); border-bottom:1px solid var(--sc-border); border-radius:0; background:transparent; }
html[data-site-route="dashboard"] body.app-mode .dashboard-connect h2 { font-size:22px; }
html[data-site-route="dashboard"] body.app-mode .dashboard-connect p { max-width:490px; margin-bottom:20px; font-size:15px; }
html[data-site-route="dashboard"] body.app-mode .dashboard-connect-markets { display:inline-flex; align-items:center; min-height:36px; margin-left:18px; color:var(--sc-accent); font-size:13px; font-weight:600; text-decoration:none; }
html[data-site-route="dashboard"] body.app-mode .dashboard-summary { gap:0; border-block:1px solid var(--sc-border); }
html[data-site-route="dashboard"] body.app-mode .dashboard-summary-card { min-height:132px; padding:18px !important; border:0; border-radius:0; background:transparent; }
html[data-site-route="dashboard"] body.app-mode .dashboard-summary-card + .dashboard-summary-card { border-left:1px solid var(--sc-border); }
html[data-site-route="dashboard"] body.app-mode .dashboard-summary-card > :is(span,small) { font-size:13px; }
html[data-site-route="dashboard"] body.app-mode .dashboard-summary-card strong { color:var(--sc-text); }
body.app-mode .risk-topics { gap:0; margin:39px 0 47px; border-top:1px solid var(--sc-border); border-bottom:1px solid var(--sc-border); }
body.app-mode .risk-topics article { min-height:168px; padding:22px 23px !important; border:0; border-radius:0; background:transparent; }
body.app-mode .risk-topics article:first-child { padding-left:0 !important; }
body.app-mode .risk-topics article + article { border-left:1px solid var(--sc-border); }
body.app-mode .risk-topics h2 { font-size:17px; }
body.app-mode .risk-topics p { font-size:14px; }
body.app-mode .risk-example { border-top:0; }

@media(min-width:761px) {
  html[data-production-route="markets"] body.app-mode #stockListPanel .market-toolbar { display:flex !important; flex-direction:row !important; flex-wrap:nowrap; justify-content:space-between; align-items:center; }
  html[data-production-route="markets"] body.app-mode #stockListPanel .toolbar { display:flex !important; flex:0 0 auto; width:auto; align-items:center; margin-left:auto; padding:0; }
}

@media(max-width:760px) {
  html[data-site-route="home"] body.app-mode .home-stat-strip { gap:15px; margin-top:28px; }
  html[data-site-route="home"] body.app-mode .home-risk { padding:24px 0; }
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric { min-height:105px; padding:16px !important; }
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric:nth-child(odd) { padding-left:0 !important; border-left:0 !important; }
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > #totalStockTvl { padding:16px !important; }
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric:nth-child(n+3) { border-top:1px solid var(--sc-border) !important; }
  body.app-mode.stock-detail-mode .overview-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.app-mode.stock-detail-mode .overview-stats > div:nth-child(odd) { border-left:0 !important; }
  body.app-mode.stock-detail-mode .overview-stats > div:nth-child(n+3) { border-top:1px solid var(--sc-border) !important; }
  html[data-site-route="dashboard"] body.app-mode .dashboard-summary-card:nth-child(odd) { border-left:0; }
  html[data-site-route="dashboard"] body.app-mode .dashboard-summary-card:nth-child(n+3) { border-top:1px solid var(--sc-border); }
  body.app-mode .risk-topics article:nth-child(odd) { padding-left:0 !important; border-left:0; }
  body.app-mode .risk-topics article:nth-child(n+3) { border-top:1px solid var(--sc-border); }
}
@media(max-width:480px) {
  body.app-mode .site-header { display:grid !important; grid-template-columns:minmax(0,1fr) auto; gap:7px 10px; padding:9px 14px 7px; }
  body.app-mode .header-left { display:contents !important; }
  body.app-mode .brand-link { grid-column:1; grid-row:1; }
  body.app-mode .header-actions { grid-column:2; grid-row:1; }
  body.app-mode .site-nav { grid-column:1/-1; grid-row:2; justify-content:flex-start; gap:15px; padding:3px 0 0; }
  body.app-mode .site-nav a { padding:4px 0 7px; font-size:12px; }
  html[data-site-route="home"] body.app-mode .home-lead h1 { font-size:clamp(36px,10vw,44px); }
  html[data-site-route="dashboard"] body.app-mode .dashboard-connect-markets { display:flex; margin:10px 0 0; }
  body.app-mode .risk-topics { grid-template-columns:1fr; }
  body.app-mode .risk-topics article { min-height:0; padding:18px 0 !important; border-left:0 !important; }
  body.app-mode .risk-topics article + article { border-top:1px solid var(--sc-border); }
}
@media(prefers-reduced-motion:reduce) {
  body.app-mode :is(.home-primary,.primary,.market-row-action,.home-calculator-action,.table tbody tr,.compact-market,.home-market-table tbody tr) { transition:none !important; animation:none !important; }
}

/* Market directory: a clear editorial lead followed by an efficient trading ledger. */
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) .app-heading {
  display:flex; align-items:end; justify-content:space-between; gap:24px;
  margin:24px 0 0; padding:0 0 22px;
  border-bottom:1px solid var(--sc-border);
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) .app-heading h1 {
  margin:0 0 7px; font-size:clamp(30px,3.5vw,42px); font-weight:650;
  letter-spacing:-.04em; line-height:1.05;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) .app-heading p:not(.feed-status) {
  max-width:520px; margin:0; font-size:15px; line-height:1.5; color:var(--sc-muted);
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) .app-heading .feed-status {
  flex:0 0 auto; margin:0 0 2px; color:var(--sc-muted); font-size:13px;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics {
  margin:0 0 34px; border-top:0 !important;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric {
  min-height:126px; padding-top:25px !important; padding-bottom:22px !important;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric.liquidity-hero strong {
  font-size:clamp(34px,3.8vw,44px) !important; line-height:1.05;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > #totalStockTvl {
  padding-top:25px !important; padding-bottom:22px !important;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #stockListPanel {
  background:transparent !important; border:0 !important; border-radius:0 !important;
  box-shadow:none !important; padding:0 !important;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #stockListPanel .ph {
  margin:0 0 4px; padding:0; border:0;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #stockListPanel .explore-switch {
  gap:6px; padding:4px; border:1px solid var(--sc-border); border-radius:8px;
  background:var(--sc-raised);
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #stockListPanel .explore-switch button {
  min-height:37px; padding:7px 15px; border:0 !important; border-radius:4px;
  color:var(--sc-muted); background:transparent; font-weight:600;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #stockListPanel .explore-switch button.on {
  color:var(--sc-bg) !important; background:var(--sc-accent) !important;
  box-shadow:none !important;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) .market-row-action:not([aria-disabled="true"]) {
  min-height:34px; padding:7px 14px; border:1px solid var(--sc-accent);
  border-radius:4px; background:var(--sc-accent); color:var(--sc-bg);
  font-weight:600; text-decoration:none;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) .table tbody tr:hover {
  background:var(--sc-raised) !important;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) .table th {
  height:43px; color:var(--sc-muted); font-weight:600;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) .table td {
  height:70px;
}
@media(max-width:760px) {
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) .app-heading { align-items:start; flex-direction:column; gap:12px; margin-top:8px; }
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric { min-height:110px; padding:16px !important; }
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > #totalStockTvl { padding:16px !important; }
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #stockListPanel .explore-switch { width:100%; }
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #stockListPanel .explore-switch button { flex:1; }
}

/* Local product-quality pass: make risk and simulation controls explicit. */
html[data-site-route="home"] body.app-mode .home-caution {
  max-width:590px; padding:13px 16px; border-left:3px solid var(--sc-warning);
  background:color-mix(in srgb,var(--sc-warning) 8%,transparent);
  color:var(--sc-text); font-size:14px; line-height:1.55;
}
html[data-site-route="home"] body.app-mode .home-caution strong { color:var(--sc-warning); font-weight:650; }
body.app-mode .market-risk-note {
  padding:14px 17px; border:1px solid var(--sc-border); border-left:3px solid var(--sc-warning);
  border-radius:4px; background:var(--sc-surface); color:var(--sc-text);
  font-size:14px; line-height:1.5;
}
body.app-mode .market-risk-note strong { color:var(--sc-warning); }
body.app-mode .home-calculator-controls { margin:18px 0 16px; padding:17px 0 16px; border-block:1px solid var(--sc-border); }
body.app-mode .home-calculator-controls > div { display:flex; justify-content:space-between; gap:12px; align-items:baseline; font-size:14px; }
body.app-mode .home-calculator-controls output { color:var(--sc-text); font-variant-numeric:tabular-nums; font-weight:650; }
body.app-mode .home-calculator-controls input[type="range"] { display:block; width:100%; height:24px; margin:9px 0 0; accent-color:var(--sc-accent); cursor:pointer; }
body.app-mode .home-calculator-controls input[type="range"]:disabled { cursor:not-allowed; opacity:.55; }
body.app-mode .home-calculator-controls p { margin:0 0 10px; color:var(--sc-muted); font-size:12px; line-height:1.5; }
body.app-mode .home-calculator-controls button { min-height:36px; padding:7px 12px; border:1px solid var(--sc-border); border-radius:4px; background:transparent; color:var(--sc-text); font-size:13px; font-weight:600; cursor:pointer; }
body.app-mode .home-calculator-controls button:hover:not(:disabled) { border-color:var(--sc-accent); background:var(--sc-raised); }
body.app-mode .home-calculator-controls button:disabled { opacity:.55; cursor:not-allowed; }
body.app-mode .home-calculator-quote-time { margin:5px 0 13px; color:var(--sc-muted); font-size:12px; line-height:1.45; }
body.app-mode .market-filterbar { display:flex; flex-wrap:wrap; align-items:end; gap:12px 18px; margin:8px 0 22px; color:var(--sc-muted); font-size:13px; }
body.app-mode .market-filterbar label { display:flex; align-items:center; gap:8px; }
body.app-mode .market-filterbar select { min-height:36px; padding:5px 28px 5px 10px; border:1px solid var(--sc-border); border-radius:4px; background:var(--sc-surface); color:var(--sc-text); font-size:13px; }
body.app-mode .market-filterbar p { margin:0 0 7px auto; color:var(--sc-muted); font-size:12px; }
body.app-mode .table .asset-ticker-line { display:flex; align-items:center; gap:5px; min-height:21px; }
body.app-mode .table .asset-ticker-line small { display:inline; }
body.app-mode .table .market-contract-link { display:inline-flex; width:21px; height:21px; align-items:center; justify-content:center; border-radius:4px; color:var(--sc-muted); font-size:13px; text-decoration:none; }
body.app-mode .table .market-contract-link:hover { color:var(--sc-accent); background:var(--sc-raised); }
body.app-mode .tokenized-stock-note { display:flex; justify-content:space-between; align-items:end; gap:26px; margin:0 0 48px; padding:21px 0; border-block:1px solid var(--sc-border); }
body.app-mode .tokenized-stock-note h2 { margin:0 0 8px; color:var(--sc-text); font-size:20px; line-height:1.25; }
body.app-mode .tokenized-stock-note p { max-width:740px; margin:0; color:var(--sc-muted); font-size:14px; line-height:1.55; }
body.app-mode .tokenized-stock-note a { flex:0 0 auto; color:var(--sc-accent); font-size:13px; font-weight:600; text-decoration:none; }
body.app-mode .tokenized-stock-note a:hover { text-decoration:underline; }
body.app-mode .footer-share { display:inline-flex; align-items:center; width:fit-content; border:0; background:none; color:inherit; padding:0; font:inherit; text-align:left; cursor:pointer; }
body.app-mode .footer-share:hover { color:var(--sc-accent); text-decoration:underline; }
body.app-mode .footer-share:focus-visible { outline:2px solid var(--sc-accent); outline-offset:4px; }
body.app-mode .oracle-update-note { margin:11px 0 0; color:var(--sc-muted); font-size:13px; line-height:1.5; }
body.app-mode .home-loading-row .home-skeleton { display:block; height:15px; margin:10px 0; width:72%; border-radius:4px; background:var(--sc-raised); animation:sc-skeleton 1.5s ease-in-out infinite alternate; }
body.app-mode .home-loading-row .home-skeleton:nth-child(2) { width:50%; }
body.app-mode .home-loading-row .home-skeleton.short { width:30%; }
body.app-mode:not(.stock-detail-mode) .market-skeleton { gap:1px; background:var(--sc-border); }
body.app-mode:not(.stock-detail-mode) .market-skeleton > span { height:60px; border-radius:0; background:var(--sc-raised); animation:sc-skeleton 1.5s ease-in-out infinite alternate; }
@keyframes sc-skeleton { from { opacity:.52; } to { opacity:1; } }
@media(max-width:760px) {
  body.app-mode .market-filterbar { align-items:stretch; }
  body.app-mode .market-filterbar label { flex:1 1 180px; display:flex; flex-direction:column; align-items:stretch; gap:5px; }
  body.app-mode .market-filterbar p { flex-basis:100%; margin:0; }
  body.app-mode .tokenized-stock-note { flex-direction:column; align-items:start; gap:15px; }
  body.app-mode .home-calculator-controls button { min-height:42px; width:100%; }
}
@media(prefers-reduced-motion:reduce) { body.app-mode .home-loading-row .home-skeleton, body.app-mode .market-skeleton > span { animation:none; } }