/* /tseny/ page shell. Loaded AFTER /styles.css, which already defines
   .calculator/.calc-*/.pricing-*/.payment-block/.faq (they used to live on
   the homepage as sections of a long single page) - this file only adds the
   breadcrumbs + a couple of page-only tweaks, same pattern as
   blog.css/portfolio.css/uslugi.css. */

.breadcrumbs {
  font-size: 0.85rem;
  color: #6b7178;
  margin: 0 auto;
  max-width: 1180px;
  padding: 20px 24px 0;
}
.breadcrumbs a { color: inherit; }
.breadcrumbs a:hover { color: var(--navy-800, #313f4a); }
.breadcrumbs span[aria-current] { color: var(--navy-800, #313f4a); }

/* .tseny-intro carries the header-clearing top padding now (it's the first
   thing on the page) - .calculator's own padding:120px 0 is reduced on its
   top edge right after an intro via the adjacent-sibling rule below, so the
   two don't stack into a huge gap. */
.tseny-intro {
  max-width: 1180px;
  margin: 0 auto;
  padding: 120px 24px 0;
}
.tseny-intro h1 { font-size: clamp(2rem, 4vw, 2.8rem); color: var(--navy-800, #313f4a); margin-top: 10px; }
.tseny-intro p { margin-top: 12px; color: #57626b; max-width: 60ch; }
.tseny-intro + .calculator { padding-top: 40px; }

.tseny-cta {
  max-width: 1180px;
  margin: 0 auto;
  padding: 48px 24px 80px;
  text-align: center;
}
.tseny-cta h2 { font-size: clamp(1.6rem, 2.6vw, 2.1rem); color: var(--navy-800, #313f4a); font-weight: 500; }
.tseny-cta p { margin: 10px auto 20px; max-width: 50ch; color: #57626b; }
.tseny-cta-note { margin: 16px 0 0; font-size: 0.86rem; color: #7c8790; }
.tseny-cta-note a { color: inherit; text-decoration: underline; }