/* FAQ: consulta técnica. Scoped to preserve the shared site layout. */
main.faq-page { --faq-ink:var(--site-text); --faq-muted:var(--site-muted); --faq-line:var(--site-line); --faq-green:var(--site-accent); width:100%; max-width:none; margin:0; padding-top:74px; background:#fff; color:var(--faq-ink); font-size:16px; line-height:1.65 }
.faq-page [hidden] { display:none!important }
.faq-shell { width:calc(100% - 96px); max-width:1280px; margin:0 auto }
.faq-page h1,.faq-page h2,.faq-page h3 { color:inherit; font-weight:700; margin-top:0 }
.faq-page button,.faq-page input { font:inherit }
.faq-page button { cursor:pointer }
.faq-page .mdi { line-height:1 }
.faq-page a { color:var(--site-link); text-underline-offset:4px }
.faq-page a:hover { color:var(--site-text); text-decoration:underline }
.faq-page :is(a,button,input,[tabindex]):focus-visible { outline:3px solid var(--site-link); outline-offset:4px }
.faq-hero { background:var(--faq-ink); color:#fff; padding:38px 0 35px }
.faq-hero-inner { display:flex; align-items:center; justify-content:space-between; gap:40px }
.faq-hero h1 { font-size:var(--site-title-size); line-height:1.5; letter-spacing:2px; margin-bottom:7px; font-weight:700; }
.faq-hero p { color:var(--site-on-dark); font-size:var(--site-body-size); margin:0 }
.faq-search { position:relative; display:flex; align-items:center; width:500px; max-width:43%; background:#fff; color:var(--faq-muted); border:1px solid var(--site-line); border-radius:6px; flex-shrink:0 }
.faq-search>.mdi { font-size:27px; padding-left:18px }
.faq-search input { width:100%; min-width:0; border:0; background:transparent; padding:16px 14px; color:var(--faq-ink); border-radius:6px; font-size:16px }
.faq-search input::placeholder { color:var(--faq-muted); opacity:1 }
.faq-search input::-webkit-search-cancel-button { display:none }
.faq-search:focus-within { outline:3px solid var(--faq-green); outline-offset:3px }
.faq-search input:focus { outline:0 }
.faq-search button { background:transparent; border:0; color:var(--faq-muted); padding:12px; font-size:20px }
.faq-category-bar { border-bottom:1px solid var(--faq-line); background:white }
.faq-categories { display:flex; justify-content:space-between; gap:8px; overflow-x:auto; scrollbar-width:thin }
.faq-category { display:flex; align-items:center; justify-content:center; gap:17px; flex:1 0 auto; padding:23px 12px 20px; background:transparent; color:var(--faq-ink); border:0; border-bottom:4px solid transparent; white-space:nowrap; font-size:16px!important }
.faq-category .mdi { color:#e35b63; font-size:26px; line-height:1 }
.faq-category:hover { background:var(--site-surface) }
.faq-category[aria-pressed=true] { border-bottom-color:var(--site-accent); font-weight:700 }
.faq-count { color:var(--faq-muted); font-weight:400; margin-left:4px }
.faq-workspace { display:grid; grid-template-columns:32% minmax(0,1fr); padding:24px 0 28px; min-height:610px }
.faq-sidebar { border-right:1px solid var(--faq-line); min-width:0 }
.faq-list-heading { padding:5px 24px 17px 14px }
.faq-list-heading h2 { font-size:var(--site-title-size); line-height:1.5; margin-bottom:3px; letter-spacing:2px; font-weight:700; }
.faq-list-heading p { color:var(--faq-muted); margin:0; font-size:var(--site-body-size) }
.faq-question-list { max-height:480px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--site-line) transparent; padding-right:1px; overscroll-behavior:contain }
.faq-question-link { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:19px 24px 19px 14px; border-bottom:1px solid var(--site-line); border-left:4px solid transparent; color:var(--faq-ink)!important; line-height:1.8; font-size:var(--site-body-size); text-decoration:none!important; overflow-wrap:anywhere }
.faq-question-link .mdi { color:var(--site-link); font-size:21px; flex-shrink:0 }
.faq-question-link:hover { background:var(--site-surface) }
.faq-question-link[aria-current=true] { background:var(--site-soft-green); border-left-color:var(--site-accent); border-radius:3px 0 0 3px }
.faq-question-link[aria-current=true] .mdi { color:var(--site-link) }
.faq-result-category { color:var(--faq-muted); display:block; font-size:12px; margin-top:6px }
.faq-reading { padding:9px 0 0 48px; min-width:0; scroll-margin-top:90px }
.faq-article { scroll-margin-top:100px }
.faq-article-meta { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:0 0 14px; color:var(--faq-muted); font-size:14px; min-height:28px }
.faq-article-meta>span>span { margin:0 9px; color:var(--site-line) }
.faq-copy-link { display:inline-flex; align-items:center; gap:8px; flex-shrink:0; border:0; background:none; color:var(--site-link); text-decoration:underline; text-underline-offset:4px; padding:0 }
.faq-copy-link .mdi { font-size:22px }
.faq-article h2 { font-size:var(--site-title-size); line-height:1.5; letter-spacing:2px; margin-bottom:24px; overflow-wrap:anywhere; font-weight:700; }
.faq-answer { color:var(--faq-muted); overflow-wrap:anywhere; font-size:var(--site-body-size) }
.faq-answer p { margin:0 0 16px; max-width:68ch; line-height:1.8}
.faq-answer h3 { font-size:var(--site-subtitle-size); line-height:1.5; color:var(--faq-ink); margin:26px 0 8px; letter-spacing:normal; font-weight:600; }
.faq-answer h3:first-child { margin-top:0 }
.faq-answer b,.faq-answer strong { color:var(--faq-ink) }
.faq-answer a { text-decoration:underline }
.faq-answer ul,.faq-answer ol { padding-left:24px; margin-bottom:20px }
.faq-answer img { max-width:100%; height:auto }
.faq-answer table { display:block; max-width:100%; overflow:auto }
.faq-answer pre { max-width:100%; overflow:auto }
.faq-code { display:flex; align-items:center; gap:16px; background:var(--faq-ink); color:#fff; border-radius:5px; padding:14px 18px; margin:16px 0 24px }
.faq-code code { color:inherit; white-space:pre-wrap; overflow-wrap:anywhere; font:400 15px/1.7 Consolas,monospace; flex:1; min-width:0 }
.faq-code button { display:flex; border:0; color:white; background:transparent; font-size:22px; padding:5px 8px }
.faq-documentation { display:inline-flex; align-items:center; gap:10px; text-decoration:underline; margin:6px 0 0 }
.faq-documentation .mdi { font-size:22px }
.faq-related { border-top:1px solid var(--faq-line); margin-top:24px; padding-top:17px }
.faq-related h3 { font-size:var(--site-subtitle-size); margin-bottom:11px; line-height:1.5; letter-spacing:normal; font-weight:600; }
.faq-related a { display:flex; align-items:center; gap:12px; width:fit-content; max-width:100%; padding:5px 0; overflow-wrap:anywhere }
.faq-related .mdi { flex-shrink:0; font-size:21px }
.faq-no-matches { color:var(--faq-muted); padding:15px }
.faq-empty { padding:60px 0; max-width:540px }
.faq-empty>.mdi { font-size:38px; color:var(--site-link) }
.faq-empty h2 { font-size:var(--site-title-size); margin:12px 0; line-height:1.5; letter-spacing:2px; font-weight:700; }
.faq-empty p { color:var(--faq-muted) }
.faq-empty button { border:1px solid var(--site-text); color:white; background:var(--site-text); padding:11px 20px; border-radius:4px }
.faq-copy-status { color:var(--site-link); font-size:14px; margin:10px 0 0 }
.faq-copy-status:empty { display:none }
.faq-copy-fallback { margin-top:15px; font-size:14px }
.faq-copy-fallback input { display:block; width:100%; padding:10px; border:1px solid var(--faq-line); border-radius:4px }
.faq-back { display:none }
.faq-support { background:var(--faq-ink); color:#fff; padding:25px 0 28px }
.faq-support-inner { display:flex; align-items:center; gap:26px }
.faq-support-inner>div { flex:1 }
.faq-support h2 { font-size:var(--site-title-size); margin-bottom:4px; line-height:1.5; letter-spacing:2px; font-weight:700; }
.faq-support p { color:var(--site-on-dark); margin:0; font-size:16px }
.faq-support .faq-contact { display:inline-flex; align-items:center; gap:16px; background:var(--site-accent); color:#16371d; font-weight:700; padding:14px 21px; border-radius:5px; white-space:nowrap }
.faq-contact:hover { background:#80d387; text-decoration:none!important }
.faq-support .faq-support-docs { color:var(--site-on-dark); border-left:1px solid var(--site-line); padding-left:26px; white-space:nowrap; text-decoration:underline; font-size:14px }
/* Contact is in-flow on this page, so the global widget never covers an answer. */
body:has(.faq-page) .sf-call-widget { display:none }
@media(min-width:1500px) { .faq-workspace { min-height:640px } }
@media(max-width:1199px) {
 .faq-shell { width:calc(100% - 64px) }
 .faq-hero h1 { font-size:var(--site-title-size); line-height:1.5; letter-spacing:2px; font-weight:700; }
 .faq-hero p { font-size:var(--site-body-size) }
 .faq-category { gap:9px; font-size:14px!important; padding-left:8px; padding-right:8px }
 .faq-category .mdi { font-size:23px }
 .faq-reading { padding-left:32px }
 .faq-article h2 { font-size:var(--site-title-size); line-height:1.5; letter-spacing:2px; font-weight:700; }
 .faq-article-meta { align-items:flex-start }
 .faq-article-meta>span>span { margin:0 4px }
 .faq-support-inner { flex-wrap:wrap; gap:20px }
 .faq-support-inner>div { flex-basis:55% }
}
@media(max-width:767px) {
 main.faq-page { padding-top:74px }
 .faq-shell { width:calc(100% - 40px) }
 .faq-hero { padding:28px 0 }
 .faq-hero-inner { display:block }
 .faq-hero h1 { font-size:var(--site-title-size); line-height:1.5; letter-spacing:2px; font-weight:700; }
 .faq-hero p { font-size:var(--site-body-size); line-height:1.8}
 .faq-search { width:100%; max-width:none; margin-top:23px }
 .faq-search input { padding:13px 10px }
 .faq-categories { width:100%; padding:0 20px; gap:14px; justify-content:flex-start }
 .faq-category { padding:17px 3px 14px; gap:10px; font-size:15px!important }
 .faq-category .mdi { font-size:23px }
 .faq-workspace { display:block; min-height:380px; padding:23px 0 32px }
 .faq-sidebar { border:0 }
 .faq-list-heading { padding:0 0 14px }
 .faq-list-heading h2 { font-size:var(--site-title-size); line-height:1.5; letter-spacing:2px; font-weight:700; }
 .faq-question-list { max-height:none; overflow:visible }
 .faq-question-link { padding:17px 14px 17px 10px; font-size:16px }
 .faq-reading { display:none; padding:0 }
 .faq-page.is-reading .faq-sidebar { display:none }
 .faq-page.is-reading .faq-reading,.faq-page.is-empty .faq-reading { display:block }
 .faq-page.is-empty .faq-sidebar { display:none }
 .faq-back { display:inline-flex; align-items:center; gap:7px; border:0; background:none; color:var(--site-link); padding:6px 0; margin:0 0 23px; font-size:15px!important }
 .faq-article-meta { font-size:12px; gap:10px; margin-bottom:13px }
 .faq-article-meta>span { max-width:60% }
 .faq-copy-link { font-size:13px!important; gap:5px }
 .faq-copy-link .mdi { font-size:18px }
 .faq-article h2 { font-size:var(--site-title-size); margin-bottom:24px; line-height:1.5; letter-spacing:2px; font-weight:700; }
 .faq-answer { font-size:16px }
 .faq-answer h3 { font-size:var(--site-subtitle-size); line-height:1.5; letter-spacing:normal; font-weight:600; }
 .faq-code { padding:12px 13px }
 .faq-code code { font-size:14px }
 .faq-support { padding:27px 0 }
 .faq-support-inner { display:block }
 .faq-support h2 { font-size:var(--site-title-size); line-height:1.5; letter-spacing:2px; font-weight:700; }
 .faq-support p { margin:10px 0 22px }
 .faq-support .faq-contact { display:flex; justify-content:center }
 .faq-support .faq-support-docs { display:block; text-align:center; border:0; padding:18px 0 0 }
 .faq-empty { padding:10px 0 25px }
}