.free-questions{display:block;margin:76px 0}
.questions-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.free-questions>.questions-heading>a{flex-shrink:0;margin:0;color:var(--green);font-size:17px;text-underline-offset:4px;padding:8px 0}
.faq-browser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:32px;align-items:stretch}
.faq-tabs{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.faq-tabs button{position:relative;width:100%;min-height:64px;border:0;border-bottom:1px solid var(--line);border-left:3px solid transparent;padding:17px 20px;background:transparent;color:var(--muted);text-align:left;font-size:17px;font-weight:600;line-height:1.5;cursor:pointer}
.faq-tabs button:hover{background:#eef3ea;color:var(--green)}
.faq-tabs button[aria-selected="true"]{border-left-color:var(--green);background:#e7efe1;color:var(--green)}
.faq-tabs button:focus-visible{z-index:1;outline-offset:-4px}
.faq-answers{display:grid;min-width:0;min-block-size:320px;border:1px solid var(--line);border-radius:5px;background:#edf3e9}
.faq-answer{grid-area:1 / 1;min-width:0;padding:34px;align-self:stretch}
/* Hidden answers still reserve their intrinsic height; changing tabs cannot
   move the footer, even when the longest answer wraps or text is enlarged. */
.faq-answer[hidden]{display:block;visibility:hidden;pointer-events:none}
.faq-answer:not([hidden]){animation:answer-appear .22s ease-out}
.faq-answer h3{font-size:25px;font-weight:500;line-height:1.3;letter-spacing:-.025em;margin:0 0 20px}
.faq-answer p{font-size:18px;line-height:1.75;color:var(--muted);margin:0}
.faq-answer:focus-visible{outline-offset:5px}
@keyframes answer-appear{from{opacity:0}to{opacity:1}}
@media(max-width:760px){
 .free-questions{margin:45px 0}
 .questions-heading{display:block;margin-bottom:23px}
 .free-questions>.questions-heading>a{margin-top:14px}
 .faq-browser{grid-template-columns:1fr;gap:22px}
 .faq-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .faq-tabs button{min-height:75px;padding:13px 14px;font-size:16px}
 .faq-answers{min-block-size:300px}
 .faq-answer{padding:25px 23px}
 .faq-answer h3{font-size:23px;margin-bottom:17px}
 .faq-answer p{font-size:17px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){.faq-answer:not([hidden]){animation:none}}