/* Small additions for the PHP build. The design itself lives in globals.css,
   workspace.css and site.css, which are copied from the original unchanged. */

/* Panels, menus and form steps are toggled with the hidden attribute. Some of
   them set their own display value, so make hidden always win. */
[hidden] {
  display: none !important;
}

/* Article images on the homepage fill their frame. */
.journal-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Icon holders used where two icons swap (menu, FAQ, form steps). */
.faq-icon,
[data-menu-open],
[data-menu-close],
[data-step-number],
[data-step-check] {
  display: inline-flex;
  align-items: center;
}

/* The application form keeps all four steps in the page and shows one at a
   time. The original styled the step intro as a direct child of the card, so
   repeat that rule for the wrapped steps. */
.flow-card > .flow-panel > p {
  font-size: 18px;
  margin-bottom: 25px;
}
@media (max-width: 760px) {
  .flow-card > .flow-panel > p {
    font-size: 17px;
  }
}