/* FAQ: filter + search on top, accordion answers, one heading column per category. */
.faq-wrap{max-width:1180px}
.faq-tools{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid var(--color-border-light)}
.faq-filters{display:flex;flex-wrap:wrap;gap:8px}
.faq-filter{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid #c3cfca;background:var(--color-white);color:var(--color-text);font:800 .7rem Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.faq-filter span{color:#6b7c88;font-weight:700}
.faq-filter:hover{border-color:var(--color-text)}
.faq-filter.on{background:var(--color-navy);border-color:var(--color-navy);color:var(--color-white)}
.faq-filter.on span{color:var(--color-accent)}
.faq-search{display:block;flex:1 1 260px;max-width:360px}
.faq-search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.faq-search input{width:100%;min-height:44px;padding:0 16px;border:1px solid #c3cfca;border-radius:0;background:var(--color-white);color:var(--color-text);font:400 .95rem Arial,Helvetica,sans-serif}
.faq-search input:focus{outline:0;border-color:#78a900;box-shadow:0 0 0 3px var(--color-accent-alpha-40)}
.faq-empty{margin:0 0 40px;padding:22px;background:#eaf0ed;color:var(--color-text-secondary)}

.faq-section{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px 56px;margin-top:0;padding:34px 0;border-top:1px solid var(--color-border-light)}
.faq-section:first-of-type{border-top:0;padding-top:0}
.faq-section[hidden],.faq-item[hidden],.faq-empty[hidden],.faq-privacy-link[hidden]{display:none}
.faq-section-head h2{margin:0;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.02;letter-spacing:-.045em}
.faq-group-intro{margin:14px 0 0;color:var(--color-text-muted);font-size:.88rem;line-height:1.6}
.faq-list{border-top:1px solid var(--color-border-light)}
.faq-item{border-bottom:1px solid var(--color-border-light);background:transparent}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 4px;color:var(--color-text);font-size:1.02rem;font-weight:700;line-height:1.35;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';flex:none;width:28px;height:28px;display:grid;place-items:center;border:1px solid #c3cfca;border-radius:50%;color:var(--color-text);font-size:1.1rem;font-weight:400;line-height:1;transition:background .2s,color .2s,transform .2s}
.faq-item[open] summary::after{content:'−';background:var(--color-accent);border-color:var(--color-accent)}
.faq-item summary:hover{color:var(--color-link)}
.faq-item summary:focus-visible{outline:2px solid #78a900;outline-offset:2px}
.faq-answer{padding:0 52px 22px 4px}
.faq-answer p{margin:0;color:#4a5b6a;font-size:.96rem;line-height:1.68}
.faq-privacy-link{margin:18px 4px 0;color:var(--color-text-muted);font-size:.88rem;line-height:1.6}
.faq-privacy-link a{color:var(--color-link);font-weight:700;text-underline-offset:3px}

@media(max-width:880px){.faq-section{grid-template-columns:1fr;gap:18px;padding:28px 0}.faq-answer{padding-right:8px}}
@media(max-width:560px){.faq-search{max-width:none;flex-basis:100%}.faq-filter{min-height:38px;padding:0 12px}}

/* Reset the old card styling from faq.css (border, padding, white background) for accordion rows. */
.faq-list .faq-item{padding:0;border:0;border-bottom:1px solid var(--color-border-light);background:transparent}
.faq-list .faq-item h3{display:none}
/* Menu items never wrap, and the gap shrinks on mid-size screens. */
.topbar nav a{white-space:nowrap}

/* faq.css draws a lime bar before each section; in the two-column layout it became a stray grid cell. */
.faq-section::before,.faq-section::after{display:none!important;content:none!important}

/* One divider between the tools and the first visible group, also while filtering. */
.faq-tools{margin-bottom:28px;padding-bottom:0;border-bottom:0}
.faq-section:first-of-type{padding-top:34px;border-top:1px solid var(--color-border-light)}

/* Mobile header: the active language was lime text on a lime background. */
@media(max-width:760px){.topbar .langs{border:0;gap:6px}.topbar .langs button.on{background:transparent;color:var(--color-accent)!important;box-shadow:inset 0 -2px 0 var(--color-accent)}}