/* SCI-FI PAGE (scifi.css) - Minimal, page-specific additions. Builds on base.css */

.hero {
  background: linear-gradient(135deg, rgba(0,255,136,0.08), rgba(0,212,255,0.06))
              , radial-gradient(1200px 400px at 10% -10%, rgba(255,0,153,0.08), transparent 60%);
}

.search-wrap {
  width: 100%;
  max-width: 760px;
}

/* Simple content highlight for search matches */
mark.search-hit {
  background: rgba(0, 212, 255, 0.25);
  color: var(--color-neutral-100);
  padding: 0 .15em;
  border-radius: var(--radius-sm);
}

/* Utility for JS filtering */
.hidden { display: none !important; }

/* FAQ spacing and details accessibility */
.faq .faq-item {
  background: var(--color-background-card);
  border: 1px solid var(--color-neutral-700);
  border-radius: var(--radius-md);
  padding: var(--space-4) var(--space-6);
  margin-bottom: var(--space-4);
}

.faq .faq-item summary {
  cursor: pointer;
  font-family: var(--font-primary);
  color: var(--color-accent);
  letter-spacing: 0.05em;
}

.faq .faq-item[open] summary {
  color: var(--color-primary);
}