.treasury-shell {
  max-width: 1440px;
  margin: 0 auto;
  padding: 108px clamp(16px, 4vw, 48px) 48px;
}
.treasury-nav { display: flex; align-items: center; gap: clamp(8px, 3vw, 32px); }
.treasury-nav a:hover, .treasury-nav [aria-current] { color: var(--primary); }
.treasury-intro h1 { font-size: clamp(32px, 7vw, 72px); line-height: 1.12; margin: 14px 0; }
.treasury-demo { border-left: 3px solid var(--primary); padding: 10px 12px; margin: 20px 0; }
#treasury-status { margin-bottom: 16px; overflow-wrap: anywhere; }
.treasury-stats:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  margin-bottom: 20px;
}
.treasury-stat, .treasury-panel { padding: clamp(12px, 2vw, 22px); }
.treasury-stat small { display: block; color: var(--muted-foreground); }
.treasury-stat strong { display: block; color: var(--primary); font-size: 1.35rem; }
.treasury-panel { margin-top: 18px; }
.treasury-panel h2 { margin: 8px 0 14px; font-size: clamp(14px, 2.5vw, 22px); }
.treasury-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); gap: 8px; }
.treasury-row, #payouts p { padding: 9px 0; border-top: 1px solid var(--border); }
@media (max-width: 540px) {
  .treasury-nav { font-size: 8px; }
  .treasury-stats:not([hidden]) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}