/* Compact protocol census cards on the dashboard. */
.live-metrics{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}

.live-metric{
  min-height:162px;
  padding:18px 17px;
  justify-content:flex-start;
}

.live-metric:after{display:none}
.live-metric>i{min-height:32px;color:#d6ded1;font-size:13px;line-height:1.35}
.live-metric>strong{margin-top:10px;font-size:clamp(30px,2.45vw,42px);line-height:.9}
.live-metric>span{margin-top:15px;color:#eef1e8;font-size:12px;line-height:1.35}
.live-metric>small{margin-top:9px;font-size:11px;line-height:1.45}

.epoch-metric{border-color:#77918c;background:linear-gradient(145deg,rgba(22,38,35,.98),rgba(16,27,25,.95)),url('assets/nt-ground.jpg') center/cover}
.epoch-metric strong{color:#7de5cf!important}
.stock-metric{border-color:#a5a05d;background:linear-gradient(145deg,rgba(42,40,23,.98),rgba(27,28,18,.95)),url('assets/nt-parchment-chart.jpg') center/cover}
.stock-metric strong{color:#d9ec76!important}
.claims-metric{border-color:#8b7564;background:linear-gradient(145deg,rgba(40,29,23,.98),rgba(26,23,18,.95)),url('assets/nt-rust-frame.jpg') center/cover}
.claims-metric strong{color:#f0c98c!important}

@media(max-width:1260px){.live-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.live-metrics{grid-template-columns:1fr}.live-metric{min-height:152px}}

/* The fee route uses the same readable scale as the live census cards. */
.route-card .card-head{font-size:14px}
.route-card .route-flow{gap:14px;padding:28px 0 22px}
.route-card .route-flow div{padding:16px}
.route-card .route-flow b{font-size:14px}
.route-card .route-flow small{margin-top:8px;font-size:11px}
.route-card .route-flow i{font-size:24px}
.route-card .route-splits div{padding:15px}
.route-card .route-splits strong{font-size:34px}
.route-card .route-splits span{margin-top:8px;font-size:12px;line-height:1.45}
.route-card>p{font-size:17px;line-height:1.55}
.route-card .action-btn{padding:14px 16px;font-size:14px}

.dashboard-ca{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:18px 0;
  padding:17px 19px;
  border:1px solid #698548;
  background:linear-gradient(90deg,rgba(27,42,22,.96),rgba(17,29,21,.94)),url('assets/nt-ground.jpg') center/cover;
}
.dashboard-ca>div{min-width:0;display:grid;gap:8px}
.dashboard-ca b{color:var(--acid);font:800 11px ui-monospace,monospace;letter-spacing:.08em}
.dashboard-ca code{overflow:hidden;color:#f0eee4;font:800 15px/1.35 ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}
.dashboard-ca .action-btn{flex:0 0 auto}

.marketplace-grid{grid-template-columns:1fr 1fr}
.marketplace-card{display:flex;min-height:220px;flex-direction:column;justify-content:flex-start;background:linear-gradient(125deg,rgba(22,31,24,.98),rgba(16,23,18,.94)),url('assets/nt-ground.jpg') center/cover}
.marketplace-card.noob-market{background:linear-gradient(125deg,rgba(31,26,20,.98),rgba(22,23,18,.94)),url('assets/nt-rust-frame.jpg') center/cover}
.marketplace-card h2{margin:23px 0 10px;font-size:clamp(28px,3vw,42px);line-height:.91}
.marketplace-card p{max-width:470px;margin:0;color:#cbd3c8;font:14px/1.55 Arial,Helvetica,sans-serif}
.marketplace-link{display:inline-block;align-self:flex-start;margin-top:auto;text-decoration:none}
.marketplace-link.is-disabled{pointer-events:none;opacity:.58}

/* Use the original Noob Trader artwork across the entire home hero. */
.welcome-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(90deg,rgba(8,15,10,.9) 0%,rgba(8,15,10,.72) 42%,rgba(8,15,10,.16) 72%,rgba(8,15,10,.03) 100%),url('assets/nt-hero.jpg') center/cover;
}
.welcome-card>div:first-child{position:relative;z-index:1;background:transparent}
.welcome-card>div:first-child>p:not(.terminal-label){max-width:720px;color:#f2f0e7;font:500 18px/1.58 Arial,Helvetica,sans-serif}
.welcome-art{position:relative;z-index:1;background:transparent!important;border-left:0}
.welcome-art:after{display:none}
.welcome-art img{display:none}

@media(max-width:780px){
  .dashboard-ca{align-items:flex-start;flex-direction:column;gap:13px}
  .dashboard-ca code{max-width:100%;font-size:12px}
  .dashboard-ca .action-btn{width:100%}
  .marketplace-grid{grid-template-columns:1fr}
}