.sidebar { overflow-y: auto; scrollbar-width: thin; }
.sidebar .brand { flex-shrink: 0; }
.sidebar .nav-label { margin-top: 28px; margin-bottom: 12px; }
.sidebar nav a { padding-top: 9px; padding-bottom: 9px; font-size: var(--text-small); }
.sidebar-bottom { margin-top: auto; flex-shrink: 0; }
.sidebar-note { display: none; }
.popular-coins { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: 20px 0 24px; }
.popular-coins > span { font: var(--text-caption) var(--mono); letter-spacing: 1.3px; color: #888; margin-right: 8px; }
.popular-coins a { font: var(--text-small) var(--mono); border: 1px solid #e1e5ea; background: white; padding: 8px 10px; border-radius: 6px; }
.popular-coins a:hover { color: var(--series-a); border-color: var(--series-a); }
.popular-coins .popular-all { color: var(--series-a); }
.catalog-toolbar { display: flex; justify-content: space-between; gap: 20px; align-items: flex-end; margin-bottom: 24px; flex-wrap: wrap; }
.catalog-toolbar form { display: flex; align-items: flex-end; gap: 9px; }
.catalog-toolbar label { display: flex; flex-direction: column; gap: 7px; font-size: var(--text-small); color: #777; }
.catalog-toolbar select,.catalog-toolbar input { border: 1px solid #dce1e7; border-radius: 6px; background: white; padding: 10px 12px; color: #222; font-size: var(--text-small); min-height: 36px; }
.catalog-toolbar .button { font-size: var(--text-small); min-height: 36px; padding: 9px 12px; }
.catalog-heading { display: flex; justify-content: space-between; gap: 15px; color: #7c858f; font: var(--text-caption) var(--mono); margin-bottom: 17px; }
.coin-directory { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.coin-directory-card { padding: 22px; min-width: 0; }
.coin-card-top { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 25px; }
.coin-title { display: flex; align-items: center; gap: 12px; min-width: 0; }
.coin-title .asset-avatar { width: 36px; height: 36px; flex: 0 0 36px; }
.coin-title strong { font-size: var(--text-body); }
.coin-title small { display: block; font: var(--text-caption) var(--mono); color: #888; margin-top: 5px; }
.coin-data-status { flex-shrink: 0; font: var(--text-caption) var(--mono); background: #f1f3f6; color: #77808a; padding: 5px 7px; border-radius: 4px; }
.coin-data-status.observed { color: var(--long); background: var(--long-soft); }
.coin-card-value { margin-bottom: 20px; }
.coin-card-value > span { font-size: var(--text-caption); color: #888; display: block; }
.coin-card-value > strong { display: block; font: var(--text-section) var(--mono); font-weight: 600; margin: 10px 0 8px; letter-spacing: -.8px; }
.coin-card-value small,.coin-card-ratios small { font: var(--text-caption) var(--mono); color: #888; display: block; line-height: 1.8; }
.coin-card-secondary { display: flex; justify-content: space-between; font-size: var(--text-caption); color: #888; gap: 15px; margin-bottom: 20px; }
.coin-card-secondary strong { display: block; font: var(--text-body) var(--mono); color: #444; margin-top: 7px; }
.coin-card-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; border-top: 1px solid #edf0f3; padding-top: 16px; }
.coin-card-links a { color: #68717e; font-size: var(--text-caption); }
.coin-card-links a:hover { color: var(--series-a); text-decoration: underline; }
.coin-card-ratios { margin-bottom: 20px; }
.coin-card-ratios > div + div { margin-top: 15px; }
.coin-card-ratios > div > span { display: block; color: #888; font-size: var(--text-caption); }
.coin-card-ratios strong { display: flex; gap: 12px; font: var(--text-body) var(--mono); margin: 8px 0; }
.coin-card-empty { font-size: var(--text-small); color: #888; line-height: 1.8; padding-bottom: 20px; }
.catalog-scope { margin: 23px 0; line-height: 1.9; }
.coin-breadcrumbs { display: flex; gap: 10px; color: #9299a1; font-size: var(--text-small); margin-bottom: 25px; }
.coin-breadcrumbs strong { color: #555; font-weight: 500; }
.coin-intro h1 { display: flex; align-items: center; gap: 14px; }
.coin-intro h1 .asset-avatar { flex: 0 0 44px; width: 44px; height: 44px; }
.coin-intro h1 .asset-avatar img { width: 44px; height: 44px; }
.coin-intro p { max-width: 760px; line-height: 1.9; }
.coin-unit-note { padding: 14px 18px; border: 1px solid #e5d6b5; background: #fffbf2; border-radius: 6px; font-size: var(--text-small); color: #7b622c; margin-bottom: 20px; line-height: 1.8; }
.coin-snapshot small + small { margin-top: 5px; font-size: var(--text-caption); }
.coin-tools { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; margin-bottom: 25px; }
.coin-tools > a { padding: 20px; min-width: 0; }
.coin-tools > a:hover { border-color: #b9cbea; }
.coin-tools .eyebrow { font-size: var(--text-caption); letter-spacing: 1px; }
.coin-tools strong { display: flex; justify-content: space-between; font-size: var(--text-body); margin: 15px 0 10px; }
.coin-tools strong > span { color: var(--series-a); }
.coin-tools p { color: #888; font-size: var(--text-small); line-height: 1.9; }
.coin-account-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-bottom: 24px; }
.coin-account-grid .panel { padding: 24px; }
.coin-account-grid .panel > div { display: flex; justify-content: space-between; margin: 22px 0 18px; gap: 16px; }
.coin-account-grid .panel > div > strong { font: var(--text-stat) var(--mono); font-weight: 600; }
.coin-account-grid strong small { display: block; font: var(--text-caption) var(--mono); margin-top: 8px; }
.coin-account-grid svg { width: 100%; height: 5px; }
.coin-account-grid p { color: #777; font-size: var(--text-small); margin: 16px 0 7px; }
.coin-account-grid .panel > small { color: #999; font: var(--text-caption) var(--mono); }
.coin-methodology,.coin-live-evidence { padding: 25px; margin: 25px 0; }
.coin-methodology > div { max-width: 920px; }
.coin-methodology h2,.coin-live-evidence h2,.coin-stream-heading h2 { font-size: var(--text-title); margin: 14px 0; letter-spacing: -.5px; }
.coin-methodology p,.coin-live-evidence > p { font-size: var(--text-small); color: #7b828b; line-height: 1.95; margin-bottom: 13px; }
.coin-source-links { display: flex; gap: 20px; flex-wrap: wrap; font-size: var(--text-small); margin-top: 20px; }
.coin-live-evidence .data-table { min-width: 650px; }
.coin-live-evidence .text-link { display: inline-block; margin-top: 17px; }
.coin-stream-heading { display: flex; justify-content: space-between; align-items: center; margin: 28px 0 20px; gap: 15px; }
.coin-stream-heading .eyebrow { font-size: var(--text-caption); }
#coin-search-empty[hidden],.coin-directory-card[hidden] { display: none; }
.coin-account-grid[hidden] { display: none; }
@media(max-width:1150px) { .coin-directory,.coin-tools { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
  .coin-directory,.coin-tools,.coin-account-grid { grid-template-columns: minmax(0,1fr); }
  .catalog-heading { flex-direction: column; gap: 8px; line-height: 1.8; }
  .catalog-toolbar { flex-direction: column; align-items: stretch; gap: 18px; }
  .catalog-toolbar form { max-width: 100%; }
  .catalog-toolbar form label { min-width: 0; flex: 1; }
  .catalog-toolbar input,.catalog-toolbar select { width: 100%; }
  .coin-intro h1 { font-size: var(--text-stat); gap: 10px; }
  .coin-intro h1 .asset-avatar { flex-basis: 34px; width: 34px; height: 34px; }
  .coin-intro h1 .asset-avatar img { width: 34px; height: 34px; }
  .coin-methodology,.coin-live-evidence { padding: 18px; }
  .coin-account-grid .panel > div > strong { font-size: var(--text-section); }
  .coin-stream-heading { align-items: flex-start; flex-wrap: wrap; }
}