/* cto2go.pl — style strony (projekt „Paragon”, 2026-10). Układ sekcji jest w atrybutach style w index.html. */
@import url("fonts/fonts.css");

html { scroll-behavior: smooth; }
body { margin: 0; background: #1D2BFF; color: #FFFFFF; font-family: 'IBM Plex Mono', ui-monospace, monospace; }
a { color: inherit; }
a:hover { text-decoration: underline; }
input, select, textarea, button { font-family: inherit; }
input[type=range] { width: 100%; accent-color: #15151A; min-height: 44px; }
input:focus, select:focus, textarea:focus, a:focus-visible, button:focus-visible { outline: 3px solid #D8FF3E; outline-offset: 2px; }
form input:focus, form select:focus, form textarea:focus, form button:focus-visible { outline-color: #1D2BFF; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.sr { position: absolute; left: -9999px; }

/* Wspólny pasek sieci (shared/footer.html) w układzie stopki z projektu */
.c2-footer .netbar {
  margin: 0; padding: 0; border: 0; opacity: 1; text-align: left;
  font-size: 13px; line-height: 1.6;
  display: flex; flex-wrap: wrap; gap: 16px 40px; justify-content: space-between;
}
.c2-footer .netbar p { margin: 0; max-width: 520px; }
.c2-footer .netbar__sites { order: 3; flex-basis: 100%; margin: 8px 0 0; justify-content: flex-start; gap: 6px 24px; }
.c2-footer .netbar__sites a[aria-current="page"] { color: #D8FF3E; }

/* Karty „Menu”: długie słowa (Cyberbezpieczeństwo) nie wychodzą poza kartę */
#menu h3 { overflow-wrap: anywhere; hyphens: auto; }