/* assets/faq.css — demo-only styles for FAQ page */

.faq {
  line-height: 1.65;
}

.faq h1 {
  font-size: clamp(1.6rem, 2.5vw, 2rem);
  margin: 0 0 0.75rem 0;
}

.faq .lead {
  color: var(--muted);
  margin: 0.25rem 0 1rem;
}

.faq .notice {
  border: 1px dashed var(--border);
  background: var(--surface);
  padding: 0.9rem 1rem;
  border-radius: 12px;
  margin: 1rem 0 1.25rem;
  font-weight: 600;
}

/* Accordion (details/summary) */
.faq details {
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  margin: 0.65rem 0;
}

.faq summary {
  list-style: none;
  cursor: pointer;
  padding: 0.85rem 1rem;
  font-weight: 600;
  position: relative;
}

.faq summary::-webkit-details-marker {
  display: none;
}

.faq summary::after {
  content: "›";
  position: absolute;
  right: 1rem;
  transition: transform 0.18s ease;
  transform: rotate(90deg);
  color: var(--muted);
}

.faq details[open] summary::after {
  transform: rotate(-90deg);
}

.faq details > div {
  padding: 0 1rem 1rem 1rem;
}

.faq .small {
  font-size: 0.92rem;
  color: var(--muted);
}

/* Print */
@media print {
  .topbar,
  .footer,
  #navToggle {
    display: none !important;
  }
  .container {
    max-width: none;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
}