/* eshraf-overrides.css v1 — additive, safe overrides (does NOT replace your files) */
:root{
  --hdr: 72px; /* fallback; your header/JS may override */
  --ftr: 64px; /* fallback */
}

/* Make #intro start near the top and stay clear of the footer */
#intro{
  min-height: calc(100vh - var(--hdr) - var(--ftr));
  display: grid;
  align-content: start;
  padding-block-start: max(24px, 6vh);
  padding-block-end: max(24px, calc(var(--ftr) + 8px));
  scroll-margin-top: calc(var(--hdr) + 12px);
}

/* Keep #types also safe (in case its layout varies by breakpoint) */
#types{
  min-height: calc(100vh - var(--hdr) - var(--ftr));
  display: grid;
  align-content: start;
  padding-block-start: max(18px, 2vh);
  padding-block-end: max(28px, calc(var(--ftr) + 10px));
  scroll-margin-top: calc(var(--hdr) + 12px);
}