@charset "UTF-8";
/* ═══════════════════════════════════════════════════════════
   faq.css — 08 FAQ

   使用原生 <details>，JS 沒載入也能開合。
   ═══════════════════════════════════════════════════════════ */

.sec-faq .faq__list{ max-width:840px; margin-inline:auto }

.sec-faq .faq__item{ border-bottom:1px solid var(--c-line) }

.sec-faq .faq__q{
  list-style:none; cursor:pointer; position:relative;
  padding:var(--s-3) var(--s-5) var(--s-3) 0;
  font-size:var(--fs-h3); font-weight:600;
  line-height:1.4; letter-spacing:.04em;
  transition:color var(--t-hover) var(--ease);
}
.sec-faq .faq__q::-webkit-details-marker{ display:none }
.sec-faq .faq__q:hover{ color:var(--c-navy) }

.sec-faq .faq__q::after{
  content:"+";
  position:absolute; right:var(--s-1); top:var(--s-3);
  font-size:24px; font-weight:400; line-height:1.4;
  color:var(--c-accent);
}
.sec-faq .faq__item[open] .faq__q::after{ content:"–"; color:var(--c-navy) }

.sec-faq .faq__a{
  padding:0 0 var(--s-3);
  font-size:var(--fs-body);
  line-height:var(--lh-base);
  max-width:60em;
}