/* A quiet German study-space image gives the FAQ its own identity without competing with the answers. */
.home-page .faq {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #f3eee3;
}

.home-page .faq::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 auto 0 0;
  width: min(42vw, 610px);
  background-image:
    linear-gradient(90deg, rgba(239, 223, 165, .84) 0%, rgba(244, 237, 215, .76) 54%, rgba(243, 238, 227, .60) 100%),
    url("assets/faq/germany-library-faq-v1.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.home-page .faq-intro,
.home-page .faq-list {
  position: relative;
  z-index: 1;
}

.home-page .faq-intro > p:last-child {
  text-shadow: 0 1px 18px rgba(246, 242, 231, .82);
}

@media (max-width: 760px) {
  .home-page .faq {
    padding-top: 292px;
  }

  .home-page .faq::before {
    right: 0;
    width: 100%;
    height: 230px;
    bottom: auto;
    background-image:
      linear-gradient(90deg, rgba(239, 223, 165, .58), rgba(243, 238, 227, .36)),
      url("assets/faq/germany-library-faq-v1.webp");
    background-position: center 45%;
  }
}