/* Strona zatwierdzona: poprawki hero na stronie głównej (Adrian 2026-10-27, lab new2-hero-uwagi: „ten tytuł wychodzi
   poza karty… zwiększamy tam w prawo”; przeniesione z new2, sandbox-hero.css, tego dnia). Od 1220 px centrala sięga
   dalej w prawo (w margines strony, najwyżej 120 px, z odstępem od krawędzi okna), karty obszarów są szersze (do 216 px),
   mniejszy odstęp karty od koła. Na komputerze i tablecie wszystkie karty tej samej wysokości (wysokość najwyższej karty
   w danym zakresie szerokości). Dołączany tylko na stronie głównej (HOME_CSS w build.py). */
@media (min-width: 1220px) {
  .hub { --gap: 30px; margin-right: calc(-1 * clamp(0px, (100vw - var(--wrap)) / 2 + var(--gut) - 48px, 120px)); }
  .hub .chip { width: min(216px, calc(50% - var(--disc) / 2 - var(--gap))); min-height: 96px; }
}
@media (min-width: 1220px) and (max-width: 1299px) {
  .hub { --gap: 22px; }
  .hub .chip { padding: 12px; }
}
@media (min-width: 981px) and (max-width: 1219px) { .hub .chip { min-height: 88px; } }
@media (min-width: 761px) and (max-width: 980px) { .hub .chip { min-height: 96px; } }
/* Dłuższe podpisy obszarów po francusku i rosyjsku łamią się w jednej karcie na dodatkową linię (sprawdzone 2026-10-27
   przy 800, 1024, 1240, 1280, 1440 i 1920 px): wtedy wszystkie karty dostają wysokość tej najwyższej. */
@media (min-width: 1220px) { :lang(fr) .hub .chip { min-height: 110px; } }
@media (min-width: 981px) and (max-width: 1219px) { :is(:lang(fr), :lang(ru)) .hub .chip { min-height: 104px; } }
@media (min-width: 761px) and (max-width: 980px) { :is(:lang(fr), :lang(ru)) .hub .chip { min-height: 112px; } }
/* Telefon, dwie kolumny kart: rosyjskie „инфраструктура” wychodziło przy 375 px o 6 px poza kartę. */
@media (min-width: 361px) and (max-width: 419px) { :lang(ru) .hub .chip { padding-inline: 12px; font-size: 14px; } }