/* RF accordion (FAQ). Shared: services.html + contact.html. Markup: .fqs > .fq > h3 > button[aria-controls] + .fa[hidden] > div > p. Behaviour in rf-faq.js. */
.fqs{border-top:1px solid var(--rf-ink-600)}
.fq{border-bottom:1px solid var(--rf-ink-600)}
.fq h3{margin:0}
.fq button{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-6) 0;color:var(--rf-white);font:700 clamp(18px,1.5vw,22px)/1.2 var(--font-headline);text-transform:uppercase;letter-spacing:-.005em;text-wrap:pretty}
.fq button>span{flex:1;min-width:0}
.fq button:hover{color:var(--rf-orange)}
.fq button:focus-visible{outline:2px solid var(--rf-orange);outline-offset:4px}
.fq button i{flex:none;position:relative;width:14px;height:14px}
.fq button i::before,.fq button i::after{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:var(--rf-orange);transition:transform 240ms var(--ease-out-expo)}
.fq button i::after{transform:rotate(90deg)}
.fq button[aria-expanded="true"] i::after{transform:rotate(0)}
.fa{display:grid;grid-template-rows:0fr;transition:grid-template-rows 280ms var(--ease-out-expo)}
.fa.op{grid-template-rows:1fr}
.fa>div{overflow:hidden}
.fa p{margin:0;padding:0 0 var(--space-6);font:var(--type-body-lg);color:var(--rf-gray-300);max-width:56ch;text-wrap:pretty}
.fa a{color:var(--rf-white);border-bottom:1px solid var(--rf-orange)}.fa a:hover{color:var(--rf-orange)}
.static .fa,.reduced .fa{transition:none}
@media(prefers-reduced-motion:reduce){.fa,.fq button i::before,.fq button i::after{transition:none}}
@media(max-width:820px){
.fq button{padding:var(--space-4) 0;font-size:16px;gap:var(--space-4)}
.fa p{font:var(--type-body);padding-bottom:var(--space-4)}
}