/* Product-page variant: selfhosting. */
.mf-sh-section {
  --mf-sh-dark: #173b35;
  --mf-sh-green: #278d66;
  --mf-sh-ink: #10252e;
  --mf-sh-line: #d8e3e1;
  --mf-sh-muted: #60737a;
  --mf-sh-soft: #eef7f2;
}

body.mf-page--selfhosting .mf-sh-shell {
  box-sizing:border-box;
  width:min(1160px,calc(100% - 48px));
  margin:0 auto;
}

body.mf-page--selfhosting .mf-sh-section {
  margin:0!important;
  padding:88px 0;
}

body.mf-page--selfhosting .mf-sh-eyebrow {
  margin:0 0 12px;
  color:#287fc1;
  font-size:13px;
  font-weight:850;
  text-transform:uppercase;
}

body.mf-page--selfhosting .mf-sh-section h2 {
  margin:0 0 20px;
  color:var(--mf-sh-ink);
  font-size:42px;
  line-height:1.12;
  letter-spacing:0;
}

body.mf-page--selfhosting .mf-sh-lead {
  margin:0;
  color:var(--mf-sh-muted);
  font-size:19px;
  line-height:1.6;
}

body.mf-page--selfhosting .mf-sh-operation {
  background:var(--mf-sh-dark);
  color:#fff;
}

body.mf-page--selfhosting .mf-sh-operation h2,
body.mf-page--selfhosting .mf-sh-operation .mf-sh-eyebrow {
  color:#fff;
}

body.mf-page--selfhosting .mf-sh-operation .mf-sh-lead {
  color:#d7e6e1;
}

@media(max-width:689px) {
  body.mf-page--selfhosting .mf-sh-shell {
    width:calc(100% - 40px);
  }

  body.mf-page--selfhosting .mf-sh-section {
    padding:62px 0;
  }

  body.mf-page--selfhosting .mf-sh-section h2 {
    font-size:32px;
  }

  body.mf-page--selfhosting .mf-sh-lead {
    font-size:17px;
  }
}