/* =========================
   pienyrittajan-it.php – tiiviimpi layout
   ========================= */

/* Yleinen: pienempi pystyrhythm */
.page section { 
  padding-block: 1.25rem; /* oli luultavasti 2.5–4rem */
}

.page h2 {
  margin: 0 0 .5rem;
}

.page h3 {
  margin: 0.75rem 0 .4rem;
}

.page p {
  margin: 0 0 .75rem;
}

.page ul,
.page ol {
  margin: .25rem 0 .75rem;
  padding-left: 1.1rem; /* vähän tiiviimpi */
}

.page li { 
  margin: .2rem 0;
}

/* Tiivistä hero */
.page .hero.hero-alt {
  padding-block: 1.75rem;
}

.page .hero-lead {
  margin: .6rem 0 .85rem;
}

.page .hero-badges {
  margin: .6rem 0 .8rem;
  gap: .4rem; /* jos käytät flex/gap */
}

.page .hero-actions {
  margin-top: .7rem;
  gap: .5rem;
}

/* Hero-aside kortti tiiviimmäksi */
.page .hero-card {
  padding: 1rem 1.1rem;
}

.page .hero-card p {
  margin-bottom: .6rem;
}

/* Hinnoittelukortit ja grid tiiviiksi */
.page .pricing-grid {
  gap: .75rem;
  margin-top: .75rem;
  margin-bottom: .5rem;
}

.page .pricing-card {
  padding: 1rem 1.1rem;
}

.page .pricing-card ul {
  margin: .4rem 0 0;
}

/* Note-tekstit vähemmän ilmaa */
.page .note {
  margin-top: .6rem;
  margin-bottom: .6rem;
}

/* CTA-wrap tiiviimmäksi */
.page .page-toc-cta-wrap {
  margin: .6rem 0 0;
}

/* Sosiaaliraita jos sekin tuntuu väljältä */
.social-strip {
  padding-block: 1rem;
}