/* Stage 84 tools layout and in-page navigation hotfix */
html { scroll-padding-top: 180px; }
main[id], section[id], form[id], aside[id], h2[id], h3[id] { scroll-margin-top: 180px; }

/* Keep the custom Bet Sizing Calculator centered at every viewport width. */
.bet-sizing-calculator-page { width: 100%; }
.bet-sizing-calculator-page > main > .hero {
  width: min(1180px, calc(100% - 32px));
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
}
.bet-sizing-calculator-page > main > .hero .eyebrow { margin-left: auto; margin-right: auto; }
.bet-sizing-calculator-page > main > .hero h1,
.bet-sizing-calculator-page > main > .hero p { margin-left: auto; margin-right: auto; }
.bet-sizing-calculator-page > main > .hero .truth-box { max-width: 880px; margin-left: auto; margin-right: auto; text-align: left; }
.bet-sizing-calculator-page .page-shell {
  margin-left: auto !important;
  margin-right: auto !important;
}
.bet-sizing-calculator-page .tool-grid,
.bet-sizing-calculator-page .content-section,
.bet-sizing-calculator-page .responsible-box {
  margin-left: auto !important;
  margin-right: auto !important;
}
.bet-sizing-calculator-page .button-row { justify-content: center; }

.stage84-tool-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 18px 0 4px;
}
.stage84-tool-status {
  flex-basis: 100%;
  min-height: 1.5em;
  margin: 0;
  color: var(--muted, #5f6f7f);
  font-weight: 600;
}
.stage84-tool-status.is-error { color: #991b1b; }
.stage84-noscript {
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #991b1b;
  border-radius: 12px;
  padding: 12px 14px;
  margin: 14px 0;
}
@media (max-width: 720px) {
  html { scroll-padding-top: 110px; }
  main[id], section[id], form[id], aside[id], h2[id], h3[id] { scroll-margin-top: 110px; }
  .bet-sizing-calculator-page > main > .hero { width: min(100% - 24px, 1180px); }
  .stage84-tool-actions > button { width: 100%; }
}