/* Shared by the static pages and the interactive reading entry screens. */
.faq-document{width:min(960px,calc(100% - 2*var(--page-gutter)));margin:0 auto;padding:56px 0 72px}
.faq-heading{margin-bottom:40px}
.faq-heading h1{font-size:clamp(36px,4vw,56px);line-height:1.15}
.faq-heading p,.faq-section>p{color:var(--muted);margin-top:16px;font-size:17px;line-height:1.7}
.faq-section{max-width:960px;margin:72px auto 0;padding-top:40px;border-top:1px solid var(--line)}
.faq-section h2{font-size:clamp(28px,3vw,40px);line-height:1.2}
.faq-list{margin-top:28px;border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--header) + 24px)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:22px 0;cursor:pointer;list-style:none;color:var(--ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';flex:none;color:var(--accent);font:400 26px/1 var(--font)}
.faq-item[open] summary::after{content:'−'}
.faq-item summary:hover{color:var(--accent)}
.faq-item summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}
.faq-item summary h2,.faq-item summary h3{font:500 18px/1.55 var(--font);margin:0;overflow-wrap:anywhere}
.faq-answer{padding:0 40px 24px 0;max-width:82ch;color:var(--ink);font-size:16px;line-height:1.85;font-weight:400}
.faq-answer .text-link{margin-top:12px;font-size:15px}
.faq-document .faq-support,.faq-section .faq-support{margin-top:24px;color:var(--muted);font-size:15px;line-height:1.8}
.faq-support a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.home-faq{width:min(960px,calc(100% - 2*var(--page-gutter)));margin:0 auto;padding:96px 0;border:0}
/* Match the space between homepage chapters without stacking section padding. */
.input-page{--home-chapter-gap:160px}
.input-page #workspace+#topics,.input-page #topics+#meanings{padding-top:var(--home-chapter-gap)}
.input-page #meanings+.home-faq{padding-top:var(--home-chapter-gap);padding-bottom:0}
.input-page .home-faq+.app-section{padding-top:var(--home-chapter-gap);padding-bottom:96px}
.home-faq header{text-align:center}
.home-faq header h2{font-size:clamp(32px,3.4vw,48px);line-height:1.2}
.home-faq header p{margin-top:20px;color:var(--muted);font-size:16px;line-height:1.7}
.home-faq .faq-list{margin-top:32px}
.home-faq .faq-answer{max-width:none;line-height:1.75}
.home-faq-more{display:flex;justify-content:center;margin-top:24px}
.home-faq-more .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:16px}
@media(max-width:760px){
 .input-page .home-faq+.app-section{padding-bottom:64px}
 .home-faq{width:calc(100% - 40px);padding:64px 0}
 .home-faq header h2{font-size:32px}
 .home-faq header p{margin-top:16px}
 .faq-document{width:calc(100% - 40px);padding:32px 0 48px}
 .faq-heading{margin-bottom:28px}
 .faq-heading p,.faq-section>p{font-size:16px}
 .faq-section{margin-top:48px;padding-top:32px}
 .faq-item summary{gap:16px;padding:18px 0}
 .faq-item summary h2,.faq-item summary h3{font-size:16px}
 .faq-answer{padding-right:0;font-size:16px;line-height:1.8}
 .faq-support a{display:inline-block;min-height:44px;padding:8px 0}
}