/* FAQ index and answer pages. Colours, radii and type come from the shared Studio tokens. */
.faq-category{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-block:0 72px;scroll-margin-top:115px}
.faq-category>div>p{font-size:16px;line-height:1.85;color:var(--muted);margin-top:14px;max-width:340px}
.faq-list{list-style:none;margin:0;padding:0}
.faq-list li{border-bottom:1px solid var(--line)}
.faq-list li:first-child{border-top:1px solid var(--line)}
.faq-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 22px;padding:22px 0}
.site-page .faq-list h3{font-size:18px;line-height:1.6;font-weight:520;margin:0}
.faq-list p{grid-column:1;font-size:15px;line-height:1.8;color:var(--muted);margin:0}
.faq-list a>span{grid-column:2;grid-row:1;color:var(--muted);transition:transform .2s}
.faq-list a:hover h3{color:var(--accent-text)}
.faq-list a:hover>span{transform:translate(2px,-2px);color:var(--accent-text)}
.faq-contact{margin-bottom:var(--page-space);align-items:center}
.faq-contact p{margin-bottom:0}
.faq-article .article-heading .article-meta{margin-bottom:18px}
.faq-short{grid-template-columns:minmax(0,760px)}
.faq-article .article-body>h2{margin-top:44px;scroll-margin-top:115px}
.faq-article .article-body>h2:first-child{margin-top:0}
.faq-article .article-body>:is(ul,ol){margin:20px 0;padding-left:24px;display:grid;gap:12px}
.faq-article .article-body>ul{list-style:disc}
.faq-article .article-body>ol{list-style:decimal}
.faq-article .article-body>:is(ul,ol)+p,.faq-article .article-body>figure+p{margin-top:20px}
.faq-article .article-body strong{color:var(--ink);font-weight:600}
.faq-article .article-body a:not(.text-link){text-decoration:underline;text-underline-offset:3px;color:var(--accent-text)}
.faq-article .article-note{margin-block:32px}
.faq-article+.article-related{margin-bottom:var(--page-space)}
@media(max-width:1000px){.faq-category{gap:35px}}
@media(max-width:700px){.faq-category{grid-template-columns:1fr;gap:22px;margin-bottom:52px}.faq-category>div>p{max-width:none}.site-page .faq-list h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.faq-list a>span{transition:none}}