/* よくある質問（`static/faq.html`）だけの見た目。共通のものは `assets/site.css`。

   開け閉めは `assets/site.js` が `.open` を付け外しして動かす。
   **JS が動かない browser は考えない**（`adr/0002`）——開いたままにはならない。 */

.faq-list { max-width:900px; margin:0 auto; border-top:1px solid var(--line); }
.faq-item { border-bottom:1px solid var(--line); }
.faq-q { width:100%; padding:24px 4px; border:0; background:none; display:flex; align-items:center; justify-content:space-between; gap:20px; text-align:left; font:inherit; font-weight:850; cursor:pointer; }
.faq-q span:last-child { color:var(--pink); font-size:25px; transition:transform .2s; }
.faq-item.open .faq-q span:last-child { transform:rotate(45deg); }
.faq-a { max-height:0; overflow:hidden; transition:max-height .35s ease; }
.faq-a p { margin:0; padding:0 4px 25px; color:var(--muted); }

@media (max-width: 680px) {
  .faq-q { padding:19px 2px; gap:12px; }
}