/* SzkoleniaBezpieczenstwo.pl — style strony (projekt 2026-10). Układ sekcji jest w atrybutach style w index.php. */
@import url("fonts/fonts.css");

html { scroll-behavior: smooth; }
body { margin: 0; background: #ECEEEA; color: #0F1419; font-family: 'Archivo', 'Helvetica Neue', sans-serif; -webkit-font-smoothing: antialiased; }
.m { font-family: 'IBM Plex Mono', ui-monospace, monospace; }
a { color: inherit; }
.nav a { text-decoration: none; }
.nav a:hover { text-decoration: underline; text-underline-offset: 6px; }
.btn:hover { background: #0F1419 !important; }
input, select, textarea { font: inherit; color: #0F1419; }
input:focus, select:focus, textarea:focus, a:focus-visible, button:focus-visible { outline: 3px solid #BF2F0E; outline-offset: 2px; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Wspólny pasek sieci (shared/footer.html) w układzie stopki z projektu */
.sb-footer .netbar {
  margin: 0; padding: 0; border: 0; opacity: 1; text-align: left;
  font-size: 15px; line-height: 1.7; color: #2C343B;
  display: flex; flex-wrap: wrap; gap: 24px 64px; justify-content: space-between;
}
.sb-footer .netbar p { margin: 0; max-width: 420px; }
.sb-footer .netbar a { color: #0F1419; font-weight: 500; }
.sb-footer .netbar__sites {
  order: 3; margin: 0; justify-content: flex-start; gap: 6px 20px; max-width: 360px;
  font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 13px;
}
.sb-footer .netbar__sites a { font-weight: 400; color: #2C343B; }
.sb-footer .netbar__sites a[aria-current="page"] { color: #0F1419; font-weight: 500; }