/* CyberKraków: kolory sekcji otwierających zgodne ze stroną główną.
   Bez zmian szerokości, odstępów, typografii i funkcji strony. */
#main .page-hero,
#main .navy-hero {
  color: #d9e5f2;
  background-color: #071a2b;
  background-image:
    linear-gradient(#579ace09 1px, transparent 1px),
    linear-gradient(90deg, #579ace09 1px, transparent 1px),
    radial-gradient(ellipse at 74% 30%, #143d62 0, #071a2b 57%);
  background-size: 42px 42px, 42px 42px, auto;
  border-bottom-color: #294963;
}

#main .page-hero h1,
#main .navy-hero h1 {
  color: #fff;
}

#main .page-hero .eyebrow,
#main .navy-hero .eyebrow {
  color: #8ecfff;
}

#main .page-hero .lead,
#main .navy-hero p {
  color: #d9e5f2;
}

#main .page-hero .breadcrumbs,
#main .page-hero .article-meta {
  color: #bdd2e5;
}

#main .page-hero .breadcrumbs [aria-current] {
  color: #eef6ff;
}

#main .page-hero .breadcrumbs a:hover {
  color: #8ecfff;
}

#main .page-hero .btn-outline,
#main .navy-hero .btn-outline {
  color: #fff;
  border-color: #85ceff;
}

#main .page-hero .btn-outline:hover,
#main .navy-hero .btn-outline:hover {
  color: #fff;
  background-color: #174767;
}

#main .page-hero a:focus-visible,
#main .navy-hero a:focus-visible {
  outline-color: #85ceff;
}

#main .page-hero ::selection,
#main .navy-hero ::selection {
  color: #071a2b;
  background-color: #85ceff;
}