/* Palette for the accounting offer, aligned with the home page. */
:root {
  --accounting-sage: #f0f0e9;
  --accounting-surface: #fafaf5;
  --accounting-neutral: #eef0ed;
}

body {
  overflow-x: clip;
}

body .service-promise {
  border: 1px solid #d3d9cb;
  background: #e8ecdf;
  box-shadow: 0 18px 45px rgba(52, 66, 47, .07);
}

body .service-promise > span:first-child,
body .scope-grid > div > span {
  color: #56634e;
}

body main > .section.shell:first-of-type,
body #dokumenty {
  position: relative;
  isolation: isolate;
}

body main > .section.shell:first-of-type::before,
body #dokumenty::before {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
  content: "";
}

body main > .section.shell:first-of-type::before {
  border-block: 1px solid #e1e2da;
  background: var(--accounting-sage);
}

body main > .section.shell:first-of-type .scope-grid {
  gap: 24px;
}

body main > .section.shell:first-of-type .scope-grid > div {
  min-width: 0;
  padding: 28px;
  border: 1px solid #d7dacd;
  border-top: 3px solid #829075;
  border-radius: 6px;
  background: var(--accounting-surface);
  box-shadow: 0 10px 28px rgba(52, 66, 47, .035);
}

body main > .section.shell:first-of-type .scope-grid > div > span {
  margin-bottom: 18px;
}

body #dokumenty::before {
  background: var(--paper);
}

body #dokumenty .scope-grid > div {
  border-top-color: #9aa78e;
}

body .pricing-note {
  border-color: #d8ddd9;
  background: var(--accounting-neutral);
}

body .site-cta {
  border-top-color: #d1d7c8;
  background: #e8ecdf;
}

@media (max-width: 750px) {
  body main > .section.shell:first-of-type .scope-grid > div {
    padding: 24px;
  }
}

@media (max-width: 560px) {
  body .scope-grid {
    grid-template-columns: 1fr;
  }

  body main > .section.shell:first-of-type .scope-grid {
    gap: 18px;
  }

  body main > .section.shell:first-of-type .scope-grid > div {
    padding: 22px;
  }
}