.header-github {
  color: var(--muted);
  font-size: 12px;
  white-space: nowrap;
}

.header-github:hover,
.footer-actions a:hover {
  color: var(--ivory);
}

.header-github span {
  color: var(--gold);
}

.footer-actions {
  display: flex;
  align-items: center;
  gap: 22px;
}

.footer-actions a {
  color: var(--muted);
  font-size: 10px;
  text-decoration: none;
}

/* Live product surface: keep the evidence-first editorial tone, but make the public tool
   feel like an active desk rather than a static documentation page. */
:root {
  --bell-gold-soft: #ffe478;
  --bell-blue: #172436;
}
body {
  background:
    radial-gradient(circle at 78% 4%, rgba(255, 204, 0, .09), transparent 28rem),
    linear-gradient(180deg, #0a0e14 0%, #0b111a 48%, #0a0e14 100%);
}
.site-header {
  background: rgba(10, 14, 20, .88);
  backdrop-filter: blur(18px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .15);
}
.header-live-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #bdd9c4;
  font: 9px var(--display);
  letter-spacing: .08em;
  white-space: nowrap;
}
.header-live-status i,
.live-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #77d98f;
  box-shadow: 0 0 0 4px rgba(119, 217, 143, .12), 0 0 13px rgba(119, 217, 143, .65);
}
.hero {
  position: relative;
  min-height: 575px;
  padding-top: 88px;
  padding-bottom: 88px;
}
.hero::before {
  content: '';
  position: absolute;
  top: 24px;
  right: 30%;
  width: 1px;
  height: calc(100% - 48px);
  background: linear-gradient(180deg, transparent, rgba(255, 204, 0, .22), transparent);
  pointer-events: none;
}
.hero-copy { position: relative; z-index: 1; }
.hero-description { max-width: 525px; }
.hero-instrument {
  position: relative;
  overflow: hidden;
  border-color: rgba(255, 204, 0, .26);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(29, 43, 62, .98), rgba(13, 20, 30, .98)),
    var(--slate);
  box-shadow: 0 26px 70px rgba(0, 0, 0, .26), inset 0 1px rgba(255, 255, 255, .05);
}
.hero-instrument::after {
  content: 'LIVE / D1';
  position: absolute;
  top: 20px;
  right: 22px;
  color: rgba(255, 228, 120, .48);
  font: 8px var(--display);
  letter-spacing: .16em;
}
.instrument-heading { padding-right: 70px; }
.snapshot-band {
  background: rgba(17, 24, 35, .82);
  border-color: rgba(255, 255, 255, .1);
}
.snapshot-band-inner { min-height: 58px; }
.snapshot-band strong { color: var(--bell-gold-soft); }
.live-dot { margin-right: 3px; }
.terminal-section,
.catalogue-section,
.methodology-section { position: relative; }
.terminal-grid,
.terminal-flow,
.detail-availability,
.detail-live-dossier,
.live-dex-inspector,
.catalogue-empty {
  border-radius: 10px;
}
.terminal-asset-card,
.terminal-brief-card { min-height: 270px; }
.terminal-asset-card { background: linear-gradient(145deg, #172333, #111823); }
.terminal-brief-card { background: linear-gradient(145deg, #192638, #121b28); }
.terminal-brief-card,
.terminal-asset-card { box-shadow: 0 16px 35px rgba(0, 0, 0, .14); }
.terminal-flow { border-radius: 0 0 10px 10px; }
.catalogue-table tbody tr { transition: background .16s, transform .16s; }
.catalogue-table tbody tr:hover { transform: translateX(3px); }
.catalogue-table tbody tr:first-child td,
.catalogue-table tbody tr:first-child th { border-top: 1px solid rgba(255, 204, 0, .22); }
.search-field { border-radius: 9px; box-shadow: inset 0 1px rgba(255, 255, 255, .04); }
.category-filters button { border-radius: 999px; }
.button { border-radius: 999px; }
.button-gold { box-shadow: 0 8px 24px rgba(255, 204, 0, .14); }
.text-button { color: var(--bell-gold-soft); }
.asset-detail,
.investor-brief { background: rgba(17, 24, 35, .5); border-radius: 12px; }
.audit-section { scroll-margin-top: 76px; }
@media (max-width: 850px) {
  .header-live-status { display: none; }
  .hero::before { display: none; }
}
@media (max-width: 620px) {
  .hero { min-height: 0; padding-top: 55px; }
  .hero-instrument { border-radius: 11px; }
}

.investor-brief {
  border-block: 1px solid var(--line);
  padding-block: 32px 36px;
}
.investor-brief .eyebrow { color: var(--gold); margin-bottom: 9px; }
.brief-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.investor-brief h3 { font-size: 18px; }
.brief-date, .brief-note { color: var(--muted); font-size: 11px; margin-top: 16px; overflow-wrap: anywhere; }
.brief-question { margin-top: 24px; border-left: 2px solid var(--gold); padding: 20px 24px; background: var(--slate); }
.brief-question p { margin-top: 10px; max-width: 850px; font-size: 16px; }
.brief-question small { display: block; color: var(--muted); margin-top: 10px; font-size: 11px; }
.brief-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; margin-top: 28px; }
.brief-grid p { margin-top: 12px; color: var(--muted); font-size: 13px; }
.brief-evidence { display: flex; gap: 24px; flex-wrap: wrap; margin-top: 8px; color: var(--gold); }
.brief-diligence { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line); }
.brief-diligence p { color: var(--muted); margin-top: 9px; font-size: 12px; }
.brief-diligence ul { list-style: none; padding: 0; margin: 16px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px 36px; }
.brief-diligence li { position: relative; padding-left: 23px; color: var(--muted); font-size: 12px; }
.brief-diligence li::before { content: ''; position: absolute; top: 5px; left: 0; width: 10px; height: 10px; border: 1px solid var(--muted); }
.brief-decision { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 13px; max-width: 900px; }
@media (max-width: 620px) {
  .brief-grid, .brief-diligence ul { grid-template-columns: 1fr; gap: 20px; }
  .brief-question { padding: 18px; }
  .brief-question p { font-size: 14px; }
  .investor-brief .button { width: 100%; }
  .brief-actions { width: 100%; }
  .brief-actions .text-button { width: 100%; }
}
@media print {
  .investor-brief .button { display: none; }
  .brief-question { background: #eee; }
  .brief-date, .brief-note, .brief-grid p, .brief-diligence p, .brief-diligence li { color: #444; }
}

@media (max-width: 850px) {
  .header-github {
    display: none;
  }
}

@media (max-width: 620px) {
  .footer-actions {
    width: 100%;
    justify-content: space-between;
  }
}

.terminal-section {
  padding-block: 58px 64px;
  border-bottom: 1px solid var(--line);
}
.terminal-section .section-intro { max-width: 760px; }
.terminal-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  margin-top: 27px;
  padding-bottom: 17px;
  border-bottom: 1px solid var(--line);
}
.terminal-audience { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.terminal-audience .eyebrow { color: var(--muted); margin-right: 7px; }
.terminal-audience button {
  min-height: 33px;
  padding: 7px 10px;
  border: 1px solid var(--line);
  background: transparent;
  color: var(--muted);
  font: 10px var(--display);
  letter-spacing: .06em;
}
.terminal-audience button[aria-pressed="true"] { border-color: var(--gold); background: var(--slate); color: var(--gold); }
.terminal-grid { display: grid; grid-template-columns: minmax(250px, .72fr) minmax(0, 1.65fr); gap: 1px; margin-top: 1px; background: var(--line); }
.terminal-asset-card, .terminal-brief-card { background: var(--slate); padding: 25px 26px; min-height: 245px; }
.terminal-asset-top, .terminal-brief-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.terminal-asset-top .eyebrow, .terminal-brief-kicker { color: var(--muted); }
.terminal-asset-card h3 { margin-top: 29px; color: var(--ivory); font-size: 33px; font-weight: 500; letter-spacing: -.045em; }
.terminal-asset-meta { margin-top: 7px; color: var(--gold); font: 11px var(--display); letter-spacing: .08em; }
.terminal-state { font-size: 8px; max-width: 130px; white-space: normal; text-align: right; }
.terminal-state-single-token { border-color: #7a889c; color: #d4dae3; }
.terminal-state-underlying-only { border-color: #7a889c; color: var(--muted); }
.terminal-state-coverage-pending { border-color: #b67f3e; color: #e4b46b; }
.terminal-stats { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 35px; }
.terminal-stats span { display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid var(--line); padding-top: 9px; }
.terminal-stats small { color: var(--muted); font: 9px var(--display); text-transform: uppercase; letter-spacing: .06em; }
.terminal-stats strong { color: var(--ivory); font: 11px var(--display); text-align: right; overflow-wrap: anywhere; }
.terminal-brief-card { background: #151e2a; }
.terminal-brief-head h3 { margin-top: 9px; font-size: 27px; font-weight: 500; letter-spacing: -.04em; }
.terminal-brief-body { max-width: 720px; margin-top: 23px; color: var(--ivory); font-size: 14px; line-height: 1.75; }
.terminal-brief-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px 20px; padding: 0; margin: 25px 0 0; list-style: none; }
.terminal-brief-points li { border-top: 1px solid var(--line); padding-top: 10px; color: var(--muted); font: 11px/1.55 var(--display); }
.terminal-brief-points li::before { content: '↳ '; color: var(--gold); }
.terminal-brief-limit { margin-top: 22px; color: var(--muted); font-size: 10px; line-height: 1.6; }
.terminal-download { margin-top: 16px; color: var(--gold); }
.terminal-flow { display: grid; grid-template-columns: 1fr 28px 1fr 28px 1fr 28px 1fr; align-items: center; gap: 11px; margin-top: 1px; background: var(--slate); padding: 20px 26px; }
.terminal-flow > div { min-width: 0; }
.terminal-flow > div > span { display: block; color: var(--gold); font: 9px var(--display); }
.terminal-flow strong { display: block; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ivory); font: 13px var(--display); font-weight: 500; }
.terminal-flow small { display: block; margin-top: 2px; color: var(--muted); font-size: 9px; }
.terminal-flow i { color: var(--gold); font-style: normal; text-align: center; }

.dex-inspect-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 190px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--gold);
  font: 10px/1.45 var(--display);
  text-align: left;
  cursor: pointer;
}
.dex-inspect-button:hover { color: var(--ivory); }
.dex-inspect-button span { font-size: 12px; }
.dex-status { color: var(--muted); font: 10px/1.45 var(--display); }
.dossier-asof { margin-top: 7px; color: var(--muted); font: 9px var(--display); letter-spacing: .06em; overflow-wrap: anywhere; }
.live-change-note { margin-top: 18px; padding: 13px 15px; border-left: 2px solid var(--gold); background: var(--slate); }
.live-change-note p { margin-top: 6px; color: var(--ivory); font: 11px/1.55 var(--display); }
.live-change-note small { display: block; margin-top: 5px; color: var(--muted); font: 9px var(--display); overflow-wrap: anywhere; }
.live-dossier-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 22px; }
.coverage-matrix { margin-top: 20px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.coverage-matrix summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 15px 0; color: var(--ivory); cursor: pointer; list-style: none; }
.coverage-matrix summary::-webkit-details-marker { display: none; }
.coverage-matrix summary::after { content: '⌄'; color: var(--gold); font-size: 15px; }
.coverage-matrix[open] summary::after { content: '⌃'; }
.coverage-matrix summary > span:first-child { display: flex; flex-direction: column; gap: 5px; }
.coverage-matrix summary strong { font: 13px var(--display); font-weight: 500; }
.coverage-summary { color: var(--muted); font: 10px var(--display); text-transform: uppercase; letter-spacing: .05em; white-space: nowrap; }
.coverage-matrix .dossier-table { min-width: 920px; }
.coverage-matrix .dossier-table th, .coverage-matrix .dossier-table td { font-size: 10px; }
.coverage-matrix .dossier-table th small { display: none; }
.coverage-pill { display: inline-block; min-width: 42px; padding: 4px 5px; border: 1px solid var(--line); color: var(--muted); font: 8px var(--display); text-align: center; letter-spacing: .04em; }
.coverage-pill-yes { border-color: #547b68; color: #b9ddc7; }
.coverage-pill-missing { border-color: #8c5e4d; color: #e1aa92; }
.coverage-pill-not-applicable { border-color: #657084; color: #aeb8c8; }
.coverage-pill-not-loaded { border-color: #8b743a; color: #e4c77b; }
.live-dex-inspector {
  margin-top: 18px;
  padding: 20px;
  border: 1px solid var(--line);
  background: #101823;
}
.dex-inspector-head, .dex-inspector-subhead {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
}
.dex-inspector-head h3 { margin-top: 8px; color: var(--ivory); font-size: 22px; font-weight: 500; }
.dex-inspector-head p { margin-top: 6px; color: var(--muted); font: 10px/1.5 var(--display); overflow-wrap: anywhere; }
.dex-inspector-head > div:last-child { display: flex; align-items: flex-start; gap: 14px; }
.dex-inspector-head .text-button { white-space: nowrap; }
.dex-inspector-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1px;
  margin-top: 20px;
  background: var(--line);
}
.dex-inspector-grid span { min-width: 0; padding: 12px; background: var(--slate); }
.dex-inspector-grid small { display: block; color: var(--muted); font: 9px var(--display); text-transform: uppercase; letter-spacing: .06em; }
.dex-inspector-grid strong { display: block; margin-top: 7px; color: var(--ivory); font: 13px var(--display); overflow-wrap: anywhere; }
.dex-pools { margin-top: 20px; }
.dex-inspector-subhead { align-items: center; margin-bottom: 9px; }
.dex-inspector-subhead .dossier-note { margin: 0; }
.live-dex-inspector .dossier-table { min-width: 560px; }
@media (max-width: 850px) {
  .dex-inspector-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 620px) {
  .live-dossier-actions { align-items: flex-start; flex-direction: column; gap: 12px; }
  .coverage-matrix summary { align-items: flex-start; flex-direction: column; gap: 8px; }
  .dex-inspector-head { flex-direction: column; }
  .dex-inspector-head > div:last-child { width: 100%; justify-content: space-between; }
  .dex-inspector-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 850px) {
  .terminal-grid { grid-template-columns: 1fr; }
  .terminal-flow { grid-template-columns: 1fr 20px 1fr 20px 1fr 20px 1fr; padding-inline: 18px; }
  .terminal-flow strong { font-size: 11px; }
}
@media (max-width: 620px) {
  .terminal-section { padding-block: 40px 43px; }
  .terminal-toolbar { align-items: start; flex-direction: column; gap: 13px; }
  .terminal-audience { align-items: start; flex-direction: column; }
  .terminal-audience .eyebrow { margin-right: 0; }
  .terminal-asset-card, .terminal-brief-card { padding: 20px 17px; min-height: 0; }
  .terminal-asset-card h3 { margin-top: 22px; font-size: 29px; }
  .terminal-stats { margin-top: 25px; }
  .terminal-brief-head { flex-direction: column; }
  .terminal-brief-head h3 { font-size: 24px; }
  .terminal-brief-body { font-size: 13px; margin-top: 18px; }
  .terminal-brief-points { grid-template-columns: 1fr; gap: 8px; margin-top: 20px; }
  .terminal-flow { grid-template-columns: 1fr; gap: 10px; padding: 18px 17px; }
  .terminal-flow i { display: none; }
  .terminal-flow > div { border-top: 1px solid var(--line); padding-top: 10px; }
}