/* Journal page specific styles (kept minimal; relies on base.css) */
.journal-hero {
  padding: var(--space-16) 0 var(--space-12);
  background: radial-gradient(1000px 600px at 10% 20%, rgba(255, 42, 109, 0.12), transparent 60%),
              radial-gradient(800px 500px at 90% 30%, rgba(5, 217, 232, 0.10), transparent 60%);
}
.journal-hero .hero-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-8);
}
.journal-hero .hero-copy p {
  color: var(--color-text-muted);
}
.hero-media {
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-gray-800);
  box-shadow: var(--shadow-lg);
}
.breadcrumb ol { display: flex; gap: var(--space-2); align-items: center; }
.breadcrumb li { color: var(--color-text-muted); font-size: var(--font-size-sm); }
.breadcrumb a { color: var(--color-secondary); }

.search-bar { margin-top: var(--space-6); display: flex; gap: var(--space-3); align-items: center; }
.filters { margin-top: var(--space-4); }
.filters-row { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.filter-chip[aria-pressed="true"], .filter-chip.active {
  background-color: var(--color-secondary);
  color: var(--color-text-inverse);
  border-color: var(--color-secondary);
  box-shadow: var(--glow-secondary);
}

.category-grid { margin-top: var(--space-8); }
.journal-card .card-media { margin-bottom: var(--space-4); border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--color-gray-800); }

.section-intro, .sections-intro { margin-top: var(--space-8); }
.sections-intro .card { height: 100%; }

.newsletter-cta { margin: var(--space-12) auto; }
.newsletter-form { margin-top: var(--space-4); }

@media (min-width: 768px) {
  .journal-hero .hero-inner { grid-template-columns: 1.2fr 1fr; align-items: center; }
}