.hero {
  text-align: center;
  padding: 2rem 1rem;
}
.hero .cta .btn {
  display: inline-block;
  padding: .6rem 1rem;
  border: 1px solid #000;
  text-decoration: none;
  margin: .2rem;
  border-radius: 6px;
}
.btn-secondary { opacity: 0.9; }
.btn-tertiary { opacity: 0.8; }
main a.btn { color: inherit; }
form input, form textarea { width: 100%; max-width: 560px; }
form button { padding: .6rem 1rem; border: 1px solid #000; border-radius: 6px; background: none; }
.post {
  margin: 2rem auto;
  max-width: 800px;
}

.post-date {
  font-size: 0.9em;
  color: #bbb;
  margin-bottom: 1.2rem;
}
.post-content {
  line-height: 1.7;
}

.site-footer { display: none; }



/* --- przyciski: jasnoszary tekst, mocniejsze przyciemnienie przy hover --- */
a.btn,
.hero .cta .btn {
  display: inline-block;
  padding: .6rem 1rem;
  border: 1px solid #000;
  border-radius: 6px;
  text-decoration: none;
  background: transparent;
  color: #666;              /* jasnoszary tekst */
  font-weight: 400;
  transition: color 0.2s ease;
}

a.btn:hover,
.hero .cta .btn:hover {
  color: #111;              /* wyraźnie ciemniejszy przy hover */
  border-color: #000;
  background: transparent;
}

/* warianty przycisków */
.btn-secondary { opacity: 0.9; }
.btn-tertiary  { opacity: 0.8; }

/* linki w treści artykułów/blogów */
main a:not(.btn) {
  color: #0645ad;            /* klasyczny niebieski link */
  font-weight: 400;          /* normalna grubość, jak reszta tekstu */
  text-decoration: none;     /* bez podkreślenia domyślnie */
}

main a:not(.btn):hover {
  text-decoration: underline; /* tylko podkreślenie przy hover */
}