/**
 * File role: what /ro/e-gis/ adds to the shared e-Registratura frame (/ro/e-reg/e-reg.css, body.ereg-pk): the hero
 * picture (a real GIS screen), the components grid and the wide screenshot. Colours are the frame's tokens.
 *
 * $file_version: 1.0.0
 */
body.egis-pk .pk-hero {
  background:
    linear-gradient(90deg, rgba(0,17,32,.95) 0%, rgba(0,17,32,.88) 42%, rgba(4,32,60,.6) 72%, rgba(4,32,60,.42) 100%),
    url('img/egis-hero.webp') right center / cover no-repeat,
    var(--pk-abyss);
}
@media (max-width: 760px) {
  body.egis-pk .pk-hero {
    background: linear-gradient(180deg, rgba(0,17,32,.88) 0%, rgba(0,17,32,.94) 100%),
      url('img/egis-hero.webp') center center / cover no-repeat, var(--pk-abyss);
  }
}

/* The components: five short boxes, as many per row as fit. */
body.egis-pk .egis-stack {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
  margin: 18px 0 26px;
}
body.egis-pk .egis-stack__item {
  background: #fff;
  border: 1px solid rgba(17,48,85,.12);
  border-top: 3px solid var(--pk-ember);
  border-radius: 10px;
  padding: 14px 16px;
}
body.egis-pk .egis-stack__item h4 { margin: 0 0 6px; font-size: 16px; }
body.egis-pk .egis-stack__item p { margin: 0; font-size: 14px; line-height: 1.5; }

/* The wide screenshot under the components. */
body.egis-pk .egis-wide { max-width: 980px; margin: 0 auto 8px; }