:root {
  --gold:#DAA520;
  --dark:#1D2415;
  --bg:#0b0f08;
  --card:#141a12;
  --muted:#b8c1a3;
  --ink:#ecf2e8;
  --up:#18a957;
  --down:#c62828;
  --border:rgba(255,255,255,.08);

  --row1:#f4f7f2;
  --row2:#e9efe5;
  --row3:#dde7d7;
}

body {
  margin:0;
  background:var(--dark);
  color:var(--ink);
  font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial;
}

.wrap{max-width:1240px;margin:0 auto;padding:24px}
header{display:flex;align-items:center;gap:16px;margin-bottom:18px}

.logo{
  width:160px;
  height:auto;
  display:block;
}

.brand{font-weight:900;font-size:clamp(45px,4vw,60px);letter-spacing:.4px}
.tag{color:var(--muted);margin-top:2px}

.hero{border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin:10px 0 18px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0))}
.hero h1{margin:.2rem 0;font-size:clamp(20px,2.2vw,26px)}
.hero p{margin:.2rem 0;color:#dfe7d6}

.badgebar{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.badge{border:1px solid var(--border);border-radius:9999px;padding:6px 10px;font-size:12px;color:#e9efdf}

.card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.card h2{margin:0;font-size:18px;padding:12px 14px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.03)}

#market.card {
  background:#f4f7f2;
  color:#111;
}

#market h2 {
  background:#e9efe5;
  color:#111;
  border-bottom:2px solid var(--gold);
}

.pad{padding:12px 14px}

table{width:100%;border-collapse:collapse}

th,td{
  padding:10px 8px;
  border-bottom:1px dashed var(--border);
  text-align:right;
  font-variant-numeric:tabular-nums;
}

th{
  position:sticky;
  top:0;
  background:#e9efe5;
  color:#111;
  border-bottom:1px solid var(--border);
  z-index:1;
}

th:first-child,td:first-child{text-align:left}
td.name{white-space:nowrap}

#market tbody tr:nth-child(3n+1) {
  background-color:var(--row1);
}

#market tbody tr:nth-child(3n+2) {
  background-color:var(--row2);
}

#market tbody tr:nth-child(3n) {
  background-color:var(--row3);
}

#market tbody td {
  color:#111;
}

.chg.up{color:var(--up)}
.chg.down{color:var(--down)}

.count{color:#b9c6b3;font-size:12px;margin-top:8px}
#market .count{color:#333}

footer{margin:26px 0 10px;color:#cbd6c7;font-size:13px}
footer a{color:#e6cc72}
.legal{opacity:.82;font-size:12px;margin-top:6px}
.specimen{font-size:12px;color:#b7c3b2;margin-top:8px}

.data-banner {
  background: var(--dark);   /* matches page background */
  color: var(--muted);       /* softer than pure white */
  text-align: center;
  padding: 8px;
  font-size: 0.95em;
  border-bottom: 1px solid var(--border);
}