.faq-intro{padding-bottom:8px}
.faq-nav{margin-top:20px}
.faq-nav ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.faq-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:2px solid var(--ink);border-radius:8px;font-size:16px;font-weight:700;color:var(--ink);text-decoration:none}
.faq-nav a:hover{background:var(--ink);color:var(--paper)}

.faq-section{padding:40px 0 8px}
.faq-section:last-of-type{padding-bottom:72px}
.faq-section h2{margin-bottom:12px}

.faq{border-top:1px solid var(--line)}
.faq:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{position:relative;display:flex;align-items:center;min-height:56px;padding:12px 44px 12px 0;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{margin:0;font-size:20px;line-height:1.3;overflow-wrap:anywhere}
.faq summary::after{content:"+";position:absolute;right:2px;top:50%;width:28px;height:28px;margin-top:-14px;border:2px solid var(--ink);border-radius:50%;font-size:22px;font-weight:700;line-height:23px;text-align:center;color:var(--ink)}
.faq[open] summary::after{content:"\2212"}
.faq summary:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.faq summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}

.faq-answer{padding:0 0 20px}
.faq-answer p{margin:0;max-width:66ch}
.faq-answer p + p,.faq-answer ul + p{margin-top:12px}
.faq-answer ul{margin:10px 0 0;padding-left:22px;max-width:66ch}
.faq-answer ul li{margin-bottom:6px}
.faq-answer a{font-weight:700}

@media (max-width:560px){
  .faq summary h3{font-size:18px}
}