.faq-page { letter-spacing: 0; }
.faq-intro { display:flex; align-items:end; padding-block:42px 48px; }
.faq-intro h1 { font-size:var(--text-page); font-weight:400; line-height:1.2; }
.faq-intro > div > p { margin:18px 0 0; color:#68716d; }
.faq-note a svg { width:15px; height:15px; vertical-align:middle; }
.faq-workspace { background:#f5f6f4; border-block:1px solid var(--line); padding-block:44px 68px; }
.faq-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:clamp(38px,7vw,110px); align-items:start; }
.faq-layout > * { min-width:0; }
.faq-tools { position:sticky; top:24px; }
.faq-search { display:flex; align-items:center; gap:12px; height:48px; padding-inline:14px; border:1px solid #d9ded9; background:#fff; }
.faq-search svg { color:#68716d; width:17px; height:17px; }
.faq-search input { width:100%; min-width:0; border:0; outline:0; color:var(--ink); background:transparent; font-size:var(--text-sm); }
.faq-search input:focus-visible { outline:0; }
.faq-categories { display:grid; margin-top:22px; }
.faq-categories button { display:flex; justify-content:space-between; align-items:center; min-height:44px; padding:9px 10px; background:transparent; color:#606963; text-align:left; font-size:var(--text-sm); }
.faq-categories button:hover,.faq-categories button.is-active { background:#e9ece8; color:var(--ink); }
.faq-categories button.is-active { box-shadow:inset 2px 0 var(--blue); }
.faq-categories button span { color:#7b827d; font-size:var(--text-xs); }
.faq-note { margin-top:31px; padding-top:22px; border-top:1px solid #dce0dc; }
.faq-note>i { color:var(--blue); }
.faq-note p { margin:10px 0 13px; color:#68716d; font-size:var(--text-sm); line-height:1.55; }
.faq-note a { color:var(--ink); font-size:var(--text-sm); font-weight:600; }
.faq-results-heading { display:flex; justify-content:space-between; align-items:center; min-height:48px; border-bottom:1px solid #dce0dc; }
.faq-results-heading p { margin:0; color:#68716d; font-size:var(--text-sm); }
.faq-results-heading button { padding:8px 0 8px 12px; background:transparent; color:var(--blue); font-size:var(--text-sm); }
.faq-item { border-bottom:1px solid #dce0dc; }
.faq-item[hidden] { display:none; }
.faq-item h2 { margin:0; font-size:var(--text-base); font-weight:500; }
.faq-item h2 button { display:flex; align-items:center; justify-content:space-between; gap:22px; width:100%; min-height:69px; padding:16px 0; background:transparent; text-align:left; line-height:1.45; }
.faq-item h2 button:hover { color:var(--blue); }
.faq-item h2 button svg { width:18px; height:18px; color:#707974; transition:transform .2s; }
.faq-item h2 button[aria-expanded="true"] svg { transform:rotate(45deg); color:var(--blue); }
.faq-answer { max-width:720px; padding:0 42px 21px 0; color:#68716d; font-size:var(--text-sm); line-height:1.7; }
.faq-answer p { margin:0; }
.faq-empty { padding-block:26px; color:#68716d; }
.faq-empty a { color:var(--blue); }
.faq-cta { padding-block:43px; }
.faq-cta>.page-width { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.faq-cta h2 { margin:9px 0 0; font-size:var(--text-section); font-weight:400; line-height:1.3; }
.faq-footer { border-top:1px solid var(--line); }
.faq-footer-address { margin:0 auto; padding-block:14px; border-bottom:1px solid var(--line); }
.faq-footer-social { margin:0 auto; padding-block:12px; }
.faq-footer .footer-bottom { grid-template-columns:1fr auto auto; }
@media(max-width:760px) {
 .faq-intro { display:block; padding-block:28px 34px; }
 .faq-layout { grid-template-columns:1fr; gap:25px; }
 .faq-tools { position:static; }
 .faq-categories { display:flex; gap:7px; overflow-x:auto; padding-bottom:5px; }
 .faq-categories button { flex-shrink:0; min-height:38px; border:1px solid #d9ded9; background:#fff; }
 .faq-categories button.is-active { box-shadow:inset 0 -2px var(--blue); }
 .faq-note { display:none; }
 .faq-workspace { padding-block:25px 42px; }
 .faq-cta>.page-width { align-items:flex-start; flex-direction:column; }
 .faq-footer .footer-bottom { grid-template-columns:1fr auto; }
 .faq-footer .footer-bottom>a:nth-of-type(1) { display:none; }
}
