/* ------------------------------------------------------------------
 * faq.css -- "Häufige Fragen zum Booking" section (#faq).
 * Layered over the HalfTone theme (loaded last), non-destructive:
 * remove the <link> in index.html to revert. Mirrors the calmer
 * .section-contact / .section-newsletter look (centered column,
 * left-aligned copy). Booking-intent body copy for SEO -- see
 * SEO-RECOMMENDATIONS.md item #4.
 * ------------------------------------------------------------------ */

.section-faq {
  text-align: center;
  padding: 8px 0 24px;
}
#faq { scroll-margin-top: 72px; }

/* Heading: match the calmer band/contact headline (kill theme emboss) */
#main #faq .headline {
  margin: 8px auto 12px;
  font-weight: 400;
  color: #222;
  text-shadow: none !important;
  letter-spacing: 0.2px;
  font-size: clamp(1.4rem, 1rem + 2.1vw, 2rem);
  line-height: 1.25;
}

.section-faq .faq-lead {
  max-width: 62ch;
  margin: 0 auto 20px;
  line-height: 1.55;
  color: #444;
}

/* --- The Q&A list: a centered, left-aligned column --------------- */
.faq-list {
  max-width: 62ch;
  margin: 0 auto;
  text-align: left;
}

.faq-item {
  padding: 16px 0;
  border-top: 1px solid rgba(31, 122, 126, 0.22); /* soft turquoise rule */
}
.faq-item:first-child { border-top: 0; padding-top: 0; }
.faq-item:last-child  { padding-bottom: 0; }

.faq-q {
  margin: 0 0 6px;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.35;
  color: #bf553a; /* legible coral link-text tone */
}

.faq-a {
  margin: 0;
  line-height: 1.6;
  color: #444;
}
.faq-a a { color: #bf553a; text-decoration: underline; }
.faq-a a:hover { color: #1f7a7e; }

@media (max-width: 767px) {
  .section-faq { padding-inline: 20px; }
}