/* --- VIBESTREAM Static Page Styles --- */

.page-article-wrapper {
  background: linear-gradient(135deg, rgba(20, 24, 33, 0.4) 0%, rgba(10, 12, 18, 0.6) 100%);
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: var(--space-xxl) var(--space-xl);
  border-radius: var(--radius-lg);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}

.page-title {
  color: var(--text-primary);
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  font-weight: 800;
}

.page-article-body {
  margin-top: var(--space-lg);
}

.page-article-body p {
  margin-bottom: var(--space-lg);
  line-height: 1.8;
  color: var(--text-secondary);
}

.page-article-body h2 {
  font-family: var(--font-body);
  font-size: 1.45rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-top: var(--space-xl);
  margin-bottom: var(--space-md);
  padding-bottom: var(--space-xs);
  border-bottom: 1px solid var(--glass-border);
}

.page-article-body h3 {
  font-family: var(--font-body);
  font-size: 1.18rem;
  font-weight: 700;
  color: var(--accent-gold);
  margin-top: var(--space-lg);
  margin-bottom: var(--space-xs);
}

/* Bullet list & ordered list semantic inside styles */
.page-article-body ul,
.page-article-body ol {
  list-style-position: inside;
  padding-left: var(--space-md);
  margin-bottom: var(--space-lg);
}

.page-article-body li {
  margin-bottom: var(--space-xs);
  line-height: 1.7;
  color: var(--text-secondary);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .page-article-wrapper {
    background: transparent !important;
    border: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    padding: var(--space-md) 0 !important;
  }
}