/* SEO content blocks — FAQ, about passage */

.site .faq {
  padding: clamp(48px, 8vw, 80px) var(--page-pad);
  border-top: 1px solid var(--line);
}

.site .faq-inner {
  max-width: 720px;
  margin: 0 auto;
}

.site .faq h2 {
  margin: 0 0 8px;
  font-size: clamp(1.5rem, 3.5vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15;
}

.site .faq-intro {
  margin: 0 0 32px;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.6;
}

.site .faq-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
  background: var(--surface);
}

.site .faq-item + .faq-item {
  border-top: 1px solid var(--line);
}

.site .faq-item h3 {
  margin: 0;
  padding: 20px 24px 0;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.site .faq-item p {
  margin: 0;
  padding: 8px 24px 20px;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.65;
}

.site .faq-item a {
  color: var(--text);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.site .faq-item a:hover {
  color: var(--accent);
}

.site .page-section .faq-list {
  margin-top: 16px;
}

.site .about-passage {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 var(--page-pad) clamp(32px, 5vw, 48px);
}

.site .about-passage p {
  margin: 0;
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.7;
}