@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Roboto+Mono:wght@500;600&display=swap");

:root {
  color-scheme: light;
  --bg: #f7f7fb;
  --panel: #ffffff;
  --panel-strong: #ffffff;
  --tile: #f5f5fa;
  --line: #e8e8f0;
  --line-strong: #d9d9e6;
  --text: #17172d;
  --soft: #505066;
  --muted: #7b7b8f;
  --green: #25a56a;
  --cyan: #635bdf;
  --amber: #d89128;
  --blue: #625bf6;
  --red: #d94f5c;
  --shadow: 0 24px 60px rgba(35, 32, 74, 0.1);
  --shadow-soft: 0 8px 28px rgba(35, 32, 74, 0.07);
  --radius: 8px;
  --container: 1180px;
  font-family: Manrope, Inter, ui-sans-serif, system-ui, sans-serif;
}

/* Homepage market snapshot export */
.directory-tools {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 10px;
}

.market-snapshot-button {
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid #355071;
  border-radius: 7px;
  background: #101d2d;
  color: #f4f8ff;
  font: 700 0.74rem/1 Inter, "Segoe UI", sans-serif;
  letter-spacing: 0;
  cursor: pointer;
}

.market-snapshot-button:hover,
.market-snapshot-button:focus-visible {
  border-color: #7d8dff;
  background: #18273a;
  outline: none;
}

.market-snapshot-button:disabled {
  cursor: wait;
  opacity: 0.72;
}

@media (max-width: 720px) {
  .directory-tools {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
  }

  .market-snapshot-button,
  .directory-tools .directory-sort,
  .directory-tools .directory-sort select {
    width: 100%;
  }

  .market-snapshot-button {
    min-height: 36px;
  }
}

.chart-export-dialog {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(1, 6, 14, 0.84);
  backdrop-filter: blur(12px);
}

.chart-export-panel {
  width: min(980px, 100%);
  max-height: calc(100dvh - 48px);
  overflow: auto;
  padding: 18px;
  color: #f4f7fb;
  background: #09131f;
  border: 1px solid #2a3b51;
  border-radius: 8px;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55);
}

.chart-export-head,
.chart-export-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.chart-export-head {
  justify-content: space-between;
  margin-bottom: 14px;
}

.chart-export-head > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.chart-export-head span,
.chart-export-status {
  color: #8fa2bb;
  font-size: 12px;
}

.chart-export-head strong {
  overflow: hidden;
  font-size: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chart-export-close {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  padding: 0;
  color: #dce8f7;
  font-size: 26px;
  line-height: 1;
  background: #101d2c;
  border: 1px solid #32465f;
  border-radius: 6px;
}

.chart-export-preview {
  display: block;
  overflow: hidden;
  background: #050c16;
  border: 1px solid #273a51;
  border-radius: 6px;
}

.chart-export-preview img {
  display: block;
  width: 100%;
  height: auto;
}

.chart-export-dialog.is-expanded {
  place-items: start center;
  overflow: auto;
}

.chart-export-dialog.is-expanded .chart-export-panel {
  width: min(1640px, 100%);
  max-height: none;
}

.chart-export-dialog.is-expanded .chart-export-preview {
  overflow: auto;
}

.chart-export-dialog.is-expanded .chart-export-preview img {
  width: 1600px;
  max-width: none;
}

.chart-export-actions {
  margin-top: 14px;
}

.chart-export-actions a,
.chart-export-actions button {
  display: inline-flex;
  min-height: 42px;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  color: #f4f7fb;
  font: inherit;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  background: #111f30;
  border: 1px solid #344b66;
  border-radius: 6px;
}

.chart-export-actions a:last-child {
  color: #06111d;
  background: #8ca4ff;
  border-color: #8ca4ff;
}

.chart-export-actions button:disabled {
  opacity: 0.7;
}

.chart-export-status {
  min-height: 18px;
  margin: 10px 0 0;
  text-align: center;
}

@media (max-width: 640px) {
  .chart-export-dialog {
    padding: 10px;
  }

  .chart-export-panel {
    max-height: calc(100dvh - 20px);
    padding: 12px;
  }

  .chart-export-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .chart-export-actions a:last-child {
    grid-column: 1 / -1;
  }
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  color: var(--text);
  background: linear-gradient(180deg, #ffffff 0, #f8f8fc 520px, #f7f7fb 100%);
  font-size: 15px;
  overflow-x: hidden;
}

.topbar {
  min-height: 72px;
  padding: 12px max(24px, calc((100vw - var(--container)) / 2));
  border-color: rgba(23, 23, 45, 0.08);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 0 rgba(23, 23, 45, 0.03);
  backdrop-filter: blur(18px);
}

.brand { gap: 10px; }
.brand-mark {
  width: 38px;
  height: 38px;
  border: 0;
  background: #625bf6;
  box-shadow: 0 7px 18px rgba(98, 91, 246, 0.22);
}
.brand strong { color: #24213f; font-size: 1.05rem; font-weight: 800; }
.brand small { color: #858397; font-size: 0.7rem; }

nav { align-items: center; gap: 4px; }
nav a {
  min-height: 38px;
  padding: 0 14px;
  border: 0;
  background: transparent;
  color: #5e5d70;
  font-size: 0.82rem;
  font-weight: 700;
}
.menu-toggle {
  display: none;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid #dedee8;
  border-radius: 7px;
  background: #fff;
  color: #34324d;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 800;
  cursor: pointer;
}
.menu-toggle:hover {
  border-color: #625bf6;
  background: #f4f3ff;
  color: #4b43d1;
}
nav a.nav-primary {
  margin-left: 8px;
  padding: 0 17px;
  border: 1px solid #625bf6;
  background: #625bf6;
  color: #fff;
}
nav a:hover { border-color: transparent; background: #f2f1ff; color: #4b43d1; transform: none; }
nav a.nav-primary:hover { border-color: #4d46d0; background: #4d46d0; color: #fff; }

.global-search-shell {
  position: relative;
  z-index: 12;
  width: min(var(--container), calc(100% - 48px));
  margin: 10px auto 0;
}

.global-search-box {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 8px 10px 8px 16px;
  border: 1px solid #dedee8;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 38px rgba(35, 32, 74, 0.08);
}

.global-search-box span {
  color: #625bf6;
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
}

.global-search-box input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #1b1935;
  font: inherit;
  font-size: 0.96rem;
}

.global-search-box button {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid #dedee8;
  border-radius: 7px;
  background: #fff;
  color: #4b43d1;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 800;
  cursor: pointer;
}

.global-results {
  position: absolute;
  inset: calc(100% + 8px) 0 auto 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-height: min(520px, calc(100vh - 160px));
  overflow: auto;
  padding: 10px;
  border: 1px solid #dedee8;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 26px 70px rgba(35, 32, 74, 0.17);
}

.global-results[hidden] {
  display: none !important;
}

.global-result-card,
.global-empty {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 13px;
  border: 1px solid #ecebf2;
  border-radius: 8px;
  background: #fbfbfe;
  color: #24213f;
}

.global-result-card:hover {
  border-color: #625bf6;
  background: #f5f4ff;
}

.global-result-card span {
  color: #625bf6;
  font-size: 0.67rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.global-result-card strong,
.global-result-card small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.global-result-card strong { font-size: 0.92rem; }
.global-result-card small { color: #747286; font-size: 0.75rem; }
.global-empty p { margin: 0; color: #747286; }

.overview {
  display: block;
  max-width: 940px;
  padding: 76px 0 42px;
  text-align: center;
}

.platform-home {
  padding-top: 64px;
}

.home-search-anchor {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 24px;
}

.discovery-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  width: min(var(--container), calc(100% - 48px));
  margin: 0 auto 34px;
}

.discovery-panel {
  min-width: 0;
  padding: 24px;
  border: 1px solid #e5e4ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.discovery-panel.wide {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
  gap: 24px;
  align-items: end;
}

.discovery-panel h2 {
  margin: 0;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  line-height: 1.16;
}

.discovery-panel p {
  color: #626176;
  line-height: 1.65;
}

.link-panel span {
  display: block;
  margin-bottom: 10px;
  color: #1f1c3b;
  font-size: 1.1rem;
  font-weight: 850;
}

.link-panel {
  position: relative;
  display: flex;
  min-height: 190px;
  flex-direction: column;
  text-decoration: none;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.link-panel::after {
  content: "→";
  position: absolute;
  top: 18px;
  right: 18px;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #cfe0ee;
  border-radius: 999px;
  background: #f7fbff;
  color: #006fd6;
  font-size: 1.05rem;
  font-weight: 900;
}

.link-panel:hover {
  border-color: #625bf6;
  background: #f8f7ff;
  box-shadow: 0 18px 42px rgba(20, 24, 44, 0.12);
  transform: translateY(-2px);
}

.link-panel:focus-visible {
  outline: 3px solid rgba(0, 111, 214, 0.24);
  outline-offset: 3px;
}

.link-panel:hover::after,
.link-panel:focus-visible::after {
  border-color: #006fd6;
  background: #006fd6;
  color: #fff;
}

.link-panel p {
  margin-bottom: 22px;
}

.link-cta {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding: 10px 14px;
  border: 1px solid #cfe0ee;
  border-radius: 999px;
  background: #f6fbff;
  color: #0060b8;
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1;
}

.link-panel:hover .link-cta,
.link-panel:focus-visible .link-cta {
  border-color: #006fd6;
  background: #006fd6;
  color: #fff;
}

.link-panel:active {
  transform: translateY(0);
}

.mini-asset-stack {
  display: grid;
  gap: 10px;
}

.discovery-card {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid #ecebf2;
  border-radius: 8px;
  background: #fbfbfe;
}

.discovery-card p {
  margin: 0;
  color: #6c6a7d;
  font-size: 0.84rem;
}

.issuer-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;
}

.issuer-chip-grid span {
  padding: 8px 10px;
  border: 1px solid #e6e5ef;
  border-radius: 999px;
  background: #fafafe;
  color: #4c4a61;
  font-size: 0.78rem;
  font-weight: 800;
}
.hero-copy { display: grid; justify-items: center; }
.eyebrow {
  margin-bottom: 17px;
  color: #625bf6;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}
h1 {
  max-width: 840px;
  margin-bottom: 18px;
  color: #1b1935;
  font-size: clamp(2.85rem, 5.8vw, 5.15rem);
  line-height: 1.03;
  font-weight: 800;
}
h2, h3 { color: #24213f; }
.lede { max-width: 650px; color: #666579; font-size: 1.04rem; line-height: 1.66; }
.hero-actions { margin-top: 22px; }

.button, .copy-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  border-color: #dedee8;
  background: #fff;
  color: #34324d;
  box-shadow: none;
  font-size: 0.84rem;
  font-weight: 750;
  line-height: 1.15;
  text-align: center;
}
.button:hover, .copy-button:hover {
  border-color: #625bf6;
  background: #f4f3ff;
  color: #4b43d1;
  transform: none;
}
.button.primary {
  border-color: #625bf6;
  background: #625bf6;
  color: #fff;
  box-shadow: 0 10px 24px rgba(98, 91, 246, 0.2);
}
.button.primary:hover { border-color: #4d46d0; background: #4d46d0; color: #fff; }

.trust-row { justify-content: center; margin-top: 20px; }
.trust-row span {
  min-height: 30px;
  padding: 0 10px;
  border-color: #e4e3ee;
  background: #fff;
  color: #6c6a7d;
  font-size: 0.72rem;
}
.trust-row span::before { color: #25a56a; }

.asset-ribbon {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  width: min(900px, 100%);
  margin-top: 34px;
  padding: 16px 0 0;
  border-top: 1px solid #ecebf2;
}
.ribbon-asset {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 5px 11px 5px 6px;
  border: 1px solid #e8e7ef;
  border-radius: 999px;
  background: #fff;
  color: #59576a;
  font-size: 0.74rem;
  font-weight: 750;
  box-shadow: 0 5px 18px rgba(35, 32, 74, 0.05);
}
.ribbon-asset img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  border-radius: 50%;
  background: #f5f5f8;
}

.intel-dashboard {
  width: min(var(--container), calc(100% - 48px));
  margin: 0 auto 34px;
}

.intel-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.intel-stat {
  min-height: 128px;
  padding: 18px;
  border: 1px solid #e5e4ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.intel-stat span,
.panel-title small {
  color: #858397;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.intel-stat strong {
  display: block;
  margin-top: 12px;
  color: #1f1c3b;
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  font-weight: 850;
  line-height: 1.05;
}

.intel-stat small {
  display: block;
  margin-top: 10px;
  color: #747286;
  font-size: 0.78rem;
  line-height: 1.35;
}

.intel-panels {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.intel-panels article {
  min-height: 172px;
  padding: 18px;
  border: 1px solid #e5e4ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.panel-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.panel-title span {
  color: #24213f;
  font-size: 0.95rem;
  font-weight: 850;
}

.intel-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.intel-tags span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid #e7e5f2;
  border-radius: 7px;
  background: #f8f8fb;
  color: #59576b;
  font-size: 0.78rem;
  font-weight: 750;
}

.intel-tags strong {
  color: #625bf6;
  font-family: "Roboto Mono", monospace;
  font-size: 0.72rem;
}

.mover-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.mover-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 38px;
  padding: 6px 8px;
  border: 1px solid #e8e7ef;
  border-radius: 7px;
  background: #fafaff;
}

.mover-list a > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #24213f;
  font-size: 0.78rem;
  font-weight: 850;
}

.mover-list img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  border-radius: 50%;
  background: #f5f5f8;
}

.mini-change {
  min-width: 68px;
  padding: 5px 7px;
  border-radius: 6px;
  background: #f3f2f8;
  color: #77748b;
  font-family: "Roboto Mono", monospace;
  font-size: 0.7rem;
  font-weight: 800;
  text-align: center;
}

.mini-change.up { background: #edf9f3; color: #168e59; }
.mini-change.down { background: #fff0f2; color: #d94f5c; }
.intel-empty { margin: 0; color: #858397; font-size: 0.82rem; }

.explainer-callout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: min(var(--container), calc(100% - 48px));
  margin: -18px auto 34px;
  padding: 18px 20px;
  border: 1px solid #e5e4ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.explainer-callout p {
  margin: 0;
  color: #24213f;
  font-size: clamp(1rem, 2vw, 1.24rem);
  font-weight: 850;
  line-height: 1.3;
}

.home-market-list {
  width: min(var(--container), calc(100% - 48px));
  margin: 0 auto 80px;
}

.home-market-table {
  overflow: hidden;
  border: 1px solid #dce5ee;
  border-radius: 10px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.home-market-head,
.home-market-row {
  display: grid;
  grid-template-columns: minmax(110px, 0.42fr) minmax(260px, 1.35fr) minmax(140px, 0.5fr) minmax(104px, 0.38fr);
  gap: 16px;
  align-items: center;
}

.home-market-head {
  min-height: 42px;
  padding: 0 18px;
  border-bottom: 1px solid #e5edf4;
  background: #f7fbfe;
  color: #6d7c8b;
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.home-market-row {
  min-height: 64px;
  padding: 12px 18px;
  border-bottom: 1px solid #edf1f5;
  color: #17152c;
  text-decoration: none;
}

.home-market-row:last-child {
  border-bottom: 0;
}

.home-market-row:hover,
.home-market-row:focus-visible {
  background: #f8fbff;
}

.home-market-row strong {
  color: #07101f;
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.86rem;
  font-weight: 900;
}

.home-market-row span {
  min-width: 0;
  overflow: hidden;
  color: #3d4b5d;
  font-size: 0.9rem;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-market-price {
  color: #10192a !important;
  font-variant-numeric: tabular-nums;
}

.home-market-change {
  display: flex;
  justify-content: flex-end;
}

.explainer-hero,
.explainer-grid,
.explainer-accordion,
.explainer-closing {
  width: min(var(--container), calc(100% - 48px));
  margin: 0 auto;
}

.explainer-hero {
  display: grid;
  justify-items: center;
  padding: 76px 0 34px;
  text-align: center;
}

.explainer-hero h1 {
  max-width: 980px;
}

.explainer-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  width: min(900px, 100%);
  margin-top: 28px;
  text-align: left;
}

.explainer-split article,
.explainer-panel,
.explainer-accordion details,
.explainer-closing {
  border: 1px solid #e5e4ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.explainer-split article {
  padding: 20px;
}

.explainer-split article:first-child {
  background: #f8f8fb;
}

.explainer-split article:last-child {
  background: #f4f3ff;
}

.explainer-split span {
  display: block;
  margin-bottom: 8px;
  color: #77748b;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.explainer-split strong {
  display: block;
  margin-bottom: 8px;
  color: #24213f;
  font-size: 1.15rem;
}

.explainer-split p,
.explainer-panel p,
.explainer-closing p {
  margin-bottom: 0;
  color: #656376;
  line-height: 1.66;
}

.explainer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);
  gap: 16px;
  padding-bottom: 18px;
}

.explainer-panel {
  padding: 26px;
}

.lead-panel {
  background: #f4f3ff;
}

.context-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.context-list li {
  padding: 12px 13px;
  border: 1px solid #e9e8ef;
  border-radius: 8px;
  background: #f8f8fb;
  color: #2a2744;
  font-size: 0.9rem;
  font-weight: 750;
}

.explainer-accordion {
  display: grid;
  gap: 10px;
  padding: 12px 0 28px;
}

.explainer-accordion .section-title {
  margin-bottom: 4px;
}

.explainer-accordion details {
  overflow: hidden;
}

.explainer-accordion summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 62px;
  padding: 0 20px;
  color: #24213f;
  font-size: 1rem;
  font-weight: 850;
  cursor: pointer;
  list-style: none;
}

.explainer-accordion summary::-webkit-details-marker {
  display: none;
}

.explainer-accordion summary::after {
  content: "+";
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border: 1px solid #dedcf2;
  border-radius: 50%;
  color: #625bf6;
  font-size: 1.05rem;
}

.explainer-accordion details[open] summary::after {
  content: "-";
}

.explainer-accordion details p {
  margin: 0;
  padding: 0 58px 20px 20px;
  color: #656376;
  line-height: 1.68;
}

.explainer-closing {
  display: grid;
  justify-items: center;
  margin-bottom: 72px;
  padding: 34px;
  text-align: center;
  background: #1d1b35;
}

.explainer-closing h2 {
  color: #fff;
}

.explainer-closing p {
  max-width: 760px;
  color: #d4d1e5;
}

.explainer-closing .button {
  margin-top: 20px;
}

.asset-list { padding: 46px 0 90px; }
.section-title { align-items: end; margin-bottom: 20px; }
.section-title h2 { font-size: clamp(1.55rem, 2.5vw, 2.2rem); font-weight: 800; }
.section-title span { color: #858397; font-size: 0.8rem; }
.directory-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
}
.directory-heading .section-title { margin-bottom: 0; }
.directory-controls {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto minmax(190px, auto);
  gap: 10px;
  width: min(560px, 100%);
}
.directory-sort,
.directory-search {
  display: grid;
  gap: 6px;
}
.directory-sort > span,
.directory-search > span {
  color: #858397;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.directory-sort select,
.directory-search input {
  min-height: 42px;
  padding: 0 34px 0 12px;
  border: 1px solid #dedee8;
  border-radius: 7px;
  background: #fff;
  color: #34324d;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 700;
}
.directory-search input {
  padding-right: 12px;
}
.directory-sort select {
  cursor: pointer;
}

.directory-clear {
  align-self: end;
  min-height: 42px;
  padding: 0 13px;
  border: 1px solid #dedee8;
  border-radius: 7px;
  background: #f8f8fb;
  color: #3c3958;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 800;
  cursor: pointer;
}

.directory-clear:hover,
.directory-clear:focus-visible {
  border-color: #938cff;
  background: #f1f0ff;
}

.cards {
  display: block;
  overflow: hidden;
  border: 1px solid #e5e4ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}
.asset-card {
  display: grid;
  grid-template-columns: minmax(220px, 0.85fr) minmax(300px, 1.65fr) minmax(132px, 0.48fr) auto;
  gap: 22px;
  align-items: center;
  min-height: 122px;
  padding: 20px 22px;
  border: 0;
  border-bottom: 1px solid #ecebf2;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
.asset-card:last-child { border-bottom: 0; }
.asset-card:hover { border-color: #ecebf2; background: #fafaff; transform: none; }
.asset-card .asset-head { display: block; margin: 0; }
.asset-card .asset-identity {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-areas: "logo name" "logo symbol";
  gap: 2px 11px;
}
.asset-card .token-logo { grid-area: logo; }
.asset-card .asset-name {
  grid-area: name;
  align-self: end;
  color: #25223e;
  font-size: 0.96rem;
  font-weight: 800;
}
.asset-card .token-badge {
  grid-area: symbol;
  justify-content: flex-start;
  min-width: 0;
  height: auto;
  border: 0;
  background: transparent;
  color: #777589;
  font-size: 0.7rem;
}
.asset-card .verified-badge, .asset-card h2 { display: none; }
.asset-card p { margin: 0; color: #6c6a7d; font-size: 0.82rem; line-height: 1.55; }
.asset-performance {
  display: grid;
  grid-template-columns: minmax(126px, 1fr);
  gap: 7px;
}
.change-cell {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid #e8e7ef;
  border-radius: 7px;
  background: #f8f8fb;
}
.change-cell small {
  color: #8a8899;
  font-size: 0.62rem;
  font-weight: 800;
}
.change-cell strong {
  color: #77748b;
  font-size: 0.82rem;
  font-weight: 800;
  white-space: nowrap;
}
.price-cell strong {
  color: #17152c;
  font-variant-numeric: tabular-nums;
}
.change-cell.up strong { color: #168e59; }
.change-cell.down strong { color: #d94f5c; }
.asset-category { color: #59576b; font-size: 0.76rem; font-weight: 700; }
.asset-card .button { width: auto; margin: 0; white-space: nowrap; }

.empty-results {
  display: grid;
  gap: 8px;
  padding: 22px;
  color: #5f5c74;
}

.empty-results .button {
  justify-self: start;
}

.risk-note {
  margin: 18px 0 0;
  padding: 14px 16px;
  border: 1px solid #e7e4d2;
  border-radius: 10px;
  background: #fffaf0;
  color: #625a42;
  font-size: 0.88rem;
  line-height: 1.6;
}
.empty-results {
  padding: 28px;
  text-align: center;
}
.empty-results strong {
  color: #24213f;
  font-size: 1rem;
}
.empty-results p {
  margin: 8px 0 0;
  color: #747286;
}

.issuer-hero,
.issuer-directory,
.issuer-summary-grid,
.issuer-holdings,
.issuer-accounts {
  width: min(var(--container), calc(100% - 48px));
  margin-inline: auto;
}

.issuer-hero {
  padding: 70px 0 34px;
  text-align: center;
}

.issuer-detail-hero {
  text-align: left;
}

.issuer-hero h1 {
  margin-inline: auto;
}

.issuer-detail-hero h1 {
  margin-inline: 0;
}

.issuer-directory {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding-bottom: 74px;
}

.issuer-card a,
.issuer-summary-grid article,
.issuer-asset-card,
.issuer-account-list {
  display: block;
  border: 1px solid #e5e4ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.issuer-card a {
  min-height: 210px;
  padding: 20px;
}

.issuer-type {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 9px;
  border: 1px solid #dcd9ff;
  border-radius: 999px;
  background: #f1f0ff;
  color: #554dd6;
  font-size: 0.66rem;
  font-weight: 850;
  text-transform: uppercase;
}

.issuer-card strong {
  display: block;
  margin-top: 18px;
  color: #24213f;
  font-size: 1.22rem;
  font-weight: 850;
}

.issuer-card p {
  margin: 12px 0 16px;
  color: #686679;
  font-size: 0.88rem;
  line-height: 1.6;
}

.issuer-card small {
  color: #625bf6;
  font-size: 0.78rem;
  font-weight: 850;
}

.issuer-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 28px;
}

.issuer-summary-grid article {
  min-height: 140px;
  padding: 18px;
}

.issuer-summary-grid span {
  color: #858397;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.issuer-summary-grid strong {
  display: block;
  margin-top: 12px;
  color: #1f1c3b;
  font-size: 1.75rem;
  font-weight: 850;
}

.issuer-summary-grid p {
  margin: 10px 0 0;
  color: #747286;
  font-size: 0.82rem;
  line-height: 1.5;
}

.issuer-holdings,
.issuer-accounts {
  padding-bottom: 34px;
}

.issuer-assets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.issuer-asset-card {
  padding: 18px;
}

.issuer-asset-main {
  display: flex;
  align-items: center;
  gap: 12px;
}

.issuer-asset-main strong {
  display: block;
  color: #24213f;
  font-size: 0.98rem;
  font-weight: 850;
}

.issuer-asset-main small {
  display: block;
  margin-top: 2px;
  color: #777589;
  font-size: 0.78rem;
}

.issuer-asset-card p {
  margin: 14px 0;
  color: #686679;
  font-size: 0.86rem;
  line-height: 1.58;
}

.issuer-account-list {
  display: grid;
  gap: 8px;
  padding: 16px;
}

.issuer-account-list code {
  display: block;
  overflow-wrap: anywhere;
  padding: 11px 12px;
  border: 1px solid #e8e7ef;
  border-radius: 7px;
  background: #f8f8fb;
  color: #24213f;
  font-family: "Roboto Mono", monospace;
  font-size: 0.78rem;
}

.issuer-account-list p {
  margin: 0;
  color: #686679;
  font-size: 0.9rem;
  line-height: 1.65;
}

.seo-asset-content {
  width: min(var(--container), calc(100% - 48px));
  margin: 42px auto;
  padding: 28px;
  border: 1px solid #e5e4ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.seo-asset-content h1 {
  max-width: 900px;
  font-size: clamp(2rem, 4vw, 3.4rem);
}

.seo-asset-content h2 {
  margin-top: 22px;
  font-size: 1.25rem;
}

.seo-asset-content p,
.seo-asset-content li,
.seo-asset-content dd {
  color: #686679;
  line-height: 1.65;
}

.seo-asset-content dl {
  display: grid;
  grid-template-columns: minmax(140px, 0.28fr) minmax(0, 1fr);
  gap: 9px 16px;
  margin-top: 18px;
}

.seo-asset-content dt {
  color: #858397;
  font-weight: 850;
}

.seo-asset-content dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.token-logo, .token-logo.small {
  border-color: #e2e1e9;
  background: #f7f7f9;
  box-shadow: none;
}
.token-badge, .verified-badge, .status {
  border-color: #dcd9ff;
  background: #f1f0ff;
  color: #554dd6;
}
.verified-badge::before { color: #25a56a; }

.token-hero { padding: 52px 0 28px; }
.token-copy {
  padding: 34px;
  border: 1px solid #e6e5ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}
.token-copy h1 { max-width: 860px; margin-bottom: 17px; font-size: clamp(2.45rem, 5vw, 4.6rem); }
.token-copy > p:not(.asset-thesis) { color: #686679; }
.back-link { color: #625bf6; font-size: 0.78rem; }
.asset-thesis {
  max-width: 900px;
  border-color: #e2e0ff;
  border-left-color: #625bf6;
  background: #f8f7ff;
  color: #4f4c68;
}

.market-panel, .finder-panel, .finder-card, .price-console,
.asset-story article, .pillar-grid article, .price-chart, .price-strip,
.xrpl-facts, .asset-card, .panel, .metric-tile, .notice {
  border-color: #e6e5ed;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.price-chart { padding: 25px; background: #fff; }
.price-chart::before { display: none; }
.chart-stat { border-color: #e7e5f2; background: #f8f8fb; }
.chart-stat span { color: #858397; }
.chart-stat strong { color: #2b2846; }
.chart-stat.up strong { color: #25a56a; }
.chart-ranges { border-color: #e4e2f4; background: #f7f6ff; }
.chart-range { color: #77748b; }
.chart-range:hover, .chart-range.active {
  border-color: #625bf6;
  background: #625bf6;
  color: #fff;
}
.chart-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
}
.chart-controls .chart-ranges {
  margin-top: 0;
  margin-bottom: 0;
}
.chart-share {
  min-height: 40px;
  padding: 0 15px;
  border: 1px solid #d9e2eb;
  border-radius: 9px;
  background: #fff;
  color: #123b63;
  cursor: pointer;
  font: 700 12px/1 "Inter", "Segoe UI", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(8, 20, 34, 0.08);
}
.chart-share:hover {
  border-color: #1478d4;
  color: #1478d4;
}
.chart-share:disabled {
  cursor: wait;
  opacity: 0.72;
}
.chart-frame {
  border-color: #e4e2ed;
  background:
    linear-gradient(rgba(64, 60, 105, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(64, 60, 105, 0.055) 1px, transparent 1px),
    #fbfbfe;
  box-shadow: inset 0 1px 0 #fff;
}
.chart-grid line { stroke: rgba(53, 49, 89, 0.1); }
.chart-line {
  fill: none;
  stroke-width: 3.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 5px 8px rgba(98, 91, 246, 0.22));
}
.chart-area { stroke: none; }
.chart-dot { fill: #625bf6; stroke: #fff; filter: drop-shadow(0 3px 7px rgba(98, 91, 246, 0.35)); }
.chart-observation-dot { fill: #c9f3ff; stroke: #0b1420; stroke-width: 2; }
.chart-trade-dot {
  fill: #1d1b35;
  stroke: #fff;
  stroke-width: 1.4;
  opacity: 0.78;
}
.chart-cursor { background: #625bf6; box-shadow: none; }
.chart-hover-dot {
  border-color: #fff;
  background: #625bf6;
  box-shadow: 0 4px 14px rgba(98, 91, 246, 0.35);
}
.chart-tooltip {
  border-color: #dedcf2;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 14px 32px rgba(35, 32, 74, 0.14);
}
.chart-tooltip strong { color: #4d46d0; }
.chart-y-axis,
.chart-scale,
.chart-time-scale,
.chart-tooltip span,
.chart-note { color: #8a8899; }
.chart-y-axis {
  position: absolute;
  top: 24px;
  right: 12px;
  bottom: 46px;
  width: 98px;
  pointer-events: none;
}
.chart-y-axis span {
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  padding: 2px 5px;
  border: 1px solid rgba(207, 220, 230, 0.72);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.82);
  color: #536476;
  font: 700 10px/1.1 "Roboto Mono", ui-monospace, monospace;
  white-space: nowrap;
}

.asset-story { grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr); }
.asset-story .story-lead { background: #f4f3ff; }
.asset-story h2 { color: #24213f; }
.asset-story p, .pillar-grid p, .panel p, .notice p { color: #656376; }
.pillar-grid article { min-height: 170px; }
.xrpl-facts { padding: 26px; }
.fact-grid > div { border-color: #e9e8ef; background: #f8f8fb; }
dt { color: #8a8899; }
dd { color: #2a2744; }
code {
  border-color: #e2e1ea;
  background: #f3f3f7;
  color: #4d46d0;
  font-family: "Roboto Mono", ui-monospace, monospace;
}
.highlights li, .sector-list li { border-left-color: #625bf6; color: #656376; }

.site-footer {
  width: 100%;
  max-width: none;
  padding: 42px max(24px, calc((100vw - var(--container)) / 2));
  border: 0;
  background: #1d1b35;
  color: #aaa8bc;
}
.site-footer p { max-width: var(--container); margin-right: auto; margin-left: auto; }
.site-footer a { color: #a8a3ff; }
.footer-disclaimer { color: #c4c1d0; }
.error-page { background: #f7f7fb; }
.error-panel { border-color: #e3e2eb; background: #fff; }

.stablecoin-hero,
.stablecoin-directory,
.stablecoin-context {
  width: min(var(--container), calc(100% - 48px));
  margin: 0 auto;
}

.stablecoin-hero {
  display: grid;
  justify-items: center;
  padding: 86px 0 62px;
  text-align: center;
}

.stablecoin-hero h1 {
  max-width: 880px;
}

.stablecoin-principles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 28px;
}

.stablecoin-principles span {
  min-height: 32px;
  padding: 7px 12px;
  border: 1px solid #e4e3ee;
  border-radius: 999px;
  background: #fff;
  color: #666377;
  font-size: 0.75rem;
  font-weight: 750;
}

.stablecoin-directory {
  padding-bottom: 30px;
}

.stablecoin-market-chart {
  width: min(var(--container), calc(100% - 48px));
  margin: 0 auto 28px;
  padding: 26px;
  border: 1px solid #dfe7f2;
  border-radius: 10px;
  background:
    linear-gradient(rgba(65, 95, 135, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(65, 95, 135, 0.05) 1px, transparent 1px),
    #fff;
  background-size: 32px 32px, 32px 32px, auto;
  box-shadow: var(--shadow-soft);
}

.stablecoin-chart-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, auto);
  gap: 22px;
  align-items: start;
  margin-bottom: 18px;
}

.stablecoin-chart-header h2 {
  margin-bottom: 8px;
  font-size: clamp(1.45rem, 2.2vw, 2.05rem);
}

.stablecoin-chart-header p:last-child {
  max-width: 780px;
  margin-bottom: 0;
  color: #656376;
  line-height: 1.6;
}

.stablecoin-chart-total {
  display: grid;
  gap: 6px;
  min-width: 220px;
  padding: 16px 18px;
  border: 1px solid #dce7f3;
  border-radius: 9px;
  background: rgba(248, 251, 255, 0.94);
}

.stablecoin-chart-total span,
.stablecoin-chart-total small {
  color: #748093;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.stablecoin-chart-total strong {
  color: #18162e;
  font-size: clamp(1.45rem, 2.4vw, 2.15rem);
  font-weight: 900;
  letter-spacing: 0;
}

.stablecoin-chart-total small {
  text-transform: none;
  letter-spacing: 0;
}

.stablecoin-chart-frame {
  overflow: hidden;
  border: 1px solid #dbe5f1;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(249, 251, 255, 0.96), rgba(244, 248, 253, 0.96));
}

.stablecoin-chart-frame svg {
  display: block;
  width: 100%;
  min-height: 260px;
}

.stablecoin-chart-grid line {
  stroke: rgba(63, 78, 105, 0.13);
  stroke-width: 1;
}

.stablecoin-chart-axis text {
  fill: #7b8495;
  font-family: inherit;
  font-size: 12px;
  font-weight: 750;
}

.stablecoin-chart-area {
  fill: url(#stablecoinChartArea);
}

.stablecoin-chart-line {
  fill: none;
  stroke: url(#stablecoinChartLine);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4;
  filter: drop-shadow(0 8px 14px rgba(84, 91, 246, 0.18));
}

.stablecoin-chart-latest {
  fill: #10b981;
  stroke: #fff;
  stroke-width: 3;
  filter: drop-shadow(0 5px 10px rgba(16, 185, 129, 0.3));
}

.stablecoin-chart-empty-bg {
  fill: rgba(248, 251, 255, 0.92);
  stroke: #dbe5f1;
}

.stablecoin-chart-empty-title {
  fill: #24213f;
  font-size: 20px;
  font-weight: 850;
}

.stablecoin-chart-empty-text {
  fill: #74768a;
  font-size: 14px;
  font-weight: 700;
}

.stablecoin-list {
  display: grid;
  gap: 12px;
}

.stablecoin-row {
  display: grid;
  grid-template-columns: minmax(260px, 1.05fr) minmax(260px, 1.35fr) minmax(170px, 0.65fr) auto;
  gap: 18px;
  align-items: center;
  padding: 18px;
  border: 1px solid #e5e4ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.stablecoin-row-main {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  color: #24213f;
  text-decoration: none;
}

.stablecoin-row-main strong {
  display: block;
  font-size: 1.05rem;
  font-weight: 850;
}

.stablecoin-row-main small {
  display: block;
  margin-top: 4px;
  color: #77748b;
  font-size: 0.78rem;
  font-weight: 750;
  line-height: 1.35;
}

.stablecoin-row p {
  margin: 0;
  color: #656376;
  font-size: 0.9rem;
  line-height: 1.55;
}

.stablecoin-row-market {
  display: grid;
  gap: 5px;
  justify-items: end;
}

.stablecoin-row-market span,
.stablecoin-detail-market span {
  color: #858397;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.stablecoin-row-market strong,
.stablecoin-detail-market strong {
  color: #24213f;
  font-size: 1.02rem;
  font-weight: 850;
}

.stablecoin-profile {
  margin-bottom: 20px;
  padding: 30px;
  border: 1px solid #e5e4ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.stablecoin-summary {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

.stablecoin-summary h2 {
  margin-bottom: 12px;
  font-size: clamp(1.7rem, 3vw, 2.6rem);
}

.stablecoin-summary p:last-child {
  max-width: 850px;
  margin-bottom: 0;
  color: #656376;
  line-height: 1.68;
}

.stablecoin-logo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: contain;
  box-shadow: 0 12px 30px rgba(35, 32, 74, 0.14);
}

.stablecoin-market {
  display: grid;
  grid-template-columns: minmax(130px, 0.7fr) minmax(180px, 1fr);
  gap: 16px;
  align-items: center;
  margin-top: 26px;
  padding: 18px;
  border: 1px solid #dedcf2;
  border-radius: 8px;
  background: #f4f3ff;
}

.stablecoin-market span {
  color: #77748b;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.stablecoin-market strong {
  color: #24213f;
  font-size: 1.45rem;
}

.stablecoin-symbol {
  margin-bottom: 5px;
  color: #625bf6;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.stablecoin-facts {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px;
  margin: 26px 0;
}

.stablecoin-facts > div {
  grid-column: span 3;
  min-height: 98px;
  min-width: 0;
  padding: 15px;
  border: 1px solid #e9e8ef;
  border-radius: 8px;
  background: #f8f8fb;
}

.stablecoin-facts > .fact-wide {
  grid-column: span 6;
}

.stablecoin-facts > .fact-full {
  grid-column: 1 / -1;
}

.stablecoin-facts dt {
  overflow-wrap: anywhere;
}

.stablecoin-facts dd {
  min-width: 0;
  font-size: 0.88rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
  word-break: normal;
}

.stablecoin-facts code {
  display: block;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.public-token-facts {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  margin: 20px 0 0;
}

.public-token-facts > div,
.public-token-facts > .fact-wide,
.public-token-facts > .fact-full {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(120px, 0.42fr) minmax(0, 1fr);
  align-items: center;
  min-height: 0;
  gap: 16px;
  padding: 12px 14px;
}

.public-token-facts dt {
  margin: 0;
}

.public-token-facts dd {
  margin: 0;
  text-align: right;
}

.public-token-facts code {
  text-align: right;
}

.issuer-copy-fact dd {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.issuer-copy-fact button {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid #dce5ee;
  border-radius: 8px;
  background: #fff;
  color: #123b63;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 850;
}

.issuer-copy-fact button:hover,
.issuer-copy-fact button:focus-visible {
  border-color: #1478d4;
  color: #1478d4;
}

.ledger-identity {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.ledger-identity > div {
  min-width: 0;
}

.ledger-identity span {
  display: block;
  margin-bottom: 7px;
  color: #858397;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ledger-identity code {
  min-height: 56px;
}

.stablecoin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.stablecoin-detail-hero,
.stablecoin-detail-grid,
.stablecoin-detail-actions {
  width: min(var(--container), calc(100% - 48px));
  margin: 0 auto;
}

.stablecoin-detail-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  gap: 22px;
  align-items: stretch;
  padding: 64px 0 22px;
}

.stablecoin-detail-copy,
.stablecoin-detail-market,
.stablecoin-detail-card {
  border: 1px solid #e5e4ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.stablecoin-detail-copy {
  padding: 32px;
}

.stablecoin-titleline {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  margin-bottom: 18px;
}

.stablecoin-logo-large {
  width: 78px;
  height: 78px;
}

.stablecoin-detail-copy h1 {
  margin: 0 0 6px;
  font-size: clamp(2.4rem, 5vw, 4.8rem);
}

.stablecoin-detail-copy .lede {
  max-width: 880px;
}

.stablecoin-detail-market {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 26px;
  background: linear-gradient(180deg, #fff 0%, #f4f3ff 100%);
}

.stablecoin-detail-market strong {
  font-size: clamp(1.8rem, 4vw, 2.5rem);
}

.stablecoin-detail-market small {
  color: #77748b;
  line-height: 1.5;
}

.stablecoin-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 0 0 22px;
}

.stablecoin-detail-card {
  padding: 26px;
}

.stablecoin-detail-card h2 {
  margin-bottom: 12px;
}

.stablecoin-detail-card p:last-child {
  margin-bottom: 0;
}

.stablecoin-notes {
  display: grid;
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.stablecoin-notes li {
  padding-left: 13px;
  border-left: 3px solid #625bf6;
  color: #656376;
  line-height: 1.55;
}

.stablecoin-ledger-card {
  grid-column: 1 / -1;
}

.stablecoin-detail-actions {
  justify-content: center;
  padding-bottom: 72px;
}

.stablecoin-context {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  padding: 0 0 72px;
}

.stablecoin-context article {
  padding: 26px;
  border: 1px solid #e5e4ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.stablecoin-context article:first-child {
  background: #f4f3ff;
}

.stablecoin-context p:last-child {
  margin-bottom: 0;
  color: #656376;
  line-height: 1.65;
}

.submission-hero,
.submission-shell {
  width: min(var(--container), calc(100% - 48px));
  margin: 0 auto;
}

.submission-hero {
  display: grid;
  justify-items: center;
  padding: 76px 0 32px;
  text-align: center;
}

.submission-hero h1 {
  font-size: clamp(2.6rem, 5vw, 4.8rem);
}

.submission-shell {
  padding: 0 0 72px;
}

.submission-form {
  display: grid;
  gap: 16px;
}

.hidden-field {
  position: absolute;
  left: -9999px;
  width: 1px !important;
  height: 1px !important;
  opacity: 0;
}

.form-card {
  padding: 24px;
  border: 1px solid #e5e4ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.form-card h2 {
  margin: 0 0 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #ecebf2;
  font-size: 1.05rem;
  font-weight: 800;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}

.submission-form label {
  display: grid;
  gap: 7px;
  color: #292642;
  font-size: 0.84rem;
  font-weight: 800;
}

.submission-form label span {
  color: #d94f5c;
}

.submission-form input,
.submission-form textarea,
.submission-form select {
  width: 100%;
  min-height: 43px;
  padding: 10px 12px;
  border: 1px solid #dedee8;
  border-radius: 7px;
  background: #fbfbfe;
  color: #24213f;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 600;
}

.submission-form textarea {
  min-height: 104px;
  resize: vertical;
  line-height: 1.55;
}

.submission-form input:focus,
.submission-form textarea:focus,
.submission-form select:focus {
  border-color: #625bf6;
  outline: 3px solid rgba(98, 91, 246, 0.12);
  background: #fff;
}

.wide-label {
  margin-top: 15px;
}

.submission-actions {
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 12px 0 0;
}

.submission-actions .button {
  min-width: 260px;
}

.submission-actions .button:disabled {
  cursor: wait;
  opacity: 0.68;
}

.submission-actions p {
  min-height: 24px;
  margin: 0;
  color: #686679;
  font-size: 0.88rem;
  font-weight: 750;
  text-align: center;
}

.submission-actions p[data-tone="success"] {
  color: #168e59;
}

.submission-actions p[data-tone="error"] {
  color: #d94f5c;
}

.faq-hero,
.faq-shell {
  width: min(var(--container), calc(100% - 48px));
  margin: 0 auto;
}

.faq-hero {
  display: grid;
  justify-items: center;
  padding: 76px 0 32px;
  text-align: center;
}

.faq-hero h1 {
  font-size: clamp(2.6rem, 5vw, 4.8rem);
}

.faq-shell {
  display: grid;
  gap: 18px;
  padding: 0 0 72px;
}

.faq-section {
  padding: 24px;
  border: 1px solid #e5e4ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.faq-section h2 {
  margin: 0 0 16px;
  padding-bottom: 13px;
  border-bottom: 1px solid #ecebf2;
  font-size: 1.08rem;
  font-weight: 800;
}

.faq-section details {
  border-top: 1px solid #f0eff6;
}

.faq-section details:first-of-type {
  border-top: 0;
}

.faq-section summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 54px;
  color: #24213f;
  font-size: 0.96rem;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}

.faq-section summary::-webkit-details-marker {
  display: none;
}

.faq-section summary::after {
  content: "+";
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border: 1px solid #dedcf2;
  border-radius: 50%;
  color: #625bf6;
  font-size: 1rem;
}

.faq-section details[open] summary::after {
  content: "-";
}

.faq-section details p {
  margin: 0;
  padding: 0 42px 18px 0;
  color: #656376;
  line-height: 1.68;
}

.faq-section a {
  color: #4d46d0;
  font-weight: 800;
}

.faq-section.disclaimer p {
  margin: 0;
  color: #656376;
  line-height: 1.72;
}

@media (max-width: 900px) {
  .topbar {
    position: sticky;
    align-items: center;
    flex-direction: row;
  }
  nav { width: auto; }
  .asset-card {
    grid-template-columns: minmax(200px, 0.85fr) minmax(260px, 1.45fr) minmax(132px, 0.55fr) auto;
  }
  .stablecoin-facts {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .stablecoin-facts > div {
    grid-column: span 3;
  }
  .stablecoin-facts > .fact-wide,
  .stablecoin-facts > .fact-full {
    grid-column: 1 / -1;
  }
  .stablecoin-row {
    grid-template-columns: minmax(240px, 1fr) minmax(220px, 1fr);
  }
  .stablecoin-row-market {
    justify-items: start;
  }
  .stablecoin-row .button {
    justify-self: stretch;
  }
  .stablecoin-detail-hero,
  .stablecoin-detail-grid {
    grid-template-columns: 1fr;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .ledger-identity,
  .stablecoin-context {
    grid-template-columns: 1fr;
  }
  .stablecoin-market {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 700px) {
  body {
    font-size: 14.5px;
    line-height: 1.58;
  }
  .topbar {
    position: sticky;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 9px;
    padding: 11px 14px 12px;
  }
  .brand {
    min-width: 0;
    justify-content: center;
  }
  .brand small { display: none; }
  .brand-mark {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
  }
  .brand strong {
    font-size: 1rem;
  }
  .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 11px;
    right: 14px;
    min-height: 35px;
    padding: 0 12px;
    font-size: 0.78rem;
  }
  nav {
    display: none;
    justify-content: center;
    width: 100%;
    gap: 7px;
    padding-top: 2px;
  }
  .topbar.menu-open nav,
  .topbar:has(.menu-toggle[aria-expanded="true"]) nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  nav a {
    min-height: 36px;
    padding: 0 12px;
    border-radius: 7px;
    font-size: 0.78rem;
    line-height: 1;
    text-align: center;
  }
  nav a.nav-primary {
    margin-left: 0;
    padding-inline: 14px;
    grid-column: 1 / -1;
  }
  .overview { padding: 52px 0 34px; }
  h1 {
    font-size: clamp(2.18rem, 10.6vw, 3.35rem);
    line-height: 1.04;
  }
  .lede {
    font-size: 0.96rem;
    line-height: 1.68;
  }
  .button, .copy-button {
    min-height: 45px;
    width: 100%;
    padding: 0 13px;
    border-radius: 8px;
    font-size: 0.84rem;
    letter-spacing: 0;
  }
  .hero-actions,
  .stablecoin-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
    width: 100%;
  }
  .overview,
  .explainer-callout,
  .explainer-hero,
  .explainer-grid,
  .explainer-accordion,
  .explainer-closing,
  .faq-hero,
  .faq-shell,
  .submission-hero,
  .submission-shell,
  .token-hero,
  .asset-list,
  .split,
  .data-band,
  .asset-story,
  .pillars,
  .market-strip,
  .price-chart,
  .xrpl-facts,
  .page-actions,
  .notice {
    width: min(calc(100% - 32px), var(--container));
    margin-right: auto;
    margin-left: auto;
  }
  .asset-ribbon {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
    padding: 18px 4px 8px;
    scrollbar-width: none;
  }
  .asset-ribbon::-webkit-scrollbar { display: none; }
  .ribbon-asset { flex: 0 0 auto; }
  .explainer-callout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: -10px;
    margin-bottom: 24px;
    padding: 17px;
  }
  .explainer-callout .button {
    width: 100%;
  }
  .explainer-hero {
    padding: 46px 0 24px;
  }
  .explainer-hero h1 {
    font-size: clamp(2.08rem, 10vw, 3rem);
  }
  .explainer-split,
  .explainer-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .explainer-split article,
  .explainer-panel,
  .explainer-closing {
    padding: 18px 16px;
  }
  .explainer-accordion {
    gap: 9px;
    padding-bottom: 22px;
  }
  .explainer-accordion summary {
    min-height: 56px;
    padding: 0 15px;
    font-size: 0.92rem;
    line-height: 1.28;
  }
  .explainer-accordion details p {
    padding: 0 15px 17px;
    font-size: 0.9rem;
    line-height: 1.62;
  }
  .explainer-closing {
    margin-bottom: 42px;
  }
  .asset-list { padding-top: 30px; }
  .intel-dashboard {
    width: min(calc(100% - 32px), var(--container));
    margin-bottom: 24px;
  }
  .intel-stats,
  .intel-panels {
    grid-template-columns: 1fr;
  }
  .mover-list {
    grid-template-columns: 1fr;
  }
  .intel-stat {
    min-height: 0;
    padding: 16px;
  }
  .intel-panels article {
    min-height: 0;
    padding: 16px;
  }
  .panel-title {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  .directory-heading {
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
  }
  .directory-controls {
    grid-template-columns: 1fr;
    width: 100%;
  }
  .directory-sort,
  .directory-search {
    width: 100%;
  }
  .directory-sort select,
  .directory-search input {
    width: 100%;
  }
  .cards { border: 0; background: transparent; box-shadow: none; }
  .asset-card {
    grid-template-columns: 1fr auto;
    gap: 13px;
    margin-bottom: 10px;
    padding: 17px;
    border: 1px solid #e5e4ed;
    border-radius: 8px;
    box-shadow: var(--shadow-soft);
  }
  .asset-card p { grid-column: 1 / -1; }
  .asset-card .asset-identity {
    grid-template-columns: 42px minmax(0, 1fr);
  }
  .asset-card .asset-name {
    font-size: 0.94rem;
    line-height: 1.28;
  }
  .asset-performance {
    grid-column: 1 / -1;
  }
  .asset-card .button {
    justify-self: stretch;
    grid-column: 1 / -1;
    width: 100%;
    min-height: 46px;
  }
  .change-cell {
    min-height: 54px;
    align-content: center;
  }
  .token-copy { padding: 23px 18px; }
  .token-copy h1 { font-size: clamp(2.2rem, 12vw, 3.3rem); }
  .price-chart, .xrpl-facts { padding: 17px 12px; }
  .chart-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer { padding: 34px 18px; }
  .stablecoin-hero,
  .stablecoin-directory,
  .stablecoin-market-chart,
  .stablecoin-context {
    width: min(calc(100% - 32px), var(--container));
  }
  .stablecoin-market-chart {
    padding: 18px 14px;
    margin-bottom: 20px;
  }
  .stablecoin-chart-header {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .stablecoin-chart-total {
    min-width: 0;
    padding: 14px;
  }
  .stablecoin-chart-frame svg {
    min-height: 220px;
  }
  .issuer-hero,
  .issuer-directory,
  .issuer-summary-grid,
  .issuer-holdings,
  .issuer-accounts {
    width: min(calc(100% - 32px), var(--container));
  }
  .issuer-hero {
    padding: 46px 0 24px;
  }
  .issuer-hero h1 {
    font-size: clamp(2.25rem, 11vw, 3.25rem);
  }
  .issuer-directory,
  .issuer-summary-grid,
  .issuer-assets {
    grid-template-columns: 1fr;
  }
  .issuer-card a,
  .issuer-summary-grid article,
  .issuer-asset-card {
    min-height: 0;
    padding: 17px;
  }
  .seo-asset-content {
    width: min(calc(100% - 32px), var(--container));
    padding: 18px;
  }
  .seo-asset-content dl {
    grid-template-columns: 1fr;
  }
  .submission-hero {
    padding: 46px 0 24px;
  }
  .faq-hero {
    padding: 46px 0 24px;
  }
  .submission-hero h1 {
    font-size: clamp(2.08rem, 10vw, 3rem);
  }
  .faq-hero h1 {
    font-size: clamp(2.08rem, 10vw, 3rem);
  }
  .submission-shell {
    padding-bottom: 40px;
  }
  .faq-shell {
    gap: 12px;
    padding-bottom: 40px;
  }
  .faq-section {
    padding: 19px 16px;
  }
  .faq-section h2 {
    font-size: 0.98rem;
  }
  .faq-section summary {
    min-height: 50px;
    font-size: 0.9rem;
    line-height: 1.35;
  }
  .faq-section details p {
    padding: 0 0 16px;
    font-size: 0.9rem;
    line-height: 1.62;
  }
  .form-card {
    padding: 19px 16px;
  }
  .form-card h2 {
    font-size: 0.98rem;
  }
  .submission-form {
    gap: 12px;
  }
  .submission-form label {
    font-size: 0.81rem;
  }
  .submission-form input,
  .submission-form textarea,
  .submission-form select {
    min-height: 44px;
    font-size: 0.86rem;
  }
  .submission-actions .button {
    width: 100%;
    min-width: 0;
  }
  .stablecoin-hero {
    padding: 48px 0 34px;
  }
  .stablecoin-hero h1 {
    font-size: clamp(2.08rem, 10vw, 3rem);
  }
  .stablecoin-principles {
    gap: 8px;
  }
  .stablecoin-principles span {
    min-height: 31px;
    padding-inline: 10px;
    font-size: 0.68rem;
  }
  .stablecoin-profile {
    padding: 19px 16px;
  }
  .stablecoin-row {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px;
  }
  .stablecoin-row-main {
    grid-template-columns: 48px minmax(0, 1fr);
  }
  .stablecoin-row p {
    font-size: 0.88rem;
  }
  .stablecoin-row-market {
    min-height: 58px;
    align-content: center;
    padding: 12px;
    border: 1px solid #dedcf2;
    border-radius: 8px;
    background: #f4f3ff;
  }
  .stablecoin-row .button {
    width: 100%;
  }
  .stablecoin-summary {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 13px;
    align-items: start;
  }
  .stablecoin-logo {
    width: 52px;
    height: 52px;
    font-size: 1.3rem;
  }
  .stablecoin-summary h2 {
    font-size: 1.18rem;
    line-height: 1.18;
  }
  .stablecoin-summary p:last-child {
    font-size: 0.9rem;
    line-height: 1.6;
  }
  .stablecoin-market {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 15px;
  }
  .stablecoin-market strong {
    font-size: 1.32rem;
  }
  .stablecoin-facts {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .stablecoin-facts > div {
    grid-column: 1 / -1;
    min-height: 0;
    padding: 13px;
  }
  .public-token-facts > div,
  .public-token-facts > .fact-wide,
  .public-token-facts > .fact-full {
    grid-template-columns: minmax(96px, 0.38fr) minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
  }
  .public-token-facts dd,
  .public-token-facts code {
    text-align: right;
  }
  .issuer-copy-fact dd {
    display: grid;
    justify-items: end;
    gap: 8px;
  }
  .issuer-copy-fact button {
    min-height: 36px;
    width: min(128px, 100%);
  }
  .stablecoin-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
  }
  .stablecoin-actions .button {
    width: 100%;
  }
  .ledger-identity code {
    min-height: 0;
    padding: 12px;
    font-size: 0.68rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }
  .stablecoin-detail-hero,
  .stablecoin-detail-grid,
  .stablecoin-detail-actions {
    width: min(calc(100% - 32px), var(--container));
  }
  .stablecoin-detail-hero {
    gap: 12px;
    padding: 34px 0 14px;
  }
  .stablecoin-detail-copy,
  .stablecoin-detail-market,
  .stablecoin-detail-card {
    padding: 18px 16px;
  }
  .stablecoin-titleline {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 13px;
  }
  .stablecoin-logo-large {
    width: 58px;
    height: 58px;
  }
  .stablecoin-detail-copy h1 {
    font-size: clamp(2rem, 10vw, 3rem);
  }
  .stablecoin-detail-grid {
    gap: 12px;
    padding-bottom: 14px;
  }
  .stablecoin-detail-card .stablecoin-facts {
    margin-bottom: 0;
  }
  .stablecoin-detail-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    padding-bottom: 42px;
  }

  /* Token detail pages */
  .token-hero {
    padding: 28px 0 18px;
  }
  .token-copy {
    padding: 22px 18px;
  }
  .token-copy h1 {
    margin-bottom: 14px;
    font-size: clamp(2.15rem, 11.5vw, 3rem);
    line-height: 1.02;
  }
  .token-copy > p:not(.asset-thesis) {
    font-size: 0.96rem;
    line-height: 1.68;
  }
  .token-copy .asset-head {
    gap: 10px;
    margin: 20px 0 14px;
  }
  .token-copy .asset-thesis {
    margin-top: 18px;
    padding: 17px 16px;
    font-size: 0.94rem;
    line-height: 1.62;
  }
  .token-copy .hero-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
    margin-top: 20px;
  }
  .token-copy .hero-actions .button {
    width: 100%;
  }
  .price-chart {
    margin-bottom: 18px;
    padding: 18px 12px;
  }
  .chart-topline {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }
  .chart-ranges {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    padding: 4px;
  }
  .chart-controls {
    align-items: stretch;
    flex-direction: column;
    gap: 9px;
  }
  .chart-share {
    width: 100%;
    min-height: 38px;
  }
  .chart-range {
    min-height: 34px;
    padding: 0 6px;
    text-align: center;
  }
  .chart-frame {
    min-height: 285px;
    padding-right: 44px;
  }
  .chart-y-axis {
    right: 6px;
    width: 68px;
  }
  .chart-y-axis span {
    font-size: 9.5px;
    padding: 1px 3px;
  }
  .chart-tooltip {
    max-width: min(220px, calc(100vw - 42px));
  }
  .chart-stat {
    min-width: 0;
  }
  .chart-stat strong {
    overflow-wrap: normal;
    white-space: nowrap;
  }
  .asset-story {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding-bottom: 20px;
  }
  .asset-story article,
  .asset-story .story-lead,
  .pillar-grid article {
    min-height: 0;
    padding: 20px 18px;
  }
  .asset-story h2 {
    font-size: 1.65rem;
    line-height: 1.12;
  }
  .asset-story h3,
  .pillar-grid h3 {
    font-size: 1rem;
    line-height: 1.3;
  }
  .asset-story p,
  .pillar-grid p {
    font-size: 0.92rem;
    line-height: 1.65;
  }
  .pillars {
    padding-bottom: 20px;
  }
  .pillars .section-title,
  .xrpl-facts .section-title {
    align-items: flex-start;
    margin-bottom: 15px;
  }
  .pillars .section-title span,
  .xrpl-facts .section-title span {
    line-height: 1.5;
  }
  .pillar-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .xrpl-facts {
    margin-bottom: 20px;
    padding: 20px 14px;
  }
  .fact-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .fact-grid > div {
    width: 100%;
    min-height: 0;
    padding: 14px;
  }
  .issuer-fact {
    grid-column: auto;
  }
  .issuer-fact dd {
    grid-template-columns: minmax(0, 1fr);
  }
  .issuer-line,
  .issuer-line code {
    min-width: 0;
  }
  .issuer-line code {
    display: block;
    width: 100%;
    font-size: 0.7rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .issuer-fact .copy-button {
    width: 100%;
  }
  .split.single {
    padding-bottom: 20px;
  }
  .split.single .panel {
    min-height: 0;
    padding: 20px 18px;
  }
  .page-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
    width: min(calc(100% - 32px), var(--container));
    padding-bottom: 26px;
  }
  .page-actions .button {
    width: 100%;
  }
}

@media (max-width: 380px) {
  .topbar {
    padding-inline: 12px;
  }
  .brand {
    gap: 7px;
  }
  .brand-mark {
    width: 36px;
    height: 36px;
  }
  .brand strong {
    font-size: 0.96rem;
  }
  nav a {
    min-height: 34px;
    padding: 0 10px;
    font-size: 0.74rem;
  }
  nav a.nav-primary {
    padding-inline: 12px;
  }
  .token-copy {
    padding-inline: 16px;
  }
  .token-copy h1 {
    font-size: 2.05rem;
  }
  .chart-stats {
    gap: 7px;
  }
  .chart-stat {
    padding: 9px;
  }
}

/* Global logo frame normalization. Keep this last so every directory and detail
   page uses one clean mark style instead of stacked section-specific boxes. */
.public-equity-mark,
.public-equity-mark.logo-mark,
.brand-mark {
  position: relative !important;
  isolation: isolate;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  gap: 0 !important;
  padding: 5px !important;
  border: 1px solid rgba(126, 153, 184, 0.36) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #edf3fa 100%) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18) !important;
  color: #07111f !important;
  overflow: hidden !important;
}

.public-equity-mark::before,
.public-equity-mark::after,
.public-equity-mark.logo-mark::before,
.public-equity-mark.logo-mark::after,
.brand-mark::before,
.brand-mark::after {
  content: none !important;
  display: none !important;
}

.public-equity-mark.logo-mark > span,
.public-equity-mark.logo-mark.large > span,
.public-equity-main .public-equity-mark.logo-mark > span {
  display: none !important;
}

.public-equity-mark img,
.public-equity-mark.logo-mark img,
.public-equity-main .public-equity-mark.logo-mark img,
.public-equity-mark.logo-mark.large img,
.brand-mark img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
}

.public-equity-mark:not(.logo-mark) {
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
}

img.token-logo,
img.token-logo.small,
img.stablecoin-logo,
img.stablecoin-logo-large {
  display: block !important;
  flex: 0 0 auto !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 5px !important;
  border: 1px solid rgba(126, 153, 184, 0.36) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #edf3fa 100%) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18) !important;
  object-fit: contain !important;
}

.public-equity-mark.large,
.public-equity-mark.logo-mark.large,
.public-equity-main .public-equity-mark.logo-mark,
img.token-logo:not(.small),
img.stablecoin-logo-large {
  width: 68px !important;
  min-width: 68px !important;
  height: 68px !important;
  min-height: 68px !important;
  padding: 8px !important;
  border-radius: 18px !important;
}

html[data-theme="dark"] .public-equity-mark,
html[data-theme="dark"] .public-equity-mark.logo-mark,
html[data-theme="dark"] .brand-mark,
html[data-theme="dark"] img.token-logo,
html[data-theme="dark"] img.token-logo.small,
html[data-theme="dark"] img.stablecoin-logo,
html[data-theme="dark"] img.stablecoin-logo-large {
  border-color: rgba(126, 153, 184, 0.34) !important;
  background: linear-gradient(180deg, #ffffff 0%, #edf3fa 100%) !important;
}

@media (max-width: 780px) {
  .public-equity-mark,
  .public-equity-mark.logo-mark,
  .brand-mark,
  img.token-logo,
  img.token-logo.small,
  img.stablecoin-logo {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 4px !important;
    border-radius: 10px !important;
  }

  .public-equity-mark.large,
  .public-equity-mark.logo-mark.large,
  .public-equity-main .public-equity-mark.logo-mark,
  img.token-logo:not(.small),
  img.stablecoin-logo-large {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 6px !important;
    border-radius: 14px !important;
  }
}

/* Compact, collision-free mobile market rows. */
@media (max-width: 780px) {
  .home-market-row {
    grid-template-columns: minmax(0, 1fr) minmax(84px, 104px) 52px !important;
    grid-template-rows: auto auto;
    column-gap: 10px !important;
    row-gap: 2px !important;
    min-height: 58px;
    padding: 9px 10px !important;
  }

  .home-market-symbol {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    overflow: hidden;
    font-size: 0.76rem !important;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-market-name {
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
    overflow: hidden;
    color: var(--muted) !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-market-price {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: end;
    width: 100%;
    overflow: hidden;
    font-size: 0.76rem !important;
    line-height: 1.2;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-market-change {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
    justify-content: flex-end;
    min-width: 0;
  }

  .home-market-row .mini-change {
    width: 48px;
    min-width: 48px !important;
    padding: 5px 4px !important;
    font-size: 0.62rem !important;
    text-align: center;
  }

  html[data-theme="dark"] .home-market-name {
    color: #91a0b5 !important;
  }
}

@media (max-width: 360px) {
  .home-market-row {
    grid-template-columns: minmax(0, 1fr) 78px 48px !important;
    column-gap: 7px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .home-market-row .mini-change {
    width: 44px;
    min-width: 44px !important;
  }
}

/* Compact private-equity directory rows. Keep this final so legacy card
   layouts cannot reorder the identity and price columns on small screens. */
@media (max-width: 780px) {
  .asset-list .cards {
    display: grid !important;
    gap: 7px !important;
  }

  .asset-list .asset-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto 28px !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 9px 10px !important;
    overflow: hidden !important;
    border: 1px solid #26374b !important;
    border-radius: 9px !important;
    background: #0c1622 !important;
  }

  .asset-list .asset-card .asset-head {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .asset-list .asset-card .asset-identity {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
      "logo name"
      "logo ticker" !important;
    align-items: center !important;
    column-gap: 9px !important;
    row-gap: 2px !important;
    min-width: 0 !important;
  }

  .asset-list .asset-card .token-logo.small {
    grid-area: logo !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 4px !important;
    border-radius: 9px !important;
  }

  .asset-list .asset-card .asset-name {
    grid-area: name !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: #f4f7fb !important;
    font-size: 0.82rem !important;
    font-weight: 760 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .asset-list .asset-card .token-badge {
    grid-area: ticker !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    background: transparent !important;
    color: #8fa2ba !important;
    font-size: 0.62rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .asset-list .asset-card .verified-badge,
  .asset-list .asset-card > h2,
  .asset-list .asset-card > p {
    display: none !important;
  }

  .asset-list .asset-card .asset-performance {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    min-width: 0 !important;
    width: auto !important;
  }

  .asset-list .asset-card .change-cell,
  .asset-list .asset-card .price-cell {
    display: block !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: right !important;
  }

  .asset-list .asset-card .change-cell small,
  .asset-list .asset-card .price-cell small {
    display: block !important;
    margin: 0 0 2px !important;
    color: #71859d !important;
    font-size: 0.5rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  .asset-list .asset-card .change-cell strong,
  .asset-list .asset-card .price-cell strong {
    display: block !important;
    color: #f5f8fc !important;
    font-size: 0.75rem !important;
    font-weight: 780 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .asset-list .asset-card .button {
    position: static !important;
    display: grid !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    place-items: center !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #334761 !important;
    border-radius: 7px !important;
    background: #111f2f !important;
    color: transparent !important;
    font-size: 0 !important;
    box-shadow: none !important;
  }

  .asset-list .asset-card .button::before {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    content: "" !important;
  }

  .asset-list .asset-card .button::after {
    content: "\2192" !important;
    color: #9ba8ff !important;
    font-size: 0.94rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  .asset-list .directory-heading {
    gap: 9px !important;
    margin-bottom: 10px !important;
  }

  .asset-list .section-title {
    align-items: baseline !important;
  }

  .asset-list .section-title h2 {
    font-size: 1rem !important;
    line-height: 1.15 !important;
    text-align: left !important;
  }

  .asset-list .section-title span {
    font-size: 0.62rem !important;
    white-space: nowrap !important;
  }
}

.asset-story > .analyst-ratings {
  grid-column: 1 / -1;
}

.analyst-ratings-unavailable > strong {
  display: block;
  color: var(--text);
  font-size: 1rem;
}

.analyst-ratings-unavailable > small,
.analyst-ratings-head > span {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 0.72rem;
  line-height: 1.45;
}

@media (max-width: 780px) {
  .asset-story > .analyst-ratings {
    padding: 14px;
  }

  .analyst-ratings-unavailable > strong {
    font-size: 0.88rem;
  }

  .analyst-ratings-unavailable > small {
    font-size: 0.64rem;
  }
}

/* Underlying analyst consensus */
.analyst-ratings {
  grid-column: 1 / -1;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
}

.analyst-ratings-head,
.analyst-ratings-summary,
.analyst-distribution dl,
.analyst-target-range {
  display: grid;
}

.analyst-ratings-head {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
  margin-bottom: 20px;
}

.analyst-ratings-head .eyebrow {
  margin: 0 0 5px;
}

.analyst-ratings-head h3 {
  margin: 0;
  color: var(--text);
  font-size: 1.35rem;
}

.analyst-ratings-head a {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
}

.analyst-ratings-head a:hover {
  color: #aeb7ff;
  text-decoration: underline;
}

.analyst-ratings-summary {
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--tile);
  overflow: hidden;
}

.analyst-target,
.analyst-consensus {
  display: flex;
  min-width: 0;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
}

.analyst-target {
  border-right: 1px solid var(--line);
}

.analyst-target span,
.analyst-consensus span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.analyst-target strong,
.analyst-consensus strong {
  margin-top: 6px;
  color: var(--text);
  font-size: clamp(1.45rem, 3vw, 2.35rem);
  line-height: 1.05;
}

.analyst-target em,
.analyst-consensus small {
  margin-top: 8px;
  color: var(--muted);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 650;
}

.analyst-target em.positive,
.analyst-consensus strong.positive {
  color: #35d29a;
}

.analyst-target em.negative,
.analyst-consensus strong.negative {
  color: #ff7f94;
}

.analyst-consensus strong.neutral {
  color: #f2c66d;
}

.analyst-distribution {
  margin-top: 18px;
}

.analyst-distribution-bar {
  display: flex;
  width: 100%;
  height: 8px;
  border-radius: 3px;
  overflow: hidden;
  background: #243247;
}

.analyst-distribution-bar i {
  display: block;
  height: 100%;
}

.analyst-distribution-bar .buy {
  background: #27c793;
}

.analyst-distribution-bar .hold {
  background: #e5b955;
}

.analyst-distribution-bar .sell {
  background: #ee6f83;
}

.analyst-distribution dl,
.analyst-target-range {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 10px 0 0;
}

.analyst-distribution dl > div,
.analyst-target-range > div {
  display: flex;
  min-width: 0;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.analyst-distribution dt,
.analyst-target-range dt {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 750;
}

.analyst-distribution dd,
.analyst-target-range dd {
  margin: 0;
  color: var(--text);
  font-size: 0.88rem;
  font-weight: 800;
}

.analyst-target-range {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.analyst-firms {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.analyst-firms summary {
  color: #aeb7ff;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 750;
}

.analyst-firms > div {
  display: flex;
  gap: 6px;
  margin-top: 10px;
  flex-wrap: wrap;
}

.analyst-firms span {
  padding: 5px 8px;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: var(--tile);
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 700;
}

.analyst-note {
  display: block;
  margin-top: 14px;
  color: var(--muted);
  font-size: 0.72rem;
  line-height: 1.45;
}

html[data-theme="dark"] .analyst-ratings,
html[data-theme="dark"] .analyst-ratings-summary,
html[data-theme="dark"] .analyst-firms span {
  border-color: var(--line);
  background: var(--panel);
}

html[data-theme="dark"] .analyst-ratings-summary,
html[data-theme="dark"] .analyst-firms span {
  background: var(--tile);
}

@media (max-width: 780px) {
  .analyst-ratings {
    padding: 14px;
  }

  .analyst-ratings-head {
    grid-template-columns: 1fr;
    gap: 5px;
    margin-bottom: 12px;
  }

  .analyst-ratings-head h3 {
    font-size: 1.05rem;
  }

  .analyst-ratings-head a {
    font-size: 0.68rem;
  }

  .analyst-target,
  .analyst-consensus {
    min-height: 96px;
    padding: 12px;
  }

  .analyst-target strong,
  .analyst-consensus strong {
    font-size: 1.28rem;
  }

  .analyst-target em,
  .analyst-consensus small {
    margin-top: 5px;
    font-size: 0.68rem;
  }

  .analyst-distribution,
  .analyst-target-range,
  .analyst-firms {
    margin-top: 12px;
  }

  .analyst-target-range {
    gap: 6px;
    padding-top: 12px;
  }

  .analyst-target-range > div {
    display: block;
  }

  .analyst-target-range dd {
    margin-top: 3px;
    font-size: 0.78rem;
  }

  .analyst-note {
    margin-top: 10px;
    font-size: 0.64rem;
  }
}

@media (max-width: 380px) {
  .analyst-ratings {
    padding: 11px;
  }

  .analyst-target,
  .analyst-consensus {
    min-height: 88px;
    padding: 10px;
  }

  .analyst-target strong,
  .analyst-consensus strong {
    font-size: 1.1rem;
  }
}

/* Dexlocate compact dark system: dark-only, XPMarket-inspired density. */
:root,
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #070b12;
  --panel: #0d1420;
  --panel-strong: #111a28;
  --tile: #121c2a;
  --line: #263244;
  --line-strong: #33445c;
  --text: #eef4ff;
  --soft: #c3cede;
  --muted: #8796aa;
  --green: #29d391;
  --cyan: #75a7ff;
  --amber: #f2b85c;
  --blue: #7f8cff;
  --red: #ff6f85;
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
  --shadow-soft: 0 12px 34px rgba(0, 0, 0, 0.22);
}

html,
body {
  background: #070b12 !important;
}

body {
  color: var(--text) !important;
  background:
    linear-gradient(rgba(91, 112, 143, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(91, 112, 143, 0.075) 1px, transparent 1px),
    radial-gradient(circle at 50% -8%, rgba(82, 114, 255, 0.22), transparent 34rem),
    #070b12 !important;
  background-size: 34px 34px, 34px 34px, auto, auto !important;
  font-size: 14px;
}

.theme-toggle {
  display: none !important;
}

.topbar {
  min-height: 58px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(126, 145, 172, 0.16);
  background: rgba(7, 11, 18, 0.88) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
}

.brand-mark {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(190, 204, 224, 0.18);
  border-radius: 8px;
  background: #090d14;
  box-shadow: none;
}

.brand strong,
.seo-asset-content h1,
.section-title h2,
.directory-heading h2,
.panel-title span,
.intel-stat strong,
.stablecoin-summary h2,
.public-equity-main strong,
.asset-card .asset-name,
.home-market-row strong,
.home-market-price,
.token-hero h1,
.public-profile-hero h1,
.stablecoin-hero h1,
.public-equity-hero h1,
.explainer-hero h1,
.faq-hero h1,
.submission-hero h1 {
  color: var(--text) !important;
}

.brand small,
.lede,
.section-title span,
.directory-heading span,
.intel-console-head p,
.intel-stat small,
.asset-card p,
.stablecoin-row p,
.public-equity-row p,
.seo-asset-content p,
.seo-asset-content li,
.seo-asset-content dd,
.public-equity-main small,
.home-market-name {
  color: var(--soft) !important;
}

nav a,
.menu-toggle,
.button,
.global-search-box button {
  min-height: 34px;
  border: 1px solid rgba(126, 145, 172, 0.22);
  border-radius: 7px;
  background: rgba(18, 28, 42, 0.72);
  color: #dce6f5 !important;
  font-size: 0.76rem;
}

nav a.nav-primary,
.button.primary {
  border-color: rgba(117, 167, 255, 0.48);
  background: linear-gradient(135deg, #5268ff, #75a7ff);
  color: #06101f !important;
  font-weight: 900;
}

nav a:hover,
.button:hover,
.menu-toggle:hover {
  border-color: rgba(117, 167, 255, 0.5);
  background: #172235;
  color: #fff !important;
}

.global-search-shell {
  margin-top: 8px;
}

.global-search-box,
.global-results,
.global-result-card,
.global-empty,
.seo-asset-content,
.intel-dashboard,
.intel-stat,
.home-market-table,
.cards,
.asset-card,
.stablecoin-row,
.stablecoin-profile,
.stablecoin-market-chart,
.stablecoin-detail-card,
.stablecoin-market,
.stablecoin-facts > div,
.public-equity-card,
.public-equity-row,
.public-profile-hero,
.public-token-facts > div,
.underlying-metrics,
.underlying-metrics dl > div,
.public-equity-chart,
.price-chart,
.chart-stat,
.chart-ranges,
.xrpl-facts,
.fact-grid > div,
.asset-story article,
.pillar-grid article,
.panel,
.metric-tile,
.notice,
.form-card,
.faq-section,
.explainer-callout,
.explainer-panel,
.lead-panel,
.context-list li,
.link-panel,
.directory-card,
.issuer-card a,
.issuer-summary-grid article,
.issuer-asset-card,
.synthetic-card,
.permission-panel article,
.composition-card,
.constituent-card,
.constituent-chip {
  border-color: var(--line) !important;
  background: rgba(13, 20, 32, 0.94) !important;
  color: var(--text) !important;
  box-shadow: var(--shadow-soft) !important;
}

.overview,
.platform-home {
  max-width: min(var(--container), calc(100% - 48px));
  padding: 44px 0 24px;
}

.platform-home .hero-copy {
  justify-items: start;
  text-align: left;
}

.eyebrow,
.intel-console-head span,
.directory-sort > span,
.directory-search > span,
.chart-stat span,
.stablecoin-market span,
.stablecoin-row-market span,
.public-token-facts dt,
.fact-grid dt,
.underlying-metrics dt {
  color: #8fb7ff !important;
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.66rem !important;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.platform-home h1 {
  max-width: 980px;
  margin: 8px 0 0;
  font-size: clamp(2.75rem, 7vw, 5.7rem);
  line-height: 0.95;
}

.platform-home .lede {
  max-width: 820px;
  margin-top: 18px;
  font-size: clamp(1rem, 1.5vw, 1.28rem);
  line-height: 1.48;
}

.home-search-anchor {
  justify-content: flex-start;
  margin-top: 20px;
}

.trust-row {
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  margin-top: 18px;
  padding-top: 0;
  border-top: 0;
}

.trust-row span {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(126, 145, 172, 0.22);
  border-radius: 7px;
  background: rgba(18, 28, 42, 0.72) !important;
  color: #dce6f5 !important;
  font-size: 0.74rem;
  box-shadow: none !important;
}

.trust-row span::before {
  color: var(--green);
}

.intel-dashboard {
  margin-bottom: 22px;
  padding: 16px;
  border-radius: 10px;
  background:
    linear-gradient(rgba(126, 145, 172, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(126, 145, 172, 0.07) 1px, transparent 1px),
    rgba(11, 17, 27, 0.96) !important;
  background-size: 28px 28px, 28px 28px, auto !important;
}

.intel-console-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr);
  gap: 18px;
  align-items: end;
  margin-bottom: 14px;
}

.intel-console-head strong {
  margin-top: 4px;
  font-size: 1.12rem;
}

.intel-console-head p {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.45;
}

.intel-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 0;
}

.intel-stat {
  min-height: 96px;
  padding: 13px 14px;
  border-radius: 9px;
}

.intel-stat strong {
  margin-top: 8px;
  font-size: clamp(1.45rem, 2.8vw, 2.3rem);
}

.intel-stat small {
  margin-top: 7px;
  font-size: 0.76rem;
}

.intel-stat em {
  display: inline-flex;
  width: fit-content;
  margin-top: 10px;
  padding: 4px 8px;
  border: 1px solid rgba(126, 145, 172, 0.22);
  border-radius: 999px;
  background: #172235;
  color: #dbe7f6;
  font-size: 0.68rem;
  font-style: normal;
}

.home-market-list {
  margin-bottom: 54px;
}

.home-market-list .directory-heading {
  align-items: center;
  margin-bottom: 12px;
}

.directory-controls {
  grid-template-columns: minmax(220px, 1fr) auto minmax(170px, auto);
}

.directory-sort select,
.directory-search input,
.directory-clear,
input,
textarea,
select {
  border-color: rgba(126, 145, 172, 0.24) !important;
  background: #0d1520 !important;
  color: var(--text) !important;
}

.home-market-table {
  border-radius: 10px;
  overflow: hidden;
}

.home-market-head,
.home-market-row {
  grid-template-columns: minmax(94px, 0.38fr) minmax(260px, 1.25fr) minmax(120px, 0.46fr) minmax(94px, 0.34fr);
  gap: 14px;
}

.home-market-head {
  min-height: 36px;
  padding: 0 14px;
  border-bottom: 1px solid var(--line) !important;
  background: #0a101a !important;
  color: var(--muted) !important;
  font-size: 0.62rem;
}

.home-market-row {
  min-height: 50px;
  padding: 9px 14px;
  border-bottom: 1px solid rgba(126, 145, 172, 0.13) !important;
}

.home-market-row:hover,
.home-market-row:focus-visible,
.asset-card:hover,
.public-equity-row:hover,
.stablecoin-row:hover {
  background: #121c2a !important;
}

.home-market-symbol {
  font-size: 0.82rem !important;
}

.home-market-name {
  font-size: 0.84rem !important;
}

.home-market-price {
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.84rem !important;
  font-weight: 850 !important;
}

.home-market-change {
  justify-content: flex-end;
}

.mini-change {
  min-width: 72px;
  padding: 5px 7px;
  border-radius: 6px;
  background: #182235 !important;
  color: #cbd6e6 !important;
  font-size: 0.68rem;
}

.mini-change.up {
  background: rgba(41, 211, 145, 0.12) !important;
  color: #43e3a1 !important;
}

.mini-change.down {
  background: rgba(255, 111, 133, 0.13) !important;
  color: #ff8d9e !important;
}

.asset-card,
.public-equity-row,
.stablecoin-row {
  min-height: auto;
  border-radius: 0;
}

.asset-card {
  grid-template-columns: minmax(220px, 0.86fr) minmax(260px, 1.35fr) minmax(136px, 0.5fr) auto;
  padding: 13px 16px;
}

.asset-card .asset-name,
.asset-card p {
  font-size: 0.82rem;
}

.asset-card .token-logo.small,
.stablecoin-row .stablecoin-logo,
.public-equity-row .public-equity-mark,
.public-equity-directory .public-equity-mark,
.token-logo.small {
  width: 34px !important;
  height: 34px !important;
  border-radius: 8px !important;
  background: #0a101a !important;
}

.asset-card .button,
.stablecoin-row .button,
.public-equity-row .button {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 7px;
  font-size: 0.75rem;
}

.seo-asset-content {
  margin-top: 20px;
}

.seo-asset-content a {
  color: #98a4ff;
}

@media (max-width: 780px) {
  body {
    font-size: 13px;
    background-size: 28px 28px, 28px 28px, auto, auto !important;
  }

  .topbar {
    min-height: 52px;
    padding: 7px 14px;
  }

  .brand {
    gap: 8px;
  }

  .brand-mark {
    width: 30px;
    height: 30px;
  }

  .brand strong {
    font-size: 0.94rem;
  }

  .menu-toggle {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 10px;
    font-size: 0.74rem;
  }

  nav.site-menu {
    border-color: var(--line);
    background: #0d1420 !important;
  }

  .global-search-shell,
  .overview,
  .platform-home,
  .intel-dashboard,
  .home-market-list,
  .asset-list,
  .stablecoin-hero,
  .stablecoin-directory,
  .public-equity-hero,
  .public-equity-directory,
  .public-profile-hero,
  .token-hero,
  .seo-asset-content {
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
  }

  .global-search-shell {
    margin-top: 7px;
  }

  .global-search-box {
    min-height: 42px;
    gap: 8px;
    padding: 6px 8px;
  }

  .global-search-box span {
    display: none;
  }

  .global-search-box input {
    font-size: 0.86rem;
  }

  .overview,
  .platform-home {
    padding: 26px 0 16px;
  }

  .platform-home h1,
  .overview h1,
  .public-equity-hero h1,
  .public-profile-hero h1,
  .stablecoin-hero h1,
  .token-hero h1,
  .explainer-hero h1,
  .faq-hero h1,
  .submission-hero h1 {
    font-size: clamp(2rem, 12vw, 3.1rem) !important;
    line-height: 0.98 !important;
  }

  .platform-home .lede,
  .overview .lede,
  .public-equity-hero .lede,
  .stablecoin-hero .lede,
  .public-profile-hero .lede,
  .token-hero .lede {
    margin-top: 12px;
    font-size: 0.92rem !important;
    line-height: 1.42 !important;
  }

  .home-search-anchor {
    margin-top: 14px;
  }

  .home-search-anchor .button {
    width: 100%;
  }

  .trust-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: 12px;
  }

  .trust-row span {
    justify-content: center;
    min-height: 29px;
    padding: 0 8px;
    font-size: 0.68rem;
  }

  .intel-dashboard {
    margin-bottom: 16px;
    padding: 10px;
    border-radius: 10px;
  }

  .intel-console-head {
    display: block;
    margin-bottom: 9px;
  }

  .intel-console-head p {
    display: none;
  }

  .intel-console-head strong {
    font-size: 0.98rem;
  }

  .intel-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .intel-stat {
    min-height: 78px;
    padding: 10px;
    border-radius: 8px;
  }

  .intel-stat span {
    font-size: 0.57rem !important;
  }

  .intel-stat strong {
    margin-top: 6px;
    font-size: clamp(1.14rem, 7vw, 1.65rem);
  }

  .intel-stat small,
  .intel-stat em {
    display: none;
  }

  .home-market-list {
    margin-bottom: 34px;
  }

  .home-market-list .directory-heading {
    display: grid;
    gap: 9px;
    margin-bottom: 9px;
  }

  .directory-controls {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 7px;
  }

  .directory-sort select,
  .directory-search input {
    min-height: 36px;
    font-size: 0.78rem;
  }

  .directory-sort > span,
  .directory-search > span,
  .home-market-head {
    display: none;
  }

  .home-market-table {
    border-radius: 10px;
  }

  .home-market-row {
    grid-template-columns: minmax(54px, 0.32fr) minmax(0, 1fr) minmax(86px, auto) minmax(66px, auto);
    gap: 8px;
    min-height: 46px;
    padding: 8px 10px;
  }

  .home-market-symbol {
    font-size: 0.76rem !important;
  }

  .home-market-name {
    font-size: 0.74rem !important;
  }

  .home-market-price {
    text-align: right;
    font-size: 0.75rem !important;
  }

  .home-market-row .mini-change {
    min-width: 58px;
    padding: 4px 5px;
    font-size: 0.61rem;
  }

  .asset-card,
  .public-equity-row,
  .stablecoin-row {
    padding: 10px !important;
    border-radius: 8px !important;
  }

  .asset-card {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
  }

  .asset-card > p {
    display: none !important;
  }

  .asset-performance {
    grid-column: 2;
    grid-row: 1;
  }

  .asset-card .button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .change-cell {
    padding: 7px 8px;
  }

  .change-cell small {
    font-size: 0.54rem;
  }

  .change-cell strong {
    font-size: 0.7rem;
  }

  .seo-asset-content {
    margin: 12px auto 28px;
    padding: 14px;
  }

  .seo-asset-content h1 {
    font-size: 1.35rem;
  }

  .seo-asset-content h2 {
    font-size: 1rem;
  }

  .chart-stat,
  .metric-tile,
  .public-token-facts > div,
  .fact-grid > div,
  .stablecoin-facts > div,
  .underlying-metrics dl > div {
    min-height: 54px;
    padding: 9px 10px !important;
    border-radius: 8px;
  }

  .chart-stat strong,
  .metric-tile strong,
  .public-token-facts dd,
  .fact-grid dd,
  .stablecoin-facts dd,
  .underlying-metrics dd {
    font-size: clamp(0.92rem, 4.8vw, 1.16rem) !important;
    line-height: 1.15 !important;
  }
}

@media (max-width: 420px) {
  .home-market-row {
    grid-template-columns: 52px minmax(0, 1fr) 78px 58px;
    gap: 6px;
    padding: 8px;
  }

  .home-market-name {
    max-width: 100%;
  }

  .home-market-price {
    font-size: 0.7rem !important;
  }

  .home-market-row .mini-change {
    min-width: 52px;
    font-size: 0.58rem;
  }
}

@media (max-width: 780px) {
  .public-equity-chart,
  .price-chart {
    width: calc(100vw - 24px);
    margin-right: auto;
    margin-left: auto;
    padding: 12px;
    border-radius: 14px;
  }

  .public-equity-chart > span,
  .price-chart > span {
    margin-bottom: 6px;
    font-size: 0.56rem;
    letter-spacing: 0.075em;
  }

  .public-equity-chart h3,
  .price-chart h3 {
    margin-bottom: 10px;
    font-size: clamp(1.15rem, 6.2vw, 1.55rem);
    line-height: 1.08;
  }

  .public-equity-chart .chart-stats,
  .price-chart .chart-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-bottom: 10px;
  }

  .public-equity-chart .chart-stat,
  .price-chart .chart-stat {
    min-height: 62px;
    padding: 9px 10px;
    border-radius: 10px;
  }

  .public-equity-chart .chart-stat:first-child,
  .price-chart .chart-stat:first-child {
    grid-column: 1 / -1;
    min-height: 66px;
  }

  .public-equity-chart .chart-stat span,
  .price-chart .chart-stat span {
    min-height: 0;
    margin-bottom: 8px;
    font-size: 0.55rem;
    letter-spacing: 0.07em;
    line-height: 1;
  }

  .public-equity-chart .chart-stat strong,
  .price-chart .chart-stat strong {
    margin-top: 0;
    font-size: clamp(1rem, 5.4vw, 1.35rem);
    line-height: 1.02;
    white-space: normal;
  }

  .public-equity-chart .chart-stat:first-child strong,
  .price-chart .chart-stat:first-child strong {
    font-size: clamp(1.28rem, 7vw, 1.7rem);
  }

  .chart-ranges,
  .chart-controls .chart-ranges {
    gap: 6px;
    padding: 5px;
    margin: 8px 0;
    border-radius: 10px;
  }

  .chart-range {
    min-height: 34px;
    padding: 0 8px;
    border-radius: 8px;
    font-size: 0.76rem;
  }

  .chart-save-button,
  .save-chart-button,
  button[data-chart-save],
  .public-equity-chart button {
    min-height: 38px;
    border-radius: 9px;
    font-size: 0.74rem;
    letter-spacing: 0.075em;
  }

  .public-equity-chart .chart-frame,
  .price-chart .chart-frame {
    min-height: 0;
    height: clamp(178px, 52vw, 230px);
    margin-top: 8px;
    border-radius: 12px;
  }

  .chart-y-axis {
    right: 6px;
    width: 58px;
  }

  .chart-y-axis span {
    padding: 1px 3px;
    font-size: 9.5px;
  }

  .chart-x-axis {
    left: 10px;
    right: 10px;
    bottom: 8px;
    font-size: 9.5px;
  }
}

@media (max-width: 380px) {
  .public-equity-chart,
  .price-chart {
    width: calc(100vw - 18px);
    padding: 10px;
  }

  .public-equity-chart .chart-stat,
  .price-chart .chart-stat {
    min-height: 56px;
    padding: 8px;
  }

  .public-equity-chart .chart-frame,
  .price-chart .chart-frame {
    height: 172px;
  }
}

/* Dexlocate 1.3 brand layer: precise, financial, and registry-led. */
:root {
  color-scheme: light;
  --bg: #f5f7fa;
  --panel: #ffffff;
  --panel-strong: #ffffff;
  --tile: #f0f4f7;
  --line: #dce5ec;
  --line-strong: #b9c8d4;
  --text: #0c1420;
  --soft: #344253;
  --muted: #6f7d8d;
  --green: #1fa36c;
  --cyan: #1478d4;
  --amber: #b9812c;
  --blue: #1f6feb;
  --red: #c94b5a;
  --shadow: 0 22px 54px rgba(8, 20, 34, 0.12);
  --shadow-soft: 0 12px 34px rgba(8, 20, 34, 0.075);
}

body {
  color: var(--text);
  background:
    linear-gradient(180deg, rgba(8, 18, 30, 0.035) 0, rgba(8, 18, 30, 0) 340px),
    linear-gradient(180deg, #fbfcfd 0, #f5f7fa 58%, #eef3f7 100%);
}

.topbar {
  border-color: rgba(8, 20, 34, 0.12);
  background: rgba(251, 253, 255, 0.92);
  box-shadow: 0 1px 0 rgba(8, 20, 34, 0.05);
}

.brand-mark {
  border: 1px solid rgba(12, 20, 32, 0.12);
  background: #0b1420;
  box-shadow: 0 12px 24px rgba(8, 20, 34, 0.18);
}

.brand strong,
h1,
h2,
h3,
.section-title h2,
.panel-title strong,
.asset-card .asset-name,
.issuer-card strong,
.issuer-asset-main strong,
.stablecoin-row-main strong,
.token-copy h1,
.seo-asset-content h1,
.empty-results strong,
dd {
  color: #0c1420;
}

.brand small,
.lede,
.asset-card p,
.issuer-card p,
.issuer-asset-card p,
.stablecoin-row p,
.asset-story p,
.pillar-grid p,
.panel p,
.notice p,
.token-copy > p:not(.asset-thesis),
.seo-asset-content p,
.seo-asset-content li,
.seo-asset-content dd {
  color: #4f5f70;
}

.eyebrow,
.back-link,
.issuer-card small,
.stablecoin-row-market strong,
.chart-tooltip strong,
.asset-category,
.faq-item[open] .faq-question {
  color: #1478d4;
}

nav a {
  color: #46576a;
}

nav a:hover,
.button:hover,
.copy-button:hover,
.menu-toggle:hover {
  border-color: #b9d7ee;
  background: #edf7ff;
  color: #0d65b4;
}

nav a.nav-primary,
.button.primary,
.chart-range:hover,
.chart-range.active {
  border-color: #0c1420;
  background: #0c1420;
  color: #fff;
  box-shadow: 0 12px 24px rgba(8, 20, 34, 0.16);
}

nav a.nav-primary:hover,
.button.primary:hover {
  border-color: #1478d4;
  background: #1478d4;
  color: #fff;
}

.button,
.copy-button,
.menu-toggle,
.directory-sort select,
.directory-search input {
  border-color: #d5e0e8;
  background: #fff;
  color: #172232;
}

.overview,
.stablecoin-hero,
.issuer-hero,
.explainer-hero,
.submission-hero,
.faq-hero {
  position: relative;
}

.overview::before,
.stablecoin-hero::before,
.issuer-hero::before,
.explainer-hero::before,
.submission-hero::before,
.faq-hero::before {
  content: "";
  position: absolute;
  inset: 24px 50% auto auto;
  width: min(520px, 70vw);
  height: 220px;
  transform: translateX(50%);
  pointer-events: none;
  background:
    linear-gradient(rgba(20, 120, 212, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 120, 212, 0.07) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(circle at 50% 40%, #000 0, transparent 72%);
  opacity: 0.72;
}

.hero-copy,
.stablecoin-hero > *,
.issuer-hero > *,
.explainer-hero > *,
.submission-hero > *,
.faq-hero > * {
  position: relative;
}

.trust-row span,
.ribbon-asset,
.intel-stat,
.intel-panels article,
.cards,
.asset-card,
.issuer-card a,
.issuer-summary-grid article,
.issuer-asset-card,
.issuer-account-list,
.market-panel,
.finder-panel,
.finder-card,
.price-console,
.asset-story article,
.pillar-grid article,
.price-chart,
.price-strip,
.xrpl-facts,
.panel,
.metric-tile,
.notice,
.stablecoin-row,
.stablecoin-detail-card,
.submission-form,
.faq-item,
.seo-asset-content {
  border-color: #dce5ec;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--shadow-soft);
}

.asset-card:hover,
.stablecoin-row:hover,
.issuer-card a:hover {
  border-color: #b8d9ef;
  background: #fbfdff;
  box-shadow: 0 16px 42px rgba(8, 20, 34, 0.1);
}

.intel-stat span,
.panel-title small,
.directory-sort > span,
.directory-search > span,
.change-cell small,
.chart-stat span,
dt,
.issuer-summary-grid span,
.section-title span {
  color: #6f7d8d;
}

.token-badge,
.verified-badge,
.status,
.issuer-type {
  border-color: #b9d7ee;
  background: #edf7ff;
  color: #0d65b4;
}

.verified-badge::before,
.trust-row span::before,
.chart-stat.up strong,
.change-cell.up strong {
  color: #1fa36c;
}

.change-cell.down strong {
  color: #c94b5a;
}

.asset-ribbon {
  border-top-color: #dce5ec;
}

.token-logo,
.token-logo.small,
.stablecoin-logo,
.stablecoin-logo-large {
  border-color: #dce5ec;
  background: #f5f8fb;
}

.asset-thesis,
.asset-story .story-lead {
  border-color: #c9dceb;
  border-left-color: #1478d4;
  background: #f0f7fc;
  color: #324458;
}

.fact-grid > div,
.change-cell,
.chart-stat,
.issuer-account-list code,
code {
  border-color: #dce5ec;
  background: #f3f7fa;
  color: #123b63;
}

.price-chart {
  background: #ffffff;
}

.chart-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.chart-stat {
  min-width: 0;
}

.chart-stat strong {
  display: block;
  font-variant-numeric: tabular-nums;
  line-height: 1.08;
  overflow-wrap: normal;
  white-space: nowrap;
}

.chart-ranges {
  border-color: #dce5ec;
  background: #f3f7fa;
}

.chart-range {
  color: #536476;
}

.chart-frame {
  border-color: #cfdce6;
  background:
    linear-gradient(rgba(20, 120, 212, 0.065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 120, 212, 0.055) 1px, transparent 1px),
    linear-gradient(180deg, #fcfdff 0%, #f5f9fc 100%);
  box-shadow: inset 0 1px 0 #fff;
}

.chart-grid line {
  stroke: rgba(31, 111, 235, 0.13);
}

.chart-line {
  filter: drop-shadow(0 4px 9px rgba(20, 120, 212, 0.22));
}

.chart-y-axis {
  right: 10px;
  width: 82px;
}

.chart-y-axis span {
  border: 0;
  background: rgba(255, 255, 255, 0.9);
  color: #344253;
  font-size: 10.5px;
}

.chart-dot,
.chart-cursor,
.chart-hover-dot {
  background: #1478d4;
  fill: #1478d4;
}

.chart-trade-dot {
  fill: #0c1420;
}

.chart-tooltip {
  border-color: #cfdce6;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 40px rgba(8, 20, 34, 0.16);
}

.highlights li,
.sector-list li {
  border-left-color: #1478d4;
  color: #4f5f70;
}

.explainer-closing,
.site-footer {
  background:
    linear-gradient(90deg, rgba(20, 120, 212, 0.12), transparent 34%),
    #0c1420;
  color: #aebdca;
}

.explainer-closing h2 {
  color: #f7fbff;
}

.explainer-closing p,
.footer-disclaimer {
  color: #c4d0db;
}

.site-footer a {
  color: #9fe7ff;
}

/* Home intelligence console refinement. */
.intel-dashboard {
  position: relative;
  padding: 18px;
  border: 1px solid #dce5ec;
  border-radius: 12px;
  background:
    linear-gradient(rgba(20, 120, 212, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 120, 212, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 253, 0.96));
  background-size: 28px 28px, 28px 28px, auto;
  box-shadow: 0 24px 60px rgba(8, 20, 34, 0.09);
}

.intel-dashboard::before {
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(159, 231, 255, 0.42), transparent 28%, rgba(41, 211, 155, 0.22));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  padding: 1px;
}

.intel-console-head {
  position: relative;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 14px;
  padding: 3px 2px 0;
}

.intel-console-head span {
  display: block;
  color: #1478d4;
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.intel-console-head strong {
  display: block;
  margin-top: 4px;
  color: #0c1420;
  font-size: 1.1rem;
  font-weight: 850;
}

.intel-console-head p {
  max-width: 520px;
  margin: 0;
  color: #5b6a79;
  font-size: 0.82rem;
  line-height: 1.45;
  text-align: right;
}

.intel-stats {
  position: relative;
  gap: 10px;
}

.intel-stat {
  position: relative;
  min-height: 132px;
  overflow: hidden;
  padding: 17px 17px 15px;
  border-color: #d4e1eb;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 251, 253, 0.94));
}

.intel-stat::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 15px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #29d39b;
  box-shadow: 0 0 0 4px rgba(41, 211, 155, 0.1);
}

.intel-stat span {
  font-family: "Roboto Mono", ui-monospace, monospace;
  letter-spacing: 0.075em;
}

.intel-stat strong {
  margin-top: 13px;
  font-size: clamp(1.55rem, 2.6vw, 2.15rem);
  letter-spacing: 0;
}

.intel-stat small {
  max-width: 210px;
  color: #516273;
}

.intel-stat em {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  margin-top: 12px;
  padding: 0 8px;
  border: 1px solid #d5e7f2;
  border-radius: 999px;
  background: #f0f8fd;
  color: #2d627e;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 800;
}

.intel-panels article {
  min-height: 148px;
  padding: 16px;
  border-color: #d4e1eb;
  background: rgba(255, 255, 255, 0.94);
}

.panel-title {
  margin-bottom: 12px;
}

.panel-title span {
  color: #0c1420;
  font-size: 1rem;
}

.panel-title small {
  font-family: "Roboto Mono", ui-monospace, monospace;
  letter-spacing: 0.075em;
}

.signal-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.signal-strip span {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #dce8f0;
  border-radius: 8px;
  background: #f6fafc;
  color: #526273;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25;
}

.signal-strip strong {
  display: block;
  margin-bottom: 3px;
  color: #0c1420;
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.63rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.mover-list {
  gap: 10px;
}

.mover-list a {
  min-height: 54px;
  padding: 8px 10px;
  border-color: #dce8f0;
  background: #fbfdff;
}

.mover-list a:hover {
  border-color: #9ec9e7;
  background: #f3faff;
}

.mover-list a > span.mover-asset {
  gap: 9px;
  min-width: 0;
}

.mover-asset > span {
  display: grid;
  min-width: 0;
}

.mover-list a > span.mover-asset strong {
  color: #0c1420;
  font-size: 0.8rem;
  line-height: 1.1;
}

.mover-list a > span.mover-asset small {
  overflow: hidden;
  color: #708091;
  font-size: 0.66rem;
  font-weight: 700;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mover-list img {
  border: 1px solid #dce8f0;
  background: #fff;
}

.mini-change {
  min-width: 74px;
  border: 1px solid #e0e8ee;
  background: #f4f7fa;
  color: #526273;
}

.mini-change.up {
  border-color: #c7ecd9;
  background: #eaf8f1;
  color: #0f8f5b;
}

.mini-change.down {
  border-color: #f3c8cf;
  background: #fff0f2;
  color: #c94b5a;
}

.intel-empty {
  padding: 12px;
  border: 1px dashed #cbd9e4;
  border-radius: 8px;
  background: #f7fbfd;
  color: #5b6a79;
}

@media (max-width: 900px) {
  .intel-dashboard {
    width: min(var(--container), calc(100% - 32px));
    padding: 14px;
  }

  .intel-console-head {
    display: grid;
    gap: 8px;
  }

  .intel-console-head p {
    max-width: none;
    text-align: left;
  }

  .signal-strip {
    grid-template-columns: minmax(0, 1fr);
  }

  .mover-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .intel-dashboard {
    border-radius: 10px;
  }

  .intel-stats,
  .mover-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .intel-stat {
    min-height: 118px;
  }

  .mover-list a {
    min-height: 56px;
  }
}

.synthetic-hero,
.synthetic-intro,
.synthetic-directory {
  max-width: 1180px;
  margin: 0 auto 24px;
}

.synthetic-hero {
  padding: 72px 24px 34px;
  border-bottom: 1px solid rgba(34, 31, 64, 0.12);
}

.synthetic-hero h1 {
  max-width: 760px;
  margin: 8px 0 14px;
  color: #17152c;
  font-size: clamp(2.2rem, 5vw, 4.7rem);
  line-height: 0.92;
  letter-spacing: 0;
}

.synthetic-hero .lede {
  max-width: 770px;
  color: #56536d;
  font-size: 1.08rem;
  line-height: 1.75;
}

.synthetic-principles,
.synthetic-intro {
  display: grid;
  gap: 12px;
}

.synthetic-principles {
  grid-template-columns: repeat(3, minmax(0, max-content));
  margin-top: 24px;
}

.synthetic-principles span,
.synthetic-intro article,
.synthetic-card,
.synthetic-facts > div,
.synthetic-ledger > div {
  border: 1px solid #dedcef;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 18px 44px rgba(23, 21, 44, 0.06);
}

.synthetic-principles span {
  border-radius: 999px;
  padding: 10px 14px;
  color: #2d2948;
  font-size: 0.78rem;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.synthetic-intro {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 0 24px;
}

.synthetic-intro article {
  border-radius: 14px;
  padding: 18px;
}

.synthetic-intro span,
.synthetic-facts span,
.synthetic-ledger span {
  display: block;
  color: #76738d;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.synthetic-intro strong {
  display: block;
  margin-top: 8px;
  color: #17152c;
  font-size: 1.24rem;
}

.synthetic-intro a,
.synthetic-intro small {
  display: block;
  margin-top: 8px;
  color: #625bf6;
  font-weight: 700;
}

.synthetic-directory {
  padding: 18px 24px 64px;
}

.synthetic-list {
  display: grid;
  gap: 18px;
  margin-top: 18px;
}

.synthetic-card {
  overflow: hidden;
  border-radius: 18px;
  padding: 20px;
}

.synthetic-card-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}

.synthetic-card-head strong {
  display: block;
  color: #17152c;
  font-size: 1.45rem;
}

.synthetic-card-head small {
  display: block;
  margin-top: 3px;
  color: #6a6780;
  font-weight: 700;
}

.synthetic-mark {
  display: inline-grid;
  width: 54px;
  height: 54px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(40, 210, 255, 0.96), rgba(119, 100, 255, 0.96));
  color: #fff;
  font-size: 0.8rem;
  font-weight: 900;
  box-shadow: 0 16px 30px rgba(98, 91, 246, 0.24);
}

.synthetic-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.synthetic-facts > div,
.synthetic-ledger > div {
  border-radius: 12px;
  padding: 13px;
  box-shadow: none;
}

.synthetic-facts strong {
  display: block;
  margin-top: 8px;
  color: #191630;
  font-size: 1rem;
}

.synthetic-chart {
  max-width: none;
  margin: 14px 0;
  box-shadow: none;
}

.synthetic-chart h3 {
  margin: 4px 0 0;
  color: #17152c;
  font-size: 1.32rem;
}

.synthetic-ledger {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.synthetic-ledger code {
  display: block;
  margin-top: 8px;
  overflow: hidden;
  color: #2c2848;
  font-size: 0.88rem;
  text-overflow: ellipsis;
}

@media (max-width: 780px) {
  .synthetic-hero {
    padding: 42px 16px 24px;
  }

  .synthetic-hero h1 {
    font-size: clamp(2rem, 13vw, 3.3rem);
  }

  .synthetic-principles,
  .synthetic-intro,
  .synthetic-facts,
  .synthetic-ledger {
    grid-template-columns: 1fr;
  }

  .synthetic-intro,
  .synthetic-directory {
    padding-left: 14px;
    padding-right: 14px;
  }

  .synthetic-card {
    border-radius: 14px;
    padding: 14px;
  }

  .synthetic-card-head strong {
    font-size: 1.22rem;
  }

  .synthetic-mark {
    width: 48px;
    height: 48px;
    border-radius: 14px;
  }
}

.public-equity-hero,
.public-equity-intro,
.public-equity-directory,
.public-profile-hero,
.permission-panel,
.public-story,
.public-equity-chart {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.public-equity-hero,
.public-profile-hero {
  padding: 72px 24px 34px;
  border-bottom: 1px solid rgba(34, 31, 64, 0.12);
}

.public-equity-hero h1,
.public-profile-hero h1 {
  max-width: 800px;
  margin: 8px 0 14px;
  color: #17152c;
  font-size: clamp(2.2rem, 5vw, 4.6rem);
  line-height: 0.94;
  letter-spacing: 0;
}

.public-equity-hero .lede,
.public-profile-hero .lede {
  max-width: 780px;
  color: #56536d;
  font-size: 1.08rem;
  line-height: 1.72;
}

.public-reference {
  max-width: 760px;
  margin: -4px 0 12px;
  color: #6d6a82;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.45;
}

.public-equity-principles,
.public-equity-intro,
.permission-panel {
  display: grid;
  gap: 12px;
}

.public-equity-principles {
  grid-template-columns: repeat(3, minmax(0, max-content));
  margin-top: 24px;
}

.public-equity-principles span,
.public-equity-intro article,
.public-equity-row,
.permission-panel article {
  border: 1px solid #dedcef;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 18px 44px rgba(23, 21, 44, 0.06);
}

.public-equity-principles span {
  border-radius: 999px;
  padding: 10px 14px;
  color: #2d2948;
  font-size: 0.78rem;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.public-equity-intro {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0 24px;
  margin-bottom: 24px;
}

.permission-panel {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  padding: 0 24px;
  margin-bottom: 24px;
}

.public-equity-intro article,
.permission-panel article {
  border-radius: 14px;
  padding: 18px;
}

.public-equity-intro span,
.permission-panel span,
.public-equity-price span {
  display: block;
  color: #76738d;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.public-equity-intro strong,
.permission-panel strong {
  display: block;
  margin-top: 8px;
  color: #17152c;
  font-size: 1.24rem;
}

.public-equity-intro small,
.permission-panel p {
  display: block;
  margin: 8px 0 0;
  color: #68657e;
  line-height: 1.55;
}

.underlying-metrics {
  grid-column: 1 / -1;
  border: 1px solid #dedcef;
  border-radius: 16px;
  padding: 22px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 44px rgba(23, 21, 44, 0.06);
}

.underlying-metrics-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.underlying-metrics-head .eyebrow {
  margin-bottom: 6px;
  color: #006fd6;
}

.underlying-metrics-head h3 {
  margin: 0;
  color: #17152c;
  font-size: clamp(1.28rem, 2vw, 1.85rem);
  line-height: 1.16;
}

.underlying-metrics-head span {
  flex: 0 0 auto;
  border: 1px solid #d5e7f8;
  border-radius: 999px;
  padding: 7px 10px;
  background: #f2f9ff;
  color: #245f88;
  font-size: 0.72rem;
  font-weight: 850;
}

.underlying-metrics dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
  gap: 10px;
  margin: 0;
}

.underlying-metrics dl > div {
  min-width: 0;
  border: 1px solid #e3e6ef;
  border-radius: 12px;
  padding: 14px;
  background: #f8fbff;
}

.underlying-metrics dt {
  margin-bottom: 8px;
  color: #76738d;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.underlying-metrics dd {
  margin: 0;
  color: #17152c;
  font-size: clamp(1rem, 1.8vw, 1.28rem);
  font-weight: 850;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

.underlying-metrics small {
  display: block;
  margin-top: 14px;
  color: #76738d;
  line-height: 1.55;
}

.public-equity-directory {
  padding: 18px 24px 64px;
}

.public-equity-list {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.public-equity-row {
  display: grid;
  grid-template-columns: minmax(260px, 1.1fr) minmax(280px, 1.4fr) minmax(130px, 0.55fr) auto;
  gap: 14px;
  align-items: center;
  border-radius: 14px;
  padding: 16px;
}

.public-equity-main,
.public-profile-title {
  display: flex;
  align-items: center;
  gap: 14px;
}

.public-profile-title {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 18px;
}

.public-profile-title > div {
  min-width: 0;
}

.public-equity-main strong {
  display: block;
  color: #17152c;
  font-size: 1.22rem;
}

.public-equity-main small {
  display: block;
  margin-top: 3px;
  color: #6a6780;
  font-weight: 700;
}

.public-equity-mark {
  display: inline-grid;
  width: 52px;
  height: 52px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(40, 210, 255, 0.96), rgba(119, 100, 255, 0.96));
  color: #fff;
  font-size: 0.76rem;
  font-weight: 900;
  box-shadow: 0 16px 30px rgba(98, 91, 246, 0.24);
}

.public-equity-mark.logo-mark {
  display: inline-flex;
  width: auto;
  min-width: 52px;
  gap: 9px;
  padding: 5px 12px 5px 5px;
  color: #17152c;
  background: #fff;
  box-shadow: 0 16px 34px rgba(45, 44, 78, 0.13), inset 0 0 0 1px rgba(210, 216, 234, 0.92);
}

.public-equity-mark.logo-mark img {
  width: 42px;
  height: 42px;
  border-radius: 13px;
  object-fit: contain;
  background: #fff;
}

.public-equity-main .public-equity-mark.logo-mark {
  width: 60px;
  min-width: 60px;
  height: 60px;
  gap: 0;
  padding: 7px;
  border-radius: 18px;
}

.public-equity-main .public-equity-mark.logo-mark span {
  display: none;
}

.public-equity-main .public-equity-mark.logo-mark img {
  width: 46px;
  height: 46px;
  border-radius: 14px;
}

.public-equity-mark.large {
  width: 72px;
  height: 72px;
  border-radius: 20px;
  font-size: 1rem;
}

.public-equity-mark.logo-mark.large {
  width: 72px;
  min-width: 72px;
  height: 72px;
  padding: 8px;
}

.public-equity-mark.logo-mark.large img {
  width: 56px;
  height: 56px;
  border-radius: 16px;
}

.public-equity-mark.logo-mark.large span {
  display: none;
}

.public-equity-row p {
  margin: 0;
  color: #5c5874;
  line-height: 1.55;
}

.public-equity-price strong {
  display: block;
  margin-top: 8px;
  color: #17152c;
  font-size: 1rem;
}

.public-profile-hero .hero-actions {
  margin-top: 22px;
}

.permission-panel code {
  overflow-wrap: anywhere;
  color: #2c2848;
}

.copy-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.copy-line button {
  min-height: 36px;
  padding: 0 11px;
  border: 1px solid #d9d7e8;
  border-radius: 7px;
  background: #fff;
  color: #34314f;
  font-weight: 800;
  cursor: pointer;
}

.copy-line button:hover,
.copy-line button:focus-visible {
  border-color: #938cff;
  background: #f3f2ff;
}

.trust-callout {
  max-width: 1180px;
  margin: 0 auto 24px;
  padding: 15px 18px;
  border: 1px solid #e7e4d2;
  border-radius: 12px;
  background: #fffaf0;
  color: #625a42;
  line-height: 1.6;
}

.trust-callout strong {
  display: block;
  margin-bottom: 4px;
  color: #413920;
}

.trust-callout p {
  margin: 0;
}

.public-equity-chart {
  margin-top: 18px;
  margin-bottom: 24px;
  box-shadow: none;
  max-width: min(1180px, calc(100vw - 28px));
}

.public-equity-chart h3 {
  margin: 4px 0 0;
  color: #17152c;
  font-size: 1.32rem;
}

.composition-card {
  grid-column: 1 / -1;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(20, 120, 212, 0.04) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, rgba(20, 120, 212, 0.03) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, #ffffff, #fbfcff);
  background-size: 28px 28px, 28px 28px, auto;
}

.composition-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 10px;
}

.composition-head span,
.composition-rank > span,
.composition-map > span {
  display: block;
  color: #1478d4;
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.composition-head h3 {
  margin: 5px 0 0;
}

.composition-head > strong {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid #cfe2f2;
  border-radius: 999px;
  background: #f6fbff;
  color: #235f84;
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.68rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.composition-visual {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.78fr);
  gap: 14px;
  margin-top: 18px;
}

.composition-rank,
.composition-map {
  min-width: 0;
  padding: 16px;
  border: 1px solid #dce8f1;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 14px 34px rgba(26, 43, 74, 0.05);
}

.constituent-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 12px;
}

.constituent-chip {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 54px;
  gap: 10px;
  align-items: center;
  min-height: 58px;
  overflow: hidden;
  padding: 10px;
  border: 1px solid #dfe9f2;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffffff, #f8fbfe);
}

.constituent-chip::before {
  content: "";
  position: absolute;
  inset: auto auto 0 0;
  width: var(--strength);
  height: 4px;
  background: linear-gradient(90deg, #1478d4, #28d2ff);
}

.constituent-chip em {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid #d9e7f2;
  border-radius: 8px;
  background: #f2f8fd;
  color: #1478d4;
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
}

.constituent-chip i {
  display: block;
  width: 100%;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8f0f7;
}

.constituent-chip i::after {
  content: "";
  display: block;
  width: var(--strength);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1478d4, #28d2ff);
}

.constituent-chip strong {
  min-width: 0;
  overflow: hidden;
  color: #17152c;
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.composition-map {
  display: grid;
  align-content: start;
}

.theme-focus {
  display: grid;
  gap: 4px;
  margin: 12px 0;
  padding: 16px;
  border: 1px solid #dce8f1;
  border-radius: 11px;
  background:
    linear-gradient(90deg, rgba(20, 120, 212, 0.08) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, rgba(20, 120, 212, 0.08) 0 1px, transparent 1px 100%),
    linear-gradient(135deg, #f7fbff, #ffffff);
  background-size: 18px 18px, 18px 18px, auto;
}

.theme-focus strong {
  color: #17152c;
  font-size: clamp(1.35rem, 2.5vw, 2rem);
  line-height: 1;
}

.theme-focus p {
  margin: 0;
  color: #5b6a79;
  font-size: 0.86rem;
  font-weight: 800;
}

.theme-grid {
  display: grid;
  gap: 8px;
}

.theme-grid strong {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 7px 10px;
  border: 1px solid #e1e9f1;
  border-radius: 10px;
  background: #fbfdff;
  color: #30465b;
  font-size: 0.8rem;
  font-weight: 800;
}

.theme-grid strong i {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 8px;
  background: #eef7ff;
  color: #1478d4;
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: 0.62rem;
  font-style: normal;
}

.theme-grid strong:nth-child(4n + 2) i {
  background: #f1f0ff;
  color: #625bf6;
}

.theme-grid strong:nth-child(4n + 3) i {
  background: #ecfaf4;
  color: #17885d;
}

.theme-grid strong:nth-child(4n + 4) i {
  background: #fff6e6;
  color: #a36308;
}

.composition-card small {
  display: block;
  margin-top: 14px;
  color: #77748b;
  font-size: 0.78rem;
  line-height: 1.5;
}

@media (max-width: 900px) {
  .global-results,
  .discovery-grid,
  .discovery-panel.wide {
    grid-template-columns: 1fr;
  }

  .discovery-panel.wide {
    align-items: start;
  }

  .directory-controls {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .directory-clear {
    width: 100%;
  }

  .public-equity-row {
    grid-template-columns: 1fr;
  }

  .public-equity-row .button {
    width: 100%;
  }

  .composition-visual {
    grid-template-columns: 1fr;
  }

  .constituent-grid {
    grid-template-columns: 1fr;
  }

  .constituent-chip {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .constituent-chip i {
    grid-column: 1 / -1;
  }
}

@media (max-width: 780px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  input,
  select,
  textarea,
  button,
  .button {
    min-height: 44px;
  }

  .topbar {
    min-height: 64px;
    padding: 10px 14px;
  }

  .brand small {
    display: none;
  }

  .global-search-shell {
    width: calc(100% - 28px);
    margin-top: 8px;
  }

  .global-search-box {
    grid-template-columns: 1fr auto;
    gap: 8px;
    min-height: 52px;
    padding: 8px 8px 8px 12px;
  }

  .global-search-box span {
    display: none;
  }

  .global-search-box input {
    font-size: 16px;
  }

  .global-results {
    position: fixed;
    inset: 122px 14px auto 14px;
    max-height: min(520px, calc(100vh - 148px));
    grid-template-columns: 1fr;
  }

  .platform-home,
  .overview {
    width: calc(100% - 28px);
    padding-top: 42px;
  }

  .platform-home h1,
  .overview h1 {
    font-size: clamp(2.15rem, 12vw, 3.55rem);
  }

  .discovery-grid,
  .intel-dashboard {
    width: calc(100% - 28px);
  }

  .home-market-list {
    width: calc(100% - 28px);
    margin-bottom: 56px;
  }

  .home-market-list .directory-heading {
    display: grid;
    gap: 14px;
  }

  .home-market-head {
    display: none;
  }

  .home-market-table {
    border-radius: 10px;
  }

  .home-market-row {
    grid-template-columns: minmax(54px, 0.55fr) minmax(0, 1.15fr) minmax(82px, 0.88fr) minmax(74px, 0.74fr);
    gap: 8px;
    min-height: 58px;
    padding: 11px 12px;
  }

  .home-market-row strong {
    font-size: 0.78rem;
    letter-spacing: -0.01em;
  }

  .home-market-row span {
    font-size: 0.78rem;
    line-height: 1.15;
  }

  .home-market-name {
    color: #1f2a3a !important;
    font-weight: 850 !important;
  }

  .home-market-price {
    justify-self: end;
    text-align: right;
    font-size: 0.82rem !important;
  }

  .home-market-change {
    justify-content: flex-end;
  }

  .home-market-row .mini-change {
    min-width: 0;
    padding: 5px 6px;
    font-size: 0.72rem;
    text-align: right;
  }

  .discovery-panel {
    padding: 18px;
  }

  .link-panel {
    min-height: 0;
    padding-right: 60px;
  }

  .link-panel::after {
    top: 16px;
    right: 16px;
  }

  .link-cta {
    width: 100%;
    justify-content: center;
    padding: 12px 14px;
  }

  .home-search-anchor,
  .hero-actions {
    width: 100%;
  }

  .home-search-anchor .button,
  .hero-actions .button,
  .page-actions .button {
    flex: 1 1 100%;
    width: 100%;
  }

  .underlying-metrics {
    padding: 16px;
  }

  .underlying-metrics-head {
    display: block;
  }

  .underlying-metrics-head span {
    display: inline-flex;
    margin-top: 12px;
  }

  .underlying-metrics dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .asset-card .button {
    width: 100%;
  }

  .directory-search input {
    font-size: 0.92rem;
  }

  .public-equity-hero,
  .public-profile-hero {
    padding: 42px 16px 24px;
  }

  .public-equity-hero h1,
  .public-profile-hero h1 {
    max-width: 100%;
    font-size: clamp(2.05rem, 10.5vw, 3.05rem);
    line-height: 0.98;
  }

  .public-profile-hero .lede {
    font-size: 1rem;
    line-height: 1.62;
  }

  .public-reference {
    margin: -2px 0 11px;
    font-size: 0.88rem;
    line-height: 1.42;
  }

  .public-equity-principles,
  .public-equity-intro,
  .permission-panel {
    grid-template-columns: 1fr;
  }

  .public-equity-intro,
  .permission-panel,
  .public-equity-directory {
    padding-left: 14px;
    padding-right: 14px;
  }

  .permission-panel article p {
    display: none;
  }

  .public-profile-title {
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: flex-start;
    gap: 12px;
  }

  .public-profile-title .eyebrow {
    margin-top: 2px;
  }

  .public-equity-mark.large {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    font-size: 0.82rem;
  }

  .public-equity-mark.logo-mark.large {
    width: 58px;
    min-width: 58px;
    height: 58px;
    padding: 6px;
  }

  .public-equity-mark.logo-mark.large img {
    width: 46px;
    height: 46px;
    border-radius: 14px;
  }

  .copy-line {
    grid-template-columns: 1fr;
  }

  .copy-line button {
    justify-self: start;
    min-width: 96px;
  }

  .trust-callout {
    margin-right: 14px;
    margin-left: 14px;
  }

  .public-equity-chart .chart-frame,
  .price-chart .chart-frame {
    min-height: 260px;
  }

  .public-equity-chart .chart-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .public-equity-chart .chart-stat {
    min-height: 86px;
    padding: 12px;
  }

  .public-equity-chart .chart-stat span {
    min-height: 2.2em;
    line-height: 1.18;
  }

  .public-equity-chart .chart-stat strong {
    font-size: clamp(1.04rem, 5vw, 1.26rem);
    letter-spacing: 0;
  }
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(98, 91, 246, 0.32);
  outline-offset: 2px;
}

@media (max-width: 780px) {
  .submission-form,
  .form-card,
  .submission-shell,
  .submission-hero {
    max-width: calc(100vw - 28px);
  }

  .submission-form input,
  .submission-form textarea,
  .submission-form select {
    width: 100%;
    min-width: 0;
  }
}
/* Site theme toggle and dark mode */
.theme-toggle {
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid #dedee8;
  border-radius: 7px;
  background: #fff;
  color: #34324d;
  cursor: pointer;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 850;
}

.theme-toggle:hover,
.theme-toggle:focus-visible {
  border-color: #625bf6;
  background: #f4f3ff;
  color: #4b43d1;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #080c14;
  --panel: #101722;
  --panel-strong: #141d2b;
  --tile: #151f2c;
  --line: #263347;
  --line-strong: #34465d;
  --text: #eef4ff;
  --soft: #c4cfdd;
  --muted: #8e9caf;
  --green: #31d18b;
  --cyan: #7f8cff;
  --amber: #f0b85b;
  --blue: #8b95ff;
  --red: #ff7182;
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
  --shadow-soft: 0 10px 32px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] body {
  color: var(--text);
  background:
    linear-gradient(rgba(48, 72, 104, 0.14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(48, 72, 104, 0.12) 1px, transparent 1px),
    linear-gradient(180deg, #080c14 0, #0b111b 520px, #080c14 100%);
  background-size: 44px 44px, 44px 44px, auto;
}

html[data-theme="dark"] .topbar {
  border-color: rgba(142, 156, 175, 0.2);
  background: rgba(10, 15, 23, 0.9);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] .brand strong,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] dd,
html[data-theme="dark"] strong {
  color: var(--text);
}

html[data-theme="dark"] .brand small,
html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] small,
html[data-theme="dark"] dt,
html[data-theme="dark"] .lede,
html[data-theme="dark"] .footer-disclaimer {
  color: var(--soft);
}

html[data-theme="dark"] nav a,
html[data-theme="dark"] .back-link {
  color: #cbd6e4;
}

html[data-theme="dark"] nav a:hover,
html[data-theme="dark"] nav a[aria-current="page"] {
  background: rgba(139, 149, 255, 0.14);
  color: #f4f7ff;
}

html[data-theme="dark"] nav a.nav-primary,
html[data-theme="dark"] .button.primary {
  border-color: #7f8cff;
  background: #7f8cff;
  color: #08101d;
}

html[data-theme="dark"] .menu-toggle,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .global-search-box button,
html[data-theme="dark"] .copy-button,
html[data-theme="dark"] .issuer-copy-fact button,
html[data-theme="dark"] .chart-share,
html[data-theme="dark"] .chart-range,
html[data-theme="dark"] .button {
  border-color: #2b3b50;
  background: #121b29;
  color: #eaf0fb;
}

html[data-theme="dark"] .menu-toggle:hover,
html[data-theme="dark"] .theme-toggle:hover,
html[data-theme="dark"] .button:hover,
html[data-theme="dark"] .chart-share:hover,
html[data-theme="dark"] .chart-range:hover,
html[data-theme="dark"] .chart-range.active {
  border-color: #7f8cff;
  background: #1d2a42;
  color: #fff;
}

html[data-theme="dark"] .asset-ribbon {
  border-top-color: rgba(126, 145, 172, 0.24);
}

html[data-theme="dark"] .asset-ribbon .ribbon-asset {
  border-color: #2a394d;
  background: #101927;
  color: #cbd6e6;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

html[data-theme="dark"] .asset-ribbon .ribbon-asset:hover {
  border-color: #465a76;
  background: #152235;
  color: #f2f6fd;
}

html[data-theme="dark"] .asset-ribbon .ribbon-asset img {
  border: 1px solid rgba(214, 224, 238, 0.34);
  background: #f4f6fa;
}

html[data-theme="dark"] .global-search-box,
html[data-theme="dark"] .global-results,
html[data-theme="dark"] .global-result-card,
html[data-theme="dark"] .global-empty,
html[data-theme="dark"] .token-copy,
html[data-theme="dark"] .market-panel,
html[data-theme="dark"] .finder-panel,
html[data-theme="dark"] .finder-card,
html[data-theme="dark"] .price-console,
html[data-theme="dark"] .asset-story article,
html[data-theme="dark"] .pillar-grid article,
html[data-theme="dark"] .price-chart,
html[data-theme="dark"] .price-strip,
html[data-theme="dark"] .xrpl-facts,
html[data-theme="dark"] .asset-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .metric-tile,
html[data-theme="dark"] .notice,
html[data-theme="dark"] .home-market-table,
html[data-theme="dark"] .intel-stat,
html[data-theme="dark"] .discovery-card,
html[data-theme="dark"] .stablecoin-profile,
html[data-theme="dark"] .stablecoin-market-chart,
html[data-theme="dark"] .stablecoin-row,
html[data-theme="dark"] .stablecoin-detail-copy,
html[data-theme="dark"] .stablecoin-detail-market,
html[data-theme="dark"] .stablecoin-detail-card,
html[data-theme="dark"] .public-profile-hero,
html[data-theme="dark"] .permission-panel article,
html[data-theme="dark"] .underlying-metrics,
html[data-theme="dark"] .composition-card,
html[data-theme="dark"] .trust-callout,
html[data-theme="dark"] .faq-section,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .seo-asset-content,
html[data-theme="dark"] .link-panel,
html[data-theme="dark"] .explainer-callout,
html[data-theme="dark"] .submit-shell,
html[data-theme="dark"] .directory-card,
html[data-theme="dark"] .public-equity-card {
  border-color: var(--line);
  background: var(--panel);
  box-shadow: var(--shadow-soft);
}

html[data-theme="dark"] .home-market-head,
html[data-theme="dark"] .chart-stat,
html[data-theme="dark"] .stablecoin-market,
html[data-theme="dark"] .stablecoin-chart-total,
html[data-theme="dark"] .stablecoin-facts > div,
html[data-theme="dark"] .fact-grid > div,
html[data-theme="dark"] .public-token-facts > div,
html[data-theme="dark"] .underlying-metrics dl > div,
html[data-theme="dark"] .constituent-chip,
html[data-theme="dark"] .theme-grid strong,
html[data-theme="dark"] .asset-thesis,
html[data-theme="dark"] .asset-story .story-lead,
html[data-theme="dark"] .chart-ranges {
  border-color: var(--line);
  background: var(--tile);
}

html[data-theme="dark"] .underlying-metrics-head h3,
html[data-theme="dark"] .underlying-metrics dd {
  color: var(--text);
}

html[data-theme="dark"] .underlying-metrics-head span {
  border-color: #264f6a;
  background: #0d2230;
  color: #9bd7ff;
}

html[data-theme="dark"] .home-market-row {
  border-color: var(--line);
  color: var(--text);
}

html[data-theme="dark"] .home-market-row:hover,
html[data-theme="dark"] .home-market-row:focus-visible {
  background: #131d2b;
}

html[data-theme="dark"] .home-market-row span,
html[data-theme="dark"] .home-market-row strong,
html[data-theme="dark"] .home-market-name,
html[data-theme="dark"] .home-market-price {
  color: var(--text) !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  border-color: #2b3b50;
  background: #0d1520;
  color: var(--text);
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: #738198;
}

html[data-theme="dark"] code,
html[data-theme="dark"] .ledger-identity code,
html[data-theme="dark"] .issuer-account-list code {
  border-color: #2b3b50;
  background: #0d1520;
  color: #eaf0fb;
}

html[data-theme="dark"] .chart-frame {
  border-color: var(--line);
  background:
    linear-gradient(rgba(126, 145, 172, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(126, 145, 172, 0.08) 1px, transparent 1px),
    #0d1520;
}

html[data-theme="dark"] .chart-tooltip,
html[data-theme="dark"] .chart-y-axis span {
  border-color: #2b3b50;
  background: rgba(13, 21, 32, 0.96);
  color: var(--text);
}

html[data-theme="dark"] .chart-grid line {
  stroke: rgba(190, 204, 224, 0.12);
}

html[data-theme="dark"] .mini-change.neutral {
  background: #1b2636;
  color: #b7c2d1;
}

html[data-theme="dark"] .mini-change.up {
  background: rgba(49, 209, 139, 0.14);
  color: #51e2a0;
}

html[data-theme="dark"] .mini-change.down {
  background: rgba(255, 113, 130, 0.14);
  color: #ff8d9b;
}

html[data-theme="dark"] .token-logo,
html[data-theme="dark"] .token-logo.small,
html[data-theme="dark"] .public-equity-mark,
html[data-theme="dark"] .stablecoin-logo,
html[data-theme="dark"] .stablecoin-logo-large {
  border-color: var(--line);
  background: #111a28;
}

html[data-theme="dark"] .site-footer {
  border-color: var(--line);
  background: #080c14;
}

html[data-theme="dark"] a {
  color: #98a4ff;
}

@media (max-width: 760px) {
  .theme-toggle {
    width: 100%;
    justify-content: center;
  }
}

/* Dark-mode contrast corrections. Keep these last so they override older light-specific blocks. */
html[data-theme="dark"] .platform-home,
html[data-theme="dark"] .overview {
  background: transparent;
}

html[data-theme="dark"] .trust-row span {
  border-color: #34465d;
  background: #101722;
  color: #d9e4f2;
  box-shadow: none;
}

html[data-theme="dark"] .public-equity-row {
  border-color: #26384d;
  background: linear-gradient(180deg, rgba(18, 27, 41, 0.98), rgba(13, 20, 31, 0.98));
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .public-equity-main strong,
html[data-theme="dark"] .public-equity-main small,
html[data-theme="dark"] .public-equity-row p,
html[data-theme="dark"] .public-equity-price span,
html[data-theme="dark"] .public-equity-price strong {
  color: #eef4ff !important;
}

html[data-theme="dark"] .public-equity-main small,
html[data-theme="dark"] .public-equity-row p,
html[data-theme="dark"] .public-equity-price span {
  color: #c4cfdd !important;
}

html[data-theme="dark"] .public-equity-row .button {
  border-color: #34465d;
  background: #111a28;
  color: #eef4ff !important;
}

html[data-theme="dark"] .public-equity-row .button:hover {
  border-color: rgba(103, 232, 249, 0.58);
  background: #172235;
}

html[data-theme="dark"] .public-equity-principles span,
html[data-theme="dark"] .synthetic-principles span,
html[data-theme="dark"] .stablecoin-principles span {
  border-color: #34465d;
  background: #101722;
  color: #eef4ff;
  box-shadow: none;
}

html[data-theme="dark"] .public-equity-intro article,
html[data-theme="dark"] .synthetic-intro article {
  border-color: #26384d;
  background: linear-gradient(180deg, rgba(18, 27, 41, 0.98), rgba(13, 20, 31, 0.98));
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] .public-equity-intro span,
html[data-theme="dark"] .synthetic-intro span {
  color: #91a1b7 !important;
}

html[data-theme="dark"] .public-equity-intro strong,
html[data-theme="dark"] .synthetic-intro strong {
  color: #eef4ff !important;
}

html[data-theme="dark"] .public-equity-intro small,
html[data-theme="dark"] .synthetic-intro small,
html[data-theme="dark"] .synthetic-intro a {
  color: #c4cfdd !important;
}

html[data-theme="dark"] .stablecoin-row-market,
html[data-theme="dark"] .stablecoin-detail-market {
  border-color: #26384d;
  background: #121c2a;
}

html[data-theme="dark"] .stablecoin-market-chart {
  background:
    linear-gradient(rgba(93, 118, 150, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 118, 150, 0.1) 1px, transparent 1px),
    linear-gradient(180deg, rgba(14, 22, 34, 0.98), rgba(10, 16, 25, 0.98));
  background-size: 32px 32px, 32px 32px, auto;
}

html[data-theme="dark"] .stablecoin-chart-header p:last-child,
html[data-theme="dark"] .chart-note {
  color: #c4cfdd !important;
}

html[data-theme="dark"] .stablecoin-chart-total span,
html[data-theme="dark"] .stablecoin-chart-total small {
  color: #91a1b7 !important;
}

html[data-theme="dark"] .stablecoin-chart-total strong {
  color: #eef4ff !important;
}

html[data-theme="dark"] .stablecoin-chart-frame {
  border-color: #26384d;
  background:
    linear-gradient(rgba(126, 145, 172, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(126, 145, 172, 0.08) 1px, transparent 1px),
    #0d1520;
  background-size: 32px 32px, 32px 32px, auto;
}

html[data-theme="dark"] .stablecoin-chart-grid line {
  stroke: rgba(190, 204, 224, 0.13);
}

html[data-theme="dark"] .stablecoin-chart-axis text {
  fill: #aab7c8;
}

html[data-theme="dark"] .stablecoin-chart-empty-bg {
  fill: #0d1520;
  stroke: #26384d;
}

html[data-theme="dark"] .stablecoin-chart-empty-title {
  fill: #eef4ff;
}

html[data-theme="dark"] .stablecoin-chart-empty-text {
  fill: #c4cfdd;
}

html[data-theme="dark"] .stablecoin-row-market span,
html[data-theme="dark"] .stablecoin-detail-market span {
  color: #91a1b7 !important;
}

html[data-theme="dark"] .stablecoin-row-market strong,
html[data-theme="dark"] .stablecoin-detail-market strong {
  color: #eef4ff !important;
}

html[data-theme="dark"] .stablecoin-row .button {
  border-color: #34465d;
  background: #111a28;
  color: #eef4ff !important;
}

html[data-theme="dark"] .stablecoin-row .button:hover {
  border-color: rgba(103, 232, 249, 0.58);
  background: #172235;
}

html[data-theme="dark"] .intel-dashboard {
  border-color: #26384d;
  background:
    linear-gradient(rgba(93, 118, 150, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 118, 150, 0.1) 1px, transparent 1px),
    linear-gradient(180deg, rgba(14, 22, 34, 0.98), rgba(10, 16, 25, 0.98));
  background-size: 28px 28px, 28px 28px, auto;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] .intel-dashboard::before {
  background: linear-gradient(90deg, rgba(127, 140, 255, 0.42), transparent 30%, rgba(49, 209, 139, 0.28));
}

html[data-theme="dark"] .intel-console-head span,
html[data-theme="dark"] .eyebrow {
  color: #8fb7ff;
}

html[data-theme="dark"] .intel-console-head strong {
  color: #eef4ff;
}

html[data-theme="dark"] .intel-console-head p,
html[data-theme="dark"] .discovery-panel p,
html[data-theme="dark"] .discovery-card p,
html[data-theme="dark"] .panel p,
html[data-theme="dark"] .notice p,
html[data-theme="dark"] .asset-card p,
html[data-theme="dark"] .stablecoin-row p,
html[data-theme="dark"] .public-equity-card p,
html[data-theme="dark"] .link-panel p {
  color: #c4cfdd;
}

html[data-theme="dark"] .intel-stat {
  border-color: #26384d;
  background:
    linear-gradient(180deg, rgba(18, 27, 41, 0.98), rgba(13, 20, 31, 0.98));
}

html[data-theme="dark"] .intel-stat span,
html[data-theme="dark"] .home-market-head,
html[data-theme="dark"] .section-title span,
html[data-theme="dark"] .directory-sort > span {
  color: #91a1b7;
}

html[data-theme="dark"] .intel-stat small {
  color: #c4cfdd;
}

html[data-theme="dark"] .intel-stat em,
html[data-theme="dark"] .link-cta,
html[data-theme="dark"] .verified-badge,
html[data-theme="dark"] .token-badge,
html[data-theme="dark"] .status {
  border-color: #34465d;
  background: #172235;
  color: #dbe7f6;
}

html[data-theme="dark"] .discovery-panel,
html[data-theme="dark"] .directory-heading,
html[data-theme="dark"] .public-equity-directory,
html[data-theme="dark"] .stablecoin-directory,
html[data-theme="dark"] .faq-shell,
html[data-theme="dark"] .submission-shell {
  background: transparent;
}

html[data-theme="dark"] .directory-sort select {
  border-color: #34465d;
  background: #101722;
  color: #eef4ff;
}

html[data-theme="dark"] .home-market-table,
html[data-theme="dark"] .asset-card,
html[data-theme="dark"] .public-equity-card,
html[data-theme="dark"] .stablecoin-row,
html[data-theme="dark"] .stablecoin-context article,
html[data-theme="dark"] .faq-section,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .token-copy,
html[data-theme="dark"] .xrpl-facts,
html[data-theme="dark"] .asset-story article,
html[data-theme="dark"] .stablecoin-detail-card,
html[data-theme="dark"] .public-profile-hero,
html[data-theme="dark"] .permission-panel article,
html[data-theme="dark"] .explainer-split article,
html[data-theme="dark"] .explainer-panel,
html[data-theme="dark"] .lead-panel,
html[data-theme="dark"] .context-list li,
html[data-theme="dark"] .issuer-card a,
html[data-theme="dark"] .issuer-summary-grid article,
html[data-theme="dark"] .issuer-asset-card,
html[data-theme="dark"] .intel-panels article,
html[data-theme="dark"] .synthetic-card {
  border-color: #26384d;
  background: #101722;
}

html[data-theme="dark"] .stablecoin-context article:first-child,
html[data-theme="dark"] .asset-story .story-lead,
html[data-theme="dark"] .explainer-split article:first-child,
html[data-theme="dark"] .explainer-split article:last-child,
html[data-theme="dark"] .lead-panel {
  background: #121c2a;
}

html[data-theme="dark"] .stablecoin-context h2,
html[data-theme="dark"] .stablecoin-context h3,
html[data-theme="dark"] .explainer-panel h2,
html[data-theme="dark"] .explainer-panel h3,
html[data-theme="dark"] .explainer-split h2,
html[data-theme="dark"] .explainer-split h3,
html[data-theme="dark"] .lead-panel h2,
html[data-theme="dark"] .issuer-card strong,
html[data-theme="dark"] .issuer-summary-grid strong,
html[data-theme="dark"] .issuer-asset-card strong,
html[data-theme="dark"] .panel-title strong,
html[data-theme="dark"] .synthetic-card-head strong {
  color: #eef4ff !important;
}

html[data-theme="dark"] .stablecoin-context p,
html[data-theme="dark"] .stablecoin-context p:last-child,
html[data-theme="dark"] .explainer-panel p,
html[data-theme="dark"] .explainer-split p,
html[data-theme="dark"] .lead-panel p,
html[data-theme="dark"] .context-list li,
html[data-theme="dark"] .issuer-card p,
html[data-theme="dark"] .issuer-card small,
html[data-theme="dark"] .issuer-asset-card p,
html[data-theme="dark"] .panel-title small,
html[data-theme="dark"] .synthetic-card-head small {
  color: #c4cfdd !important;
}

html[data-theme="dark"] .home-market-head,
html[data-theme="dark"] .home-market-row,
html[data-theme="dark"] .asset-performance,
html[data-theme="dark"] .price-cell,
html[data-theme="dark"] .change-cell,
html[data-theme="dark"] .stablecoin-market,
html[data-theme="dark"] .stablecoin-facts > div,
html[data-theme="dark"] .public-token-facts > div,
html[data-theme="dark"] .fact-grid > div {
  border-color: #26384d;
  background: #121c2a;
}

html[data-theme="dark"] .button.primary {
  background: #7f8cff;
  color: #08101d;
}

html[data-theme="dark"] .button.primary:hover {
  background: #98a4ff;
  color: #070b12;
}

/* Keep reference-composition internals readable when the page is dark. */
html[data-theme="dark"] .composition-card {
  border-color: #26384d;
  background:
    linear-gradient(rgba(93, 118, 150, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 118, 150, 0.08) 1px, transparent 1px),
    linear-gradient(180deg, #121c2a, #0e1724);
  background-size: 28px 28px, 28px 28px, auto;
}

html[data-theme="dark"] .composition-head h3,
html[data-theme="dark"] .composition-card > p,
html[data-theme="dark"] .composition-card small {
  color: #eef4ff;
}

html[data-theme="dark"] .composition-card > p {
  color: #c4cfdd;
}

html[data-theme="dark"] .composition-head > strong {
  border-color: #31506b;
  background: #15283b;
  color: #b9d7f2;
}

html[data-theme="dark"] .composition-rank,
html[data-theme="dark"] .composition-map {
  border-color: #2b4259;
  background: rgba(14, 23, 36, 0.92);
  box-shadow: none;
}

html[data-theme="dark"] .composition-head span,
html[data-theme="dark"] .composition-rank > span,
html[data-theme="dark"] .composition-map > span {
  color: #8fb7ff;
}

html[data-theme="dark"] .constituent-chip {
  border-color: #2b4259;
  background: linear-gradient(180deg, #172437, #111c2b);
  color: #eef4ff;
}

html[data-theme="dark"] .constituent-chip em {
  border-color: #31506b;
  background: #20364d;
  color: #b9d7f2;
}

html[data-theme="dark"] .constituent-chip strong {
  color: #eef4ff;
}

html[data-theme="dark"] .constituent-chip i {
  background: #2a3d53;
}

html[data-theme="dark"] .theme-focus {
  border-color: #2b4259;
  background:
    linear-gradient(rgba(93, 118, 150, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93, 118, 150, 0.1) 1px, transparent 1px),
    linear-gradient(135deg, #17283b, #101b2a);
  background-size: 18px 18px, 18px 18px, auto;
}

html[data-theme="dark"] .theme-focus strong,
html[data-theme="dark"] .theme-grid strong {
  color: #eef4ff;
}

html[data-theme="dark"] .theme-focus p {
  color: #9eafc3;
}

html[data-theme="dark"] .theme-grid strong {
  border-color: #2b4259;
  background: #172437;
}

html[data-theme="dark"] .theme-grid strong i,
html[data-theme="dark"] .theme-grid strong:nth-child(4n + 2) i,
html[data-theme="dark"] .theme-grid strong:nth-child(4n + 3) i,
html[data-theme="dark"] .theme-grid strong:nth-child(4n + 4) i {
  border-color: #31506b;
  background: #20364d;
  color: #b9d7f2;
}

@media (max-width: 780px) {
  .intel-console-head > p,
  .intel-stat small,
  .discovery-panel > p,
  .link-panel > p,
  .asset-card > p,
  .issuer-asset-card p,
  .stablecoin-row > p,
  .public-equity-intro article p,
  .public-equity-intro article small,
  .permission-panel article p,
  .underlying-metrics small,
  .metric-tile p,
  .stablecoin-context article p,
  .price-chart .chart-empty p,
  .public-equity-chart .chart-empty p {
    display: none !important;
  }
}

@media (max-width: 780px) {
  .overview,
  .platform-home,
  .public-equity-hero,
  .public-profile-hero,
  .stablecoin-hero,
  .token-hero,
  .explainer-hero,
  .submission-hero,
  .faq-hero {
    padding-top: 30px;
    padding-bottom: 18px;
  }

  .overview h1,
  .platform-home h1,
  .public-equity-hero h1,
  .public-profile-hero h1,
  .stablecoin-hero h1,
  .token-copy h1 {
    font-size: clamp(1.82rem, 8.7vw, 2.75rem);
    line-height: 1.03;
  }

  .lede,
  .public-profile-hero .lede,
  .stablecoin-hero .lede,
  .token-copy > p,
  .public-reference {
    font-size: 0.9rem;
    line-height: 1.5;
  }

  .eyebrow,
  .section-title span,
  .directory-sort > span,
  .directory-search > span,
  .intel-console-head span,
  .permission-panel span,
  .public-equity-intro span,
  .underlying-metrics dt,
  .stablecoin-market span,
  .stablecoin-row-market span,
  .change-cell small,
  .chart-stat span {
    font-size: 0.58rem;
    letter-spacing: 0.075em;
    line-height: 1.18;
  }

  .trust-row {
    gap: 7px;
  }

  .trust-row span {
    min-height: 30px;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
  }

  .intel-dashboard,
  .discovery-panel,
  .stablecoin-market-chart,
  .xrpl-facts,
  .price-chart,
  .panel,
  .notice,
  .submission-form,
  .faq-item {
    border-radius: 12px;
    padding: 14px;
  }

  .intel-dashboard {
    margin-bottom: 18px;
  }

  .intel-console-head {
    margin-bottom: 10px;
  }

  .intel-console-head strong {
    margin-top: 2px;
    font-size: 0.98rem;
  }

  .intel-stats {
    gap: 8px;
  }

  .intel-stat {
    min-height: 82px;
    padding: 12px;
    border-radius: 10px;
  }

  .intel-stat::after {
    top: 10px;
    right: 10px;
    width: 7px;
    height: 7px;
  }

  .intel-stat strong {
    margin-top: 7px;
    font-size: clamp(1.28rem, 7vw, 1.75rem);
  }

  .intel-stat em {
    min-height: 20px;
    margin-top: 8px;
    padding: 0 7px;
    font-size: 0.68rem;
  }

  .public-equity-intro,
  .permission-panel,
  .underlying-metrics dl,
  .stablecoin-facts,
  .public-token-facts,
  .chart-stats,
  .metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .permission-panel,
  .public-equity-intro,
  .public-equity-directory,
  .public-story {
    padding-left: 12px;
    padding-right: 12px;
  }

  .permission-panel {
    margin-bottom: 14px;
  }

  .permission-panel article,
  .public-equity-intro article,
  .underlying-metrics dl > div,
  .stablecoin-facts > div,
  .public-token-facts > div,
  .public-token-facts > .fact-wide,
  .public-token-facts > .fact-full,
  .metric-tile,
  .chart-stat,
  .stablecoin-market,
  .stablecoin-row-market {
    min-height: 0;
    padding: 10px;
    border-radius: 10px;
  }

  .permission-panel strong,
  .public-equity-intro strong,
  .underlying-metrics dd,
  .stablecoin-facts dd,
  .public-token-facts dd,
  .stablecoin-market strong,
  .stablecoin-row-market strong,
  .metric-tile strong,
  .chart-stat strong {
    margin-top: 5px;
    font-size: clamp(0.98rem, 4.7vw, 1.2rem);
    line-height: 1.18;
    letter-spacing: 0;
    overflow-wrap: anywhere;
  }

  .permission-panel code,
  .public-token-facts code,
  .stablecoin-facts code {
    font-size: 0.66rem;
    line-height: 1.35;
  }

  .underlying-metrics {
    padding: 12px;
    border-radius: 12px;
  }

  .underlying-metrics-head {
    margin-bottom: 10px;
  }

  .underlying-metrics-head h3 {
    font-size: 1.12rem;
    line-height: 1.2;
  }

  .underlying-metrics-head span {
    min-height: 26px;
    margin-top: 8px;
    padding: 5px 8px;
    font-size: 0.68rem;
  }

  .asset-card,
  .stablecoin-row,
  .public-equity-row,
  .issuer-asset-card {
    gap: 9px;
    margin-bottom: 8px;
    padding: 12px;
    border-radius: 10px;
  }

  .asset-card {
    grid-template-columns: minmax(0, 1fr) minmax(84px, auto);
    align-items: center;
  }

  .asset-card .asset-identity {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px;
  }

  .asset-card .token-logo.small,
  .stablecoin-row .stablecoin-logo,
  .public-equity-row .public-equity-mark,
  .public-equity-directory .public-equity-mark {
    width: 34px;
    height: 34px;
    border-radius: 10px;
  }

  .asset-card .asset-name,
  .stablecoin-row-main strong {
    font-size: 0.86rem;
    line-height: 1.16;
  }

  .token-badge,
  .stablecoin-row-main small,
  .verified-badge {
    font-size: 0.62rem;
  }

  .asset-performance {
    grid-column: auto;
    justify-self: end;
    min-width: 92px;
  }

  .asset-card .button,
  .stablecoin-row .button,
  .public-equity-row .button {
    grid-column: 1 / -1;
    min-height: 38px;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 0.78rem;
  }

  .change-cell,
  .price-cell {
    min-height: 42px;
    padding: 7px 8px;
  }

  .stablecoin-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .stablecoin-row-main {
    gap: 10px;
  }

  .stablecoin-row-market {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .stablecoin-row-market strong {
    margin-top: 0;
    text-align: right;
  }

  .stablecoin-market {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .stablecoin-market strong {
    margin-top: 0;
    text-align: right;
  }

  .stablecoin-summary h2,
  .section-title h2,
  .directory-heading h2 {
    font-size: 1.18rem;
    line-height: 1.2;
  }

  .chart-stats {
    gap: 7px;
  }

  .chart-stat {
    min-height: 58px;
  }

  .chart-stat span {
    min-height: 0;
  }

  .public-equity-chart .chart-frame,
  .price-chart .chart-frame,
  .stablecoin-chart-frame svg {
    min-height: 190px;
  }
}

@media (max-width: 380px) {
  .permission-panel,
  .public-equity-intro,
  .underlying-metrics dl,
  .stablecoin-facts,
  .public-token-facts,
  .chart-stats,
  .metric-grid {
    gap: 7px;
  }

  .permission-panel article,
  .public-equity-intro article,
  .underlying-metrics dl > div,
  .stablecoin-facts > div,
  .public-token-facts > div,
  .metric-tile,
  .chart-stat {
    padding: 8px;
  }

  .permission-panel strong,
  .public-equity-intro strong,
  .underlying-metrics dd,
  .stablecoin-facts dd,
  .public-token-facts dd,
  .stablecoin-market strong,
  .stablecoin-row-market strong,
  .metric-tile strong,
  .chart-stat strong {
    font-size: clamp(0.9rem, 4.4vw, 1.06rem);
  }
}

/* Final logo frame override: one clean square mark across every page. */
.public-equity-mark,
.public-equity-mark.logo-mark,
.brand-mark {
  position: relative !important;
  isolation: isolate;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  gap: 0 !important;
  padding: 5px !important;
  border: 1px solid rgba(126, 153, 184, 0.36) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #edf3fa 100%) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18) !important;
  color: #07111f !important;
  overflow: hidden !important;
}

.public-equity-mark::before,
.public-equity-mark::after,
.public-equity-mark.logo-mark::before,
.public-equity-mark.logo-mark::after,
.brand-mark::before,
.brand-mark::after {
  content: none !important;
  display: none !important;
}

.public-equity-mark.logo-mark > span,
.public-equity-mark.logo-mark.large > span,
.public-equity-main .public-equity-mark.logo-mark > span {
  display: none !important;
}

.public-equity-mark img,
.public-equity-mark.logo-mark img,
.public-equity-main .public-equity-mark.logo-mark img,
.public-equity-mark.logo-mark.large img,
.brand-mark img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
}

.public-equity-mark:not(.logo-mark) {
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
}

img.token-logo,
img.token-logo.small,
img.stablecoin-logo,
img.stablecoin-logo-large {
  display: block !important;
  flex: 0 0 auto !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 5px !important;
  border: 1px solid rgba(126, 153, 184, 0.36) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #edf3fa 100%) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18) !important;
  object-fit: contain !important;
}

.public-equity-mark.large,
.public-equity-mark.logo-mark.large,
.public-equity-main .public-equity-mark.logo-mark,
img.token-logo:not(.small),
img.stablecoin-logo-large {
  width: 68px !important;
  min-width: 68px !important;
  height: 68px !important;
  min-height: 68px !important;
  padding: 8px !important;
  border-radius: 18px !important;
}

html[data-theme="dark"] .public-equity-mark,
html[data-theme="dark"] .public-equity-mark.logo-mark,
html[data-theme="dark"] .brand-mark,
html[data-theme="dark"] img.token-logo,
html[data-theme="dark"] img.token-logo.small,
html[data-theme="dark"] img.stablecoin-logo,
html[data-theme="dark"] img.stablecoin-logo-large {
  border-color: rgba(126, 153, 184, 0.34) !important;
  background: linear-gradient(180deg, #ffffff 0%, #edf3fa 100%) !important;
}

@media (max-width: 780px) {
  .public-equity-mark,
  .public-equity-mark.logo-mark,
  .brand-mark,
  img.token-logo,
  img.token-logo.small,
  img.stablecoin-logo {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 4px !important;
    border-radius: 10px !important;
  }

  .public-equity-mark.large,
  .public-equity-mark.logo-mark.large,
  .public-equity-main .public-equity-mark.logo-mark,
  img.token-logo:not(.small),
  img.stablecoin-logo-large {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 6px !important;
    border-radius: 14px !important;
  }
}
.reference-market-chart {
  margin: 18px auto;
  padding: 20px;
  border: 1px solid #26364d;
  border-radius: 8px;
  background: #081320;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
}

.reference-chart-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 16px;
}

.reference-chart-heading h3 {
  margin: 4px 0 5px;
  color: #f4f7fb;
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.15;
}

.reference-chart-heading p:not(.eyebrow),
.reference-chart-note,
.reference-market-chart-empty > p {
  margin: 0;
  color: #9cacbf;
  font-size: 0.88rem;
}

.reference-chart-symbol {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid #31445f;
  border-radius: 5px;
  color: #b9c8dc;
  background: #0d1928;
  font: 700 0.76rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.reference-chart-terminal {
  width: 100%;
  overflow: hidden;
  border: 1px solid #24344a;
  border-radius: 6px;
  background: #07111e;
}

.reference-chart-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px;
  border-bottom: 1px solid #213249;
  background: #0a1624;
}

.reference-chart-settings {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.reference-chart-control {
  display: grid;
  gap: 4px;
}

.reference-chart-control > span {
  color: #71849c;
  font: 700 0.56rem/1 ui-monospace, SFMono-Regular, Consolas, monospace;
  text-transform: uppercase;
}

.reference-chart-intervals,
.reference-chart-ranges {
  display: flex;
  align-items: center;
  gap: 4px;
}

.reference-chart-intervals button,
.reference-chart-ranges button,
.reference-chart-save {
  min-width: 42px;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #8fa1b8;
  background: transparent;
  font: 700 0.72rem/1 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: 0;
  cursor: pointer;
}

.reference-chart-intervals button:hover,
.reference-chart-intervals button:focus-visible,
.reference-chart-intervals button.active,
.reference-chart-ranges button:hover,
.reference-chart-ranges button:focus-visible,
.reference-chart-ranges button.active {
  border-color: #44618a;
  color: #f4f7fb;
  background: #14233a;
}

.reference-chart-save {
  min-width: auto;
  border-color: #31445f;
  color: #c5d2e4;
  background: #0d1928;
}

.reference-chart-save:hover,
.reference-chart-save:focus-visible {
  border-color: #607eff;
  color: #fff;
}

.reference-chart-save:disabled {
  cursor: wait;
  opacity: 0.65;
}

.reference-chart-quote {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid #213249;
  background: #081421;
}

.reference-chart-quote > div {
  min-width: 0;
  padding: 12px 14px;
  border-right: 1px solid #213249;
}

.reference-chart-quote > div:last-child {
  border-right: 0;
}

.reference-chart-quote span {
  display: block;
  margin-bottom: 5px;
  color: #71849c;
  font: 700 0.64rem/1 ui-monospace, SFMono-Regular, Consolas, monospace;
  text-transform: uppercase;
}

.reference-chart-quote strong {
  display: block;
  overflow: hidden;
  color: #f4f7fb;
  font-size: 1rem;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reference-chart-quote strong.up {
  color: #27d3a2;
}

.reference-chart-quote strong.down {
  color: #ff7086;
}

.reference-chart-stage {
  position: relative;
  width: 100%;
  height: 420px;
  overflow: hidden;
  background: #07111e;
}

.reference-chart-stage canvas {
  display: block;
  width: 100%;
  height: 100%;
  cursor: crosshair;
  touch-action: pan-y;
}

.reference-chart-tooltip {
  position: absolute;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 5px 14px;
  min-width: 184px;
  padding: 10px 12px;
  border: 1px solid #3a506f;
  border-radius: 5px;
  color: #c4d0df;
  background: rgba(7, 17, 30, 0.96);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.36);
  font: 600 0.7rem/1.25 ui-monospace, SFMono-Regular, Consolas, monospace;
  pointer-events: none;
}

.reference-chart-tooltip[hidden] {
  display: none;
}

.reference-chart-tooltip strong {
  grid-column: 1 / -1;
  color: #fff;
}

.reference-chart-status {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  color: #8fa1b8;
  background: rgba(7, 17, 30, 0.88);
  font-size: 0.85rem;
  text-align: center;
}

.reference-chart-status[hidden] {
  display: none;
}

.reference-chart-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 11px;
  border-top: 1px solid #213249;
  color: #71849c;
  background: #091522;
  font: 600 0.64rem/1.3 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.reference-chart-note {
  margin-top: 12px;
}

.reference-market-chart-empty {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.7fr);
  align-items: center;
  gap: 24px;
}

@media (max-width: 720px) {
  .reference-market-chart {
    margin: 10px 0;
    padding: 12px;
  }

  .reference-chart-heading {
    gap: 10px;
    margin-bottom: 10px;
  }

  .reference-chart-heading h3 {
    font-size: 1.12rem;
  }

  .reference-chart-heading p:not(.eyebrow) {
    font-size: 0.76rem;
  }

  .reference-chart-symbol {
    max-width: 42%;
    overflow: hidden;
    padding: 5px 7px;
    font-size: 0.65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .reference-chart-toolbar {
    align-items: flex-end;
    gap: 7px;
    padding: 7px;
  }

  .reference-chart-settings {
    flex: 1 1 auto;
    gap: 7px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .reference-chart-settings::-webkit-scrollbar {
    display: none;
  }

  .reference-chart-control {
    flex: 0 0 auto;
    gap: 3px;
  }

  .reference-chart-control > span {
    font-size: 0.5rem;
  }

  .reference-chart-intervals,
  .reference-chart-ranges {
    gap: 2px;
  }

  .reference-chart-intervals button,
  .reference-chart-ranges button,
  .reference-chart-save {
    min-width: 36px;
    min-height: 31px;
    padding: 6px 8px;
    font-size: 0.65rem;
  }

  .reference-chart-save {
    flex: 0 0 auto;
  }

  .reference-chart-quote {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .reference-chart-quote > div {
    padding: 9px;
  }

  .reference-chart-quote > div:nth-child(2) {
    border-right: 0;
  }

  .reference-chart-quote > div:nth-child(-n + 2) {
    border-bottom: 1px solid #213249;
  }

  .reference-chart-quote span {
    margin-bottom: 4px;
    font-size: 0.56rem;
  }

  .reference-chart-quote strong {
    font-size: 0.83rem;
  }

  .reference-chart-stage {
    height: 300px;
  }

  .reference-chart-meta {
    padding: 7px 9px;
    font-size: 0.56rem;
  }

  .reference-chart-meta span:last-child {
    display: none;
  }

  .reference-chart-tooltip {
    min-width: 164px;
    gap: 4px 9px;
    padding: 8px 9px;
    font-size: 0.62rem;
  }

  .reference-chart-note {
    display: none;
  }

  .reference-market-chart-empty {
    display: block;
  }

  .reference-market-chart-empty > p {
    margin-top: 8px;
  }
}