h3 {
    margin-top: 30px !important;
}
table {
    margin-top: 30px;
}
/* Footerin tyylit ilman tummaa taustaa */
.footer {
    padding: 20px;
    text-align: center;
}

/* Linkkien säiliö */
.footer-links {
    display: flex; /* Käytetään flexboxia */
    justify-content: center; /* Keskitetään linkit vaakasuunnassa */
    gap: 30px; /* 30px väli linkkien välillä */
}
.entry-content a:not(.wp-block-button__link), 
.post-content a:not(.wp-block-button__link), 
.page-content a:not(.wp-block-button__link), 
.single-post .entry-content a:not(.wp-block-button__link) {
    color: #C780FF;
    text-decoration: none;
}

.entry-content a:visited:not(.wp-block-button__link), 
.post-content a:visited:not(.wp-block-button__link), 
.page-content a:visited:not(.wp-block-button__link), 
.single-post .entry-content a:visited:not(.wp-block-button__link) {
    color: #C780FF !important;
}

.entry-content a:hover:not(.wp-block-button__link), 
.post-content a:hover:not(.wp-block-button__link), 
.page-content a:hover:not(.wp-block-button__link), 
.single-post .entry-content a:hover:not(.wp-block-button__link) {
    color: #C780FF !important;
}

.entry-content a:active:not(.wp-block-button__link), 
.post-content a:active:not(.wp-block-button__link), 
.page-content a:active:not(.wp-block-button__link), 
.single-post .entry-content a:active:not(.wp-block-button__link) {
    color: #C780FF !important;
}


@media (max-width: 525px) {
  .tnp-subscription-minimal .tnp-submit {
		margin: 10px auto 10px auto !important;
		position: relative; left: -5px;
		width: 70% !important;
		max-width: 300px !important;
  }
}
.section-title {
  font-size: 2rem;
  font-weight: bold;
  margin: 2rem 0 1.5rem;
  text-align: left;
}

/* 1) Älä anna teeman kutistaa perusfonttia liian pieneksi */
html { font-size: 16px; }      /* perusta */
body { line-height: 1.55; }

/* 2) Kun selainikkuna on “screenshot-kapea” (usein 900–1200px),
nosta minimiä hieman, jotta teksti ei näytä nuppineulanpäältä */
@media (max-width: 1200px) {
  html { font-size: 16px; }
}

@media (max-width: 992px) {
  html { font-size: 16px; }   /* älä pudota 14/13px:ään */
}

/* 3) Tee otsikoista skaalautuvat mutta hallitut (ei liian pieniä) */
h1 { font-size: clamp(26px, 2.2vw, 40px); }
h2 { font-size: clamp(22px, 1.8vw, 32px); }
h3 { font-size: clamp(18px, 1.5vw, 26px); }

/* Kortti-/nostokuvat: pidä siistissä suhteessa */
.post-thumbnail img,
.wp-post-image,
.wp-block-post-featured-image img {
  width: 100%;
  height: auto;
  display: block;
}