/* Original PONTOSPOOL implementation. Conversational pattern inspired by Rare UI. */
#faq .hf-list{width:100%;max-width:780px}
#faq .hf-list details{background:transparent;border:0;border-bottom:1px solid #cbd6e0;border-radius:0;margin:0;padding:8px 0;overflow:visible}
#faq .hf-list summary{position:relative;min-height:64px;padding:16px 8px;font-size:17px;line-height:1.5;color:#10243e;border-radius:6px;gap:18px;transition:background-color 150ms ease}
#faq .hf-list summary:hover{background:#e9eef3;color:#10243e}
#faq .hf-list summary:focus-visible{outline:3px solid #10243e;outline-offset:3px}
#faq .hf-list summary .hf-toggle{width:28px;height:28px;background:transparent;border:1px solid #7b8d9f;color:#10243e;font-size:0;transition:background-color 160ms ease,transform 160ms ease}
#faq .hf-toggle i{display:none}
#faq .hf-toggle::after{content:'+';font-family:Arial,sans-serif;font-size:22px;font-weight:400;line-height:1}
#faq .hf-list details[open] summary .hf-toggle{background:#10243e;border-color:#10243e;color:white;transform:rotate(45deg)}
#faq .hf-reply{background:#10243e;color:#fff;border-radius:4px 20px 20px 20px;padding:24px;margin:6px 0 18px 20px;transform-origin:top left}
#faq .hf-reply-person{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:12px;line-height:1.5;font-weight:600;color:#d7e2ed}
#faq .hf-reply-person img{display:block;width:40px;height:40px;flex:0 0 40px;object-fit:cover;object-position:50% 36%;border-radius:50%;border:1px solid #ffffff60}
#faq .hf-list details .hf-reply p{padding:0;margin:0;color:#fff;font-size:15px;line-height:1.8;animation:none;max-width:65ch}
#faq .hf-reply a:focus-visible{outline:2px solid #fff;outline-offset:3px}
#faq details[open] .hf-reply{animation:pp-faq-answer 180ms ease-out both}
@keyframes pp-faq-answer{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:600px){#faq .hf-list summary{font-size:16px;padding:16px 4px;gap:12px}#faq .hf-reply{margin-left:8px;padding:20px 18px;border-radius:4px 16px 16px 16px}#faq .hf-reply-person{font-size:11px}#faq .hf-list details .hf-reply p{font-size:15px;line-height:1.75}}
@media(prefers-reduced-motion:reduce){#faq details[open] .hf-reply{animation:none}#faq .hf-list summary,#faq .hf-list summary .hf-toggle{transition:none}}

#faq .hf-list details[open]{padding:8px 0;background:transparent}

/* Shared structural styles, independent of the homepage stylesheet. */
#faq .hf-list summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-weight:600}
#faq .hf-list summary::-webkit-details-marker{display:none}
#faq .hf-list summary::marker{content:''}
#faq .hf-list summary .hf-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 28px;border-radius:50%}
#faq .hf-reply a{color:#fff;text-decoration:underline;text-underline-offset:3px}
#faq.pb-faq .hf-list{max-width:960px}