/* hydro FAQ accordion styles, r16 v2 (6 Oct 2026). Source: ~/.hydro/v4/r16/nav/faq-embed-new.html */
.faq {
    transition: border-color 0.4s ease;
  }
  .faq.is-open {
    border-color: #b34a3c;
  }

  .faq-qus-wrapper {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
  }

  /* collapsing only kicks in once the script runs, so every answer
     stays open and editable on the Designer canvas */
  .js-faq .faq-ans-block {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition:
      height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
      opacity 0.3s ease;
  }

  .js-faq .faq.is-open .faq-ans-block {
    opacity: 1;
  }

  /* the plus becomes a minus: the vertical bar collapses to height 0 */
  .js-faq .faq-vertical-line {
    transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .js-faq .faq-horizontal-line {
    transition: background-color 0.4s ease;
  }

  .js-faq .faq-icon-block {
    transition: background-color 0.4s ease;
  }

  .js-faq .faq.is-open .faq-vertical-line {
    height: 0px;
  }

  .js-faq .faq.is-open .faq-horizontal-line {
    background-color: #b34a3c;
  }

  /* no animation while the default state is being painted */
  .js-faq.is-initialising .faq-ans-block,
  .js-faq.is-initialising .faq-vertical-line,
  .js-faq.is-initialising .faq,
  .js-faq.is-initialising .faq-qus,
  .js-faq.is-initialising .faq-ans,
  .js-faq.is-initialising .faq-icon-block {
    transition: none !important;
  }