/* ==========================================================
   Scenic Iceland — 折叠问答
   产品详情页与常见问题页共用；两处的问答必须长得一样。
   ========================================================== */

.faq { margin-top: 1.25rem; border-top: 1px solid var(--color-border); }
.faq details {
  border-bottom: 1px solid var(--color-border);
  padding: 1rem 0.25rem;
}
.faq summary {
  list-style: none; cursor: pointer;
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem;
  font-size: 1.02rem; font-weight: 700; color: var(--color-text);
  letter-spacing: -0.01em;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary .plus {
  width: 28px; height: 28px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--color-mist); color: var(--color-accent);
  flex-shrink: 0;
  transition: var(--transition);
}
.faq summary .plus svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 2.5; fill: none; transition: transform 0.25s; }
.faq details[open] summary .plus { background: var(--color-grass); color: white; }
.faq details[open] summary .plus svg { transform: rotate(45deg); }
.faq-body {
  padding: 0.75rem 0 0.25rem;
  font-size: 0.94rem; color: var(--color-text-secondary); line-height: 1.65;
  max-width: 68ch;
}
/* 回答里的空行会被 wpautop 变成 <p>，段间距要自己给 —— base.css 把 p 的
   外边距清零了，不补这条两段会挤成一段。 */
.faq-body p { margin: 0; }
.faq-body p + p { margin-top: 0.8em; }

/* summary 里问题文本与加号之间要留住空间，长问题才不会顶到圆圈上。 */
.faq summary > span:first-child { min-width: 0; }