/* The public FAQ pages (faq.html, faq-fr.html, written by scripts/gen-faq.mjs). They use the marketing
   pages' fonts, palette, navigation and footer from pricing.css, as downloads.html does. */
.faq{max-width:760px; padding-top:48px; padding-bottom:56px;}
.faq-head{margin-bottom:12px;}
.faq-head h1{font-size:36px; margin:0 0 12px; text-align:left;}
.faq-sub,.faq-item p{color:var(--ink-soft);}
.faq-sub{max-width:64ch;}
.faq-langs{display:flex; gap:6px 12px; flex-wrap:wrap; margin-bottom:20px; font-size:13px; color:var(--ink-soft);}
.faq-langs a{color:var(--ink-soft);}
.faq-langs a:hover{color:var(--ink);}
.faq-langs strong{color:var(--ink); font-weight:600;}
.faq-topic{padding:28px 0 0;}
.faq-topic h2{font-family:var(--font-display); font-size:22px; line-height:1.3; padding-bottom:10px; border-bottom:1px solid var(--line-strong);}
.faq-item{padding:16px 0; border-bottom:1px solid var(--line);}
.faq-item h3{font-size:16px; line-height:1.4; font-weight:600; margin-bottom:6px;}
.faq-item p{font-size:15px; line-height:1.6; max-width:68ch;}
.faq-item p + p{margin-top:8px;}
.faq a:focus-visible,.nav a:focus-visible,footer a:focus-visible{outline:2px solid var(--blue-text); outline-offset:4px;}
@media(max-width:860px){.nav a,footer a{display:inline-flex; align-items:center; min-height:40px;} .faq{padding-top:32px;}}
@media(max-width:560px){.faq-head h1{font-size:28px;} .faq{padding-bottom:40px;}}