/* ============================================================
   SLAB VAULT — warm amber/copper theme
   Distinct from Illumineer's Vault (violet) — leans into the
   Pikachu-electric-meets-poncho-wool color story: deep umber
   background, bright amber glow, warm cream text.
   ============================================================ */

.slab-vault-body{
  --vault-ink:      #2b1508;
  --vault-panel:    #3d2410;
  --vault-panel-2:  #4a2c14;
  --vault-gold:     #e8952e;
  --vault-gold-br:  #ffb454;
  --vault-glimmer:  #ffd166;
  --vault-parch:    #fdf0dc;
  --vault-faint:    rgba(253,240,220,0.55);
  --vault-line:     rgba(232,149,46,0.28);
  --vault-display:  'Cinzel', serif;
  background:var(--vault-ink);
}

.slab-vault-body .vault-hero{
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255,209,102,0.20), transparent 60%),
    var(--vault-ink);
}

.slab-vault-body .vault-plaque:hover{
  box-shadow:0 22px 40px -24px rgba(0,0,0,0.7);
}

.slab-vault-body .vault-plaque{
  padding-bottom:40px;
}

.slab-vault-body .vault-plaque-badges{
  position:absolute;
  bottom:14px;
  right:16px;
  display:flex;
  align-items:center;
  gap:6px;
}

.slab-vault-body .vault-plaque-grade,
.slab-vault-body .vault-plaque-note{
  font-family:var(--mono);
  font-size:0.62rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.04em;
  padding:3px 7px;
  border-radius:4px;
  line-height:1.2;
  white-space:nowrap;
}

.slab-vault-body .vault-plaque-grade{
  color:var(--vault-ink);
  background:var(--vault-gold-br);
}

.slab-vault-body .vault-plaque-note{
  color:var(--vault-gold-br);
  background:transparent;
  border:1px solid var(--vault-line);
}

/* ---- Series banners ---- */
.slab-series-banner{
  position:relative;
  margin:56px 0 28px;
  padding:22px 28px;
  border-radius:16px;
  background:
    radial-gradient(ellipse at 15% 0%, rgba(255,209,102,0.16), transparent 55%),
    linear-gradient(135deg, var(--vault-panel-2), var(--vault-panel));
  border:1px solid var(--vault-line);
  box-shadow:0 18px 36px -26px rgba(0,0,0,0.65), inset 0 1px 0 rgba(255,209,102,0.08);
}
.vault-grid + .slab-series-banner{
  margin-top:56px;
}
.slab-series-corner{
  position:absolute;
  width:22px;
  height:22px;
  border-color:var(--vault-gold-br);
  border-style:solid;
  opacity:0.85;
}
.slab-series-corner-tl{
  top:8px; left:8px;
  border-width:2px 0 0 2px;
  border-top-left-radius:6px;
}
.slab-series-corner-br{
  bottom:8px; right:8px;
  border-width:0 2px 2px 0;
  border-bottom-right-radius:6px;
}
.slab-series-title-row{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px 20px;
}
.slab-series-title{
  font-family:var(--vault-display);
  font-size:1.5rem;
  font-weight:700;
  letter-spacing:0.02em;
  margin:0;
  background:linear-gradient(90deg, var(--vault-glimmer), var(--vault-gold-br) 60%, var(--vault-gold));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.slab-series-stats{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:var(--mono);
  font-size:0.78rem;
  color:var(--vault-faint);
  white-space:nowrap;
}
.slab-series-stats strong{
  color:var(--vault-gold-br);
  font-weight:700;
}
.slab-series-stats-divider{
  color:var(--vault-line);
}
.slab-series-rule{
  margin-top:14px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg, var(--vault-gold-br), transparent 85%);
}