/* FAQ toggle, site-wide: a thin plus with no circle around it, turning
   into a minus when the answer is open. Every FAQ on the site uses
   .lpf-item / .lpf-toggle, but each page styles them on its own (some
   scoped), so these rules carry !important to win over all of them in
   one place. Loaded after each page's own styles. */
.lpf-item .lpf-toggle {
  position: relative !important;
  flex-shrink: 0 !important;
  width: 16px !important;
  height: 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}
.lpf-item .lpf-toggle::before,
.lpf-item .lpf-toggle::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  background: currentColor !important;
  opacity: 0.7;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease !important;
}
.lpf-item .lpf-toggle::before {
  width: 12px !important;
  height: 1.25px !important;
  transform: translate(-50%, -50%) !important;
}
.lpf-item .lpf-toggle::after {
  width: 1.25px !important;
  height: 12px !important;
  transform: translate(-50%, -50%) !important;
}
.lpf-item .lpf-q:hover .lpf-toggle::before,
.lpf-item .lpf-q:hover .lpf-toggle::after { opacity: 1; }
/* Open: the upright bar folds flat, leaving a minus. */
.lpf-item.is-open .lpf-toggle::before { opacity: 1; }
.lpf-item.is-open .lpf-toggle::after {
  transform: translate(-50%, -50%) rotate(90deg) scaleY(0) !important;
}