/* ---------------------------------------------------------------------------
   Research groups page
   ---------------------------------------------------------------------------
   Page-level treatment for the block that carries the `rgrp_public_blocks_db`
   listing. The cards' insides live in their component
   (components/node/research-group/card-research-group/) and the grid geometry
   in css/research-groups-grid-layout.css; what is here is the band behind the
   whole block.

   Scoped with :has() to the paragraph carrying THIS view, so the treatment does
   not land on every `view_block` section on the site — the component's markup is
   identical for all of them (view-block.twig) and sdc_display gives it no
   per-paragraph hook. Same pattern as the completed-student-projects band in
   components/paragraphs/view-block/view-block.css, which this copies.

   The band sits on `.paragraph-container`, not on the view's own section, so it
   covers the block title and intro as well as the cards. `z-index: -1` keeps it
   behind the cards, which paint their own white ground.
   -------------------------------------------------------------------------- */

.paragraph-container:has(.view-id-rgrp_public_blocks_db) {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.paragraph-container:has(.view-id-rgrp_public_blocks_db)::after {
  content: "";
  width: 100vw;
  height: 100%;
  background-image: url(/themes/custom/pt_base/images/decoration/background-beige-noise.png);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}