/* Readable content panel for detail pages (over background image) */

.page-shell {
  background: rgba(10, 14, 22, 0.92);
  border: 1px solid rgba(120, 140, 220, 0.2);
  border-radius: 1.25rem;
  padding: 1.75rem clamp(1rem, 3vw, 2rem);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.page-header {
  background: rgba(14, 18, 28, 0.8);
  border: 1px solid rgba(120, 140, 220, 0.16);
  border-radius: 1rem;
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.5rem;
}

.page-block {
  background: rgba(14, 18, 28, 0.55);
  border: 1px solid rgba(120, 140, 220, 0.12);
  border-radius: 1rem;
  padding: 1rem 1.25rem;
  margin-bottom: 1.5rem;
}

.page-category-heading {
  background: rgba(14, 18, 28, 0.65);
  border: 1px solid rgba(120, 140, 220, 0.12);
  border-radius: 1rem;
  padding: 1rem 1.25rem;
}