/* Shared homepage and Contact FAQ presentation. */
:is(#questions,#contact-faq) h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.04}
:is(#questions,#contact-faq) .faqs details{padding:0;border-color:var(--ds-line,var(--line))}
:is(#questions,#contact-faq) .faqs summary{padding:25px 0;align-items:center;gap:24px;font:400 clamp(20px,1.8vw,26px)/1.35 var(--serif);color:var(--ds-text,var(--ink))}
:is(#questions,#contact-faq) .faqs summary span,:is(#questions,#contact-faq) .faqs details[open] summary span{font:inherit;line-height:inherit;color:inherit!important;transform:none!important;transition:none!important}
:is(#questions,#contact-faq) .faq-toggle-icon{position:relative;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--ds-line,var(--line));border-radius:50%;color:var(--ds-text,var(--ink))}
:is(#questions,#contact-faq) .faq-toggle-icon::before,:is(#questions,#contact-faq) .faq-toggle-icon::after{content:"";position:absolute;left:10px;top:17px;width:14px;height:1px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
:is(#questions,#contact-faq) .faq-toggle-icon::after{transform:rotate(90deg)}
:is(#questions,#contact-faq) details[open] .faq-toggle-icon::after{transform:rotate(0);opacity:0}
:is(#questions,#contact-faq) .faqs details>p{margin:0;padding:0 60px 25px 0;font:400 16px/1.75 var(--sans);color:var(--ds-muted,var(--muted));animation:faq-answer-in .2s ease-out}
@keyframes faq-answer-in{from{opacity:0}to{opacity:1}}

@media(max-width:600px){:is(#questions,#contact-faq) .faqs details>p{padding-right:0}}
@media(prefers-reduced-motion:reduce){:is(#questions,#contact-faq) .faqs details>p{animation:none}:is(#questions,#contact-faq) .faq-toggle-icon::before,:is(#questions,#contact-faq) .faq-toggle-icon::after{transition:none}}
:is(#questions,#contact-faq)>div{min-width:0}
:is(#questions,#contact-faq) .faq-intro{max-width:340px;margin:24px 0 0;font:400 16px/1.6 var(--sans);color:var(--ds-muted,var(--muted))}