/* Reframe imported page blocks in Unknown Bank's current editorial system. */
body.site-page:not(.page--home),
body.site-post {
  background: #f5f7f4;
}

body.site-page .page-block--has-text:not(.page-block--layout-cta) {
  width: min(calc(100% - 48px), 1280px);
  max-width: none;
  margin: clamp(28px, 4.5vw, 64px) auto;
  padding: clamp(28px, 5vw, 64px);
  border: 1px solid #d9e2dd;
  border-radius: 18px;
  background: linear-gradient(135deg, #fff 0%, #f7faf7 100%);
  box-shadow: 0 18px 48px rgba(18, 60, 50, .06);
}

body.site-page .page-block--has-text:not(.page-block--layout-cta) > .container-fluid {
  width: 100%;
  max-width: 1280px;
  padding: 0;
}

body.site-page .page-block--has-text:not(.page-block--layout-cta) > .container-fluid > .row {
  align-items: center;
  margin-inline: 0;
  row-gap: 30px;
}

body.site-page .page-block--has-text:not(.page-block--layout-cta) .col--text {
  min-width: 0;
  padding-inline: 0;
  color: #192b26;
}

body.site-page .page-block--has-text:not(.page-block--layout-cta) .pre-title-text {
  margin: 0 0 13px;
  color: #477965;
  font-size: .75rem;
  font-weight: 750;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.site-page .page-block--has-text:not(.page-block--layout-cta) h1 {
  max-width: 850px;
  margin: 0 0 22px;
  color: #123c32;
  font-size: clamp(2.35rem, 4.8vw, 4.4rem);
  font-weight: 730;
  letter-spacing: -.052em;
  line-height: 1.02;
  text-wrap: balance;
}

body.site-page .page-block--has-text:not(.page-block--layout-cta) h2 {
  color: #123c32;
  font-size: clamp(1.45rem, 2.4vw, 2.15rem);
  letter-spacing: -.035em;
  line-height: 1.16;
}

body.site-page .page-block--has-text:not(.page-block--layout-cta) p,
body.site-page .page-block--has-text:not(.page-block--layout-cta) li {
  max-width: 78ch;
  color: #61736d;
  font-size: 1rem;
  line-height: 1.75;
}

body.site-page .page-block--has-text:not(.page-block--layout-cta) a:not(.btn):not(.btn-primary):not(.btn-secondary) {
  color: #164537;
  font-weight: 680;
  text-underline-offset: .2em;
}

body.site-page .page-block--has-text:not(.page-block--layout-cta) .col--image img {
  display: block;
  width: 100%;
  max-height: 560px;
  border-radius: 14px;
  object-fit: cover;
}

body.site-page .page-block--layout-cta {
  width: 100vw;
  max-width: none;
  margin: clamp(48px, 7vw, 92px) 0 0 calc(50% - 50vw);
  padding: clamp(60px, 8vw, 104px) 24px;
  border: 0;
  border-radius: 0;
  background: linear-gradient(120deg, #0c2b24, #1d5949) !important;
  color: #fff;
}

body.site-page .page-block--layout-cta > .container-fluid {
  width: min(100%, 1280px);
  max-width: 1280px;
  padding: 0;
}

body.site-page .page-block--layout-cta h1,
body.site-page .page-block--layout-cta h2,
body.site-page .page-block--layout-cta h3,
body.site-page .page-block--layout-cta p {
  color: #fff;
}

body.site-page .page-block--layout-cta a:not(.btn):not(.btn-primary):not(.btn-secondary) {
  color: #e0cc8c;
}

/* Keep business product guides aligned with their full-width hero panels. */
body.site-page[class*="page--business-"] .atbank-product-guide {
  width: min(calc(100% - 48px), 1520px) !important;
  max-width: 1520px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Keep title contrast explicit across imported hero variants and dark panels. */
body.site-page .commercial-hero h1,
body.site-page .commercial-hero h2,
body.site-page .bank-online-hero h1,
body.site-page .atbank-business-hero:not(.atbank-business-hero--light) h1,
body.site-page .page-block--layout-cta h1,
body.site-page .page-block--layout-cta h2,
body.site-page .page-block--layout-cta h3 {
  color: #fff !important;
}

body.page--business-business-wire-transfers .atbank-content .atbank-business-hero h1 {
  color: #123c32 !important;
}

.unknown-site-footer .unknown-site-footer__column h2,
.unknown-site-footer .unknown-site-footer__column a,
.unknown-site-footer .unknown-site-footer__bottom a {
  color: #d6e3da !important;
}

.unknown-site-footer .unknown-site-footer__column h2 {
  color: #fff !important;
}

.unknown-site-footer .unknown-site-footer__column a:hover,
.unknown-site-footer .unknown-site-footer__bottom a:hover {
  color: #e0cc8c !important;
}

@media (max-width: 767px) {
  body.site-page .page-block--has-text:not(.page-block--layout-cta) {
    width: calc(100% - 28px);
    margin: 22px auto;
    padding: 28px 22px;
    border-radius: 14px;
  }

  body.site-page .page-block--layout-cta {
    padding: 56px 22px;
  }

  body.site-page[class*="page--business-"] .atbank-product-guide {
    width: calc(100% - 28px) !important;
  }
}