/* Custom elements default to inline — block required for responsive visibility classes. */
pack-faq {
  display: block;
}

/* Decorative background sits above body's background-color (z-index:0)
   while content layers (header, main, footer) sit above it at z-index:1. */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url('../assets/images/Folio_Blue_girls-Logo-BC.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom;
  filter: hue-rotate(8deg) saturate(1.3) brightness(0.7);
  opacity: 0.5;
}

body > header,
body > main,
pack-footer {
  position: relative;
  z-index: 1;
}