/* /process/ and the FAQ page: the page bits around the timeline, grouped FAQ.
   Layout only; every color, size and radius comes from ka.css tokens. */

/* the seven-step timeline is the shared component in timeline.css */
.twocol .checks li{font-size:var(--fs-ui)}
.offer-links{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:18px}

/* FAQ page: grouped questions with a jump list */
.faq-jump{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:-6px;font-size:var(--fs-ui)}
.faq-jump a{display:inline-flex;align-items:center;min-height:40px;font-weight:600;text-decoration:none}
.faq-jump a:hover{text-decoration:underline}
.faq-group[id]{scroll-margin-top:8px}
/* /faq/ (ops/build_faq.py): each answer has its own id, so a link opens it below the sticky header; Expand all
   sits right-aligned above the first group and shows only with JS (faq.js) */
.faq details[id]{scroll-margin-top:calc(var(--hdr-h) + 16px)}
.faq-tools{display:flex;justify-content:flex-end;max-width:820px;margin:0 0 -8px}
.faq-all{min-height:44px;padding:0 4px;border:0;background:none;color:var(--blue);font:600 var(--fs-sm)/1 var(--sans);cursor:pointer}
.faq-all:hover{text-decoration:underline}
.faq-all[hidden]{display:none}
.faq-group>h2{font-size:var(--fs-2xl)}
.faq-group .faq{margin-top:14px}