/* Upgrades page styles (lean additions; rely on base.css for components) */
.hero {
  padding: var(--space-16) 0 var(--space-10);
  background: radial-gradient(1000px 400px at 20% 10%, rgba(139, 92, 246, 0.12), transparent 60%),
              radial-gradient(900px 380px at 80% 0%, rgba(0, 255, 255, 0.12), transparent 60%);
  border-bottom: 1px solid var(--color-neutral-700);
}
.hero-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-8);
}
@media (min-width: 1024px) {
  .hero-inner { grid-template-columns: 1.1fr 1fr; align-items: center; }
}
.hero-text p { max-width: 60ch; }
.hero-cta { margin-top: var(--space-6); display: flex; gap: var(--space-4); flex-wrap: wrap; }
.hero-media { filter: drop-shadow(0 0 24px rgba(0,255,255,.2)); }

.subnav {
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
  backdrop-filter: blur(8px);
  background: linear-gradient(180deg, rgba(10,10,15,0.92), rgba(10,10,15,0.85));
  border-bottom: 1px solid var(--color-neutral-700);
}
.subnav-list { display: flex; flex-wrap: wrap; gap: var(--space-2); padding: var(--space-3) 0; }

.section { padding: var(--space-12) 0; }

/* Progression stats */
.stat-panel {
  background: linear-gradient(135deg, var(--color-background-elevated), var(--color-background-alt));
  border: 1px solid var(--color-neutral-700);
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  box-shadow: var(--shadow-md);
}

/* Upgrade cards tweaks */
.upgrade-card .badge { margin-top: var(--space-3); }

/* Details summary clickable area */
details.card summary { list-style: none; cursor: pointer; }
details.card summary::-webkit-details-marker { display: none; }

/* Accessibility helpers */
#search-count { font-size: var(--font-size-sm); }

/* Minor spacing adjustments for lists */
#upgrade-strategies ul li { margin-bottom: var(--space-2); }