/* components/faq.css — contact page */
.faq{border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;color:var(--ink);font-family:var(--serif);font-size:1.4rem;font-weight:400;letter-spacing:-.01em;list-style:none;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{position:relative;flex:none;width:16px;height:16px}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:var(--ink);transition:transform .2s}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i::after{transform:rotate(0)}
.faq details p{padding:0 40px 24px 0;max-width:68ch}