.investing-page .content {
  width: min(920px, 100%);
  margin: 0 auto;
  padding: clamp(2rem, 5vw, 4rem) clamp(1.25rem, 4vw, 3rem);
}

.investing-page .content > h1 {
  max-width: 760px;
  margin: 0 auto 0.55rem;
  text-align: center;
}

.investing-page .content > h1 + p {
  max-width: 680px;
  margin: 0 auto;
  color: #475569;
  font-size: 1.08rem;
  text-align: center;
}

.investing-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.7rem;
  margin: clamp(1.4rem, 3vw, 2rem) auto clamp(2.2rem, 5vw, 3.2rem);
}

.investing-actions__button {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 1rem;
  border: 1px solid rgba(31, 73, 109, 0.35);
  border-radius: 10px;
  background: #ffffff;
  color: #173046;
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.investing-actions__button--scenario {
  border-color: #2f4f6f;
  background: #2f4f6f;
  color: #ffffff;
}

body.website.warm-theme.investing-page .investing-actions__button--scenario,
body.website.warm-theme.investing-page .investing-actions__button--scenario:visited {
  border-color: #24415f;
  background: #24415f;
  color: #ffffff;
}

body.website.warm-theme.investing-page .investing-actions__button--scenario:hover,
body.website.warm-theme.investing-page .investing-actions__button--scenario:focus-visible {
  border-color: #102a43;
  background: #102a43;
  color: #ffffff;
}

.investing-actions__button:hover,
.investing-actions__button:focus-visible {
  border-color: #173046;
  background: #173046;
  color: #ffffff;
  text-decoration: none;
}

.investing-page .content > h2 {
  max-width: 760px;
  margin: 0 auto 0.55rem;
  padding-top: 0.35rem;
  color: #173046;
  text-align: center;
}

.investing-page .content > h3 {
  max-width: 760px;
  margin: clamp(2rem, 4vw, 3rem) auto 0.7rem;
  color: #173046;
}

@media (max-width: 560px) {
  .investing-actions {
    display: grid;
  }

  .investing-actions__button {
    width: 100%;
  }
}

/* Investing scenario calculator: scoped to keep the existing funnels intact. */
.investing-widget {
  margin: 2rem auto;
  padding: clamp(1rem, 3vw, 2rem);
  border: 1px solid #c8d2d9;
  border-radius: 20px;
  background: #f8faf9;
  color: #173046;
  text-align: left;
  overflow-wrap: anywhere;
}
.investing-widget *, .investing-widget *::before, .investing-widget *::after { box-sizing: border-box; min-width: 0; }
.investing-widget [hidden] { display: none !important; }
.investing-widget header h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin: .4rem 0 .8rem; line-height: 1.2; }
.investing-widget__eyebrow { font-size: .8rem; text-transform: uppercase; letter-spacing: .09em; font-weight: 750; }
.investing-widget p { line-height: 1.55; }
.investing-widget .investing-widget__note, .investing-widget small { color: #495967; font-size: .88rem; line-height: 1.5; }
.investing-widget fieldset { border: 0; padding: 0; margin: 1.5rem 0; }
.investing-widget legend, .investing-widget summary { font-size: 1.08rem; font-weight: 750; line-height: 1.4; }
.investing-widget legend { margin-bottom: .8rem; }
.investing-widget details { border-top: 1px solid #c8d2d9; padding: 1.15rem 0; }
.investing-widget summary { cursor: pointer; padding: .4rem 0; }
.investing-widget details[open] > summary { margin-bottom: .9rem; }
.investing-widget__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.25rem; }
.investing-widget label { display: flex; flex-direction: column; gap: .35rem; font-size: .95rem; font-weight: 600; }
.investing-widget small { font-weight: 400; }
.investing-widget input, .investing-widget select {
  display: block; width: 100%; max-width: 100%; min-height: 46px;
  border: 1px solid #8396a6; border-radius: 8px; padding: .65rem .75rem;
  background: #fff; color: #173046; font: inherit; font-size: 16px;
}
.investing-widget input:disabled, .investing-widget select:disabled { opacity: .6; }
.investing-widget input:user-invalid { border-color: #9d3434; }
.investing-widget :is(input, select, button, summary, a):focus-visible { outline: 3px solid #3170a5; outline-offset: 3px; }
.investing-widget .investing-widget__check { flex-direction: row; align-items: center; margin: 1rem 0; gap: .75rem; }
.investing-widget input[type=checkbox] { flex: 0 0 22px; width: 22px; height: 22px; min-height: 22px; }
.investing-widget__currency { max-width: 250px; }
.investing-widget .investing-widget__rule { border: 1px solid #c8d2d9; background: #fff; border-radius: 12px; padding: 1rem; }
.investing-widget__rule > label, .investing-widget__rule > div { margin-bottom: 1rem; }
.investing-widget button { min-height: 44px; padding: .65rem 1rem; border-radius: 8px; border: 1px solid #24415f; background: #24415f; color: #fff; font: inherit; cursor: pointer; }
.investing-widget button:disabled { opacity: .5; cursor: default; }
.investing-widget__actions { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin: 1rem 0 1.5rem; }
.investing-widget__results { border-top: 3px solid #416951; padding-top: .7rem; scroll-margin-top: 18rem; }
.investing-widget__results[data-sign=negative] { border-top-color: #9d5639; }
.investing-widget__metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin: 1.25rem 0; }
.investing-widget__metrics > div { border: 1px solid #c8d2d9; border-radius: 10px; padding: 1rem; background: #edf2ef; }
.investing-widget__metrics span { display: block; font-size: .87rem; }
.investing-widget__metrics strong { display: block; font-size: clamp(1.3rem, 3vw, 1.8rem); margin-top: .4rem; font-variant-numeric: tabular-nums; }
.investing-widget__table-wrap { overflow-x: auto; }
.investing-widget table { width: 100%; border-collapse: collapse; font-size: .9rem; table-layout: fixed; }
.investing-widget caption { text-align: left; font-weight: 700; margin-bottom: .7rem; }
.investing-widget th, .investing-widget td { padding: .65rem .45rem; border-bottom: 1px solid #c8d2d9; text-align: right; vertical-align: top; font-variant-numeric: tabular-nums; }
.investing-widget th:first-child { text-align: left; }
.investing-widget__error { padding: 1rem; border: 1px solid #9d3434; border-radius: 8px; }
@media (max-width: 560px) {
  .investing-page .content { padding-inline: .8rem; }
  .investing-widget__fields, .investing-widget__metrics { grid-template-columns: 1fr; }
  .investing-widget table { font-size: .8rem; }
}

.investing-widget__live { position: sticky; top: 7rem; z-index: 5; display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1.5rem; padding: .8rem 1rem; margin: 1.2rem 0; border: 1px solid #b4c5bb; border-radius: 10px; background: #edf2ef; box-shadow: 0 3px 10px #17304612; }
.investing-widget__live span { display: block; font-size: .8rem; }
.investing-widget__live strong { display: block; font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.investing-widget__live a { margin-left: auto; font-size: .85rem; }
.investing-widget input, .investing-widget select, .investing-widget button, .investing-widget summary { scroll-margin-top: 18rem; }

.investing-calculator-page main { overflow: visible; }
.investing-widget > p, .investing-widget form p, .investing-widget__results p, .investing-widget details p { text-align: left; }

.investing-widget__sections { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin: 1rem 0; font-size: .9rem; }
.investing-widget__sections a { padding: .3rem 0; }
.investing-widget :is(fieldset, details) { scroll-margin-top: 18rem; }
@media (prefers-reduced-motion: reduce) { html:has(.investing-calculator-page) { scroll-behavior: auto; } }

body.website.warm-theme.investing-page .investing-actions__button:not(.investing-actions__button--scenario),
body.website.warm-theme.investing-page .investing-actions__button:not(.investing-actions__button--scenario):visited {
  background: #ffffff;
  color: #173046;
  border-color: #8396a6;
}
body.website.warm-theme.investing-page .investing-actions__button:not(.investing-actions__button--scenario):hover,
body.website.warm-theme.investing-page .investing-actions__button:not(.investing-actions__button--scenario):focus-visible {
  background: #173046;
  color: #ffffff;
}

.investing-widget > h2 { margin: 0 0 .5rem; }
.investing-widget__currency { margin-bottom: .5rem; }
.investing-widget__results { margin-top: 1.25rem; }
.investing-widget__metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.investing-widget__metrics strong { font-size: clamp(1.1rem, 2.4vw, 1.6rem); }
@media(max-width:560px) { .investing-widget__metrics { grid-template-columns:1fr; } }