@layer components {
/* Lišta o financování nad hlavičkou. Značka Interreg (logotyp a vlajka EU) tvoří 68 % šířky loga
   a manuál programu žádá aspoň 240 px na mobilu a tabletu a 300 px na desktopu. Při kořenovém
   písmu 15 px to dává šířku loga 23,6 rem (354 px, značka 240 px) a od 1200 px 29,5 rem (443 px,
   značka 301 px). Užší obrazovka než logo ho vyplní celé (na 320 px je značka menší, jinak by
   se logo nevešlo). */
.funding {
  --funding-logo-w: 23.6rem;

  padding-block: var(--space-md);
  background-color: var(--color-bg-alt);
}

.funding__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md) var(--space-lg);
}

.funding__text {
  flex: 1 1 17rem;
  max-inline-size: 56rem;
}

.funding__link {
  --funding-w: min(var(--funding-logo-w), calc(100vw - 0.25rem));

  display: block;
  flex: none;
  inline-size: var(--funding-w);
  margin-inline-start: calc((min(100%, var(--funding-w)) - var(--funding-w)) / 2);
}

.funding__logo {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

@media (min-width: 75em) {
  .funding {
    --funding-logo-w: 29.5rem;
  }
}
}