/* WP-only main-section rhythm. Kept separate from generated prototype CSS. */
.accounting-wordpress-page:is(.taloushallinto-page, .accounting-prices-page) .breadcrumbs {
  display: flex;
  width: 100%;
  min-height: 0;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
  margin-inline: auto;
  padding-top: 1.25rem;
  color: var(--color-muted);
  font-size: .875rem;
  line-height: 1.55;
}

.accounting-wordpress-page:is(.taloushallinto-page, .accounting-prices-page) .breadcrumbs a {
  display: inline;
  min-height: 0;
  align-items: initial;
  color: var(--color-deep-green);
  line-height: inherit;
}

.accounting-wordpress-page.taloushallinto-page,
.accounting-wordpress-page.accounting-prices-page {
  --accounting-major-gap: 64px;
  padding-bottom: var(--accounting-major-gap);
}

.accounting-wordpress-page.taloushallinto-page .taloushallinto-hero + .taloushallinto-contents,
.accounting-wordpress-page.taloushallinto-page > .taloushallinto-advice,
.accounting-wordpress-page.taloushallinto-page .revision-faq {
  margin-top: var(--accounting-major-gap);
}

/* These two full-width bands are intentionally seamless. */
.accounting-wordpress-page.taloushallinto-page > .taloushallinto-advice + .feature--dark {
  margin-top: 0;
}

/* The white knowledge section's outer padding is its visible separation. */
.accounting-wordpress-page.taloushallinto-page .taloushallinto-knowledge {
  padding-block: var(--accounting-major-gap);
}

.accounting-wordpress-page.accounting-prices-page .revision-shell,
.accounting-wordpress-page.accounting-prices-page .pricing-intro {
  padding-bottom: 0;
}

.accounting-wordpress-page.accounting-prices-page .pricing-intro + section[aria-label="Kirjanpidon kuukausipaketit"],
.accounting-wordpress-page.accounting-prices-page .pricing-section,
.accounting-wordpress-page.accounting-prices-page .pricing-final {
  margin-top: var(--accounting-major-gap);
}

@media (max-width: 767px) {
  .accounting-wordpress-page.taloushallinto-page,
  .accounting-wordpress-page.accounting-prices-page {
    --accounting-major-gap: 40px;
  }
}