/* Questions (FAQ) styling, used by the home page and the questions page. Loaded after styles.css. */
  .faq .wrap { padding-top: clamp(56px, 6vw, 90px); }
  .faq-list { max-width: 820px; margin: clamp(28px, 3vw, 44px) auto 0; border-top: 1px solid var(--line); }
  .faq-list details { border-bottom: 1px solid var(--line); }
  .faq-list summary { cursor: pointer; list-style: none; padding: 22px 40px 22px 0; font-size: 18px; font-weight: 700; color: var(--ink); position: relative; }
  .faq-list summary::-webkit-details-marker { display: none; }
  .faq-list summary::after { content: "+"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font-family: var(--mono); font-size: 22px; color: var(--brand-ink); }
  .faq-list details[open] summary::after { content: "\2212"; }
  .faq-list summary:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; border-radius: 6px; }
  .faq-list details p { font-size: 17px; line-height: 1.65; color: var(--body); padding: 0 40px 22px 0; max-width: 68ch; text-wrap: pretty; }

  .faq-more { text-align: center; margin-top: clamp(24px, 3vw, 36px); }

  /* Questions page */
  .faq-page .page-head { margin: 0 auto; text-align: center; align-items: center; }
  .faq-page .page-head .lede { margin: 0 auto; }
  .faq-jump { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: clamp(24px, 3vw, 36px); }
  .faq-jump a { border: 1px solid var(--ice-line); background: #FFFFFF; border-radius: 999px; padding: 9px 18px; font-size: 14.5px; color: var(--ink); }
  .faq-jump a:hover { border-color: var(--ink); text-decoration: none; }
  .faq-group { max-width: 820px; margin: clamp(48px, 5vw, 76px) auto 0; scroll-margin-top: 24px; }
  .faq-group h2 { font-family: var(--serif); font-weight: 600; font-size: clamp(28px, 3vw, 38px); line-height: 1.12; }
  .faq-group .faq-list { margin-top: 18px; }
  .faq-ask { max-width: 820px; margin: clamp(48px, 5vw, 76px) auto 0; background: #FFFFFF; border: 1px solid var(--ice-line); border-radius: 20px; padding: clamp(22px, 2.6vw, 32px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
  .faq-ask h2 { font-family: var(--sans); font-size: 19px; font-weight: 700; }
  .faq-ask p { font-size: 16px; line-height: 1.6; color: var(--body); margin-top: 4px; }