/* Reference guides reuse the site's type, colors and controls. */
.wealth-contents, .wealth-calculator {
  margin: 28px 0;
  padding: 22px;
  border: 1px solid var(--line, #d8d2c9);
  border-radius: 8px;
  background: var(--paper, #faf7f2);
}
.wealth-contents ul { margin-bottom: 0; }
.wealth-calculator fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.wealth-calculator h3 { margin-top: 0; }
.wealth-inputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.wealth-inputs label { display: flex; flex-direction: column; gap: 6px; font-size: 0.9rem; }
.wealth-inputs input {
  width: 100%; box-sizing: border-box; min-width: 0; padding: 10px;
  border: 1px solid var(--line, #d8d2c9); border-radius: 4px;
  background: var(--bg, #faf7f2); color: var(--ink, #222);
  font: inherit;
}
.wealth-result { border-top: 1px solid var(--line, #d8d2c9); padding-top: 16px; }
.wealth-table { overflow-x: auto; margin: 24px 0; }
.wealth-table table { width: 100%; min-width: 480px; }
.wealth-steps h3 { font-size: 1.05rem; }
@media (max-width: 600px) {
  .wealth-inputs { grid-template-columns: 1fr; }
  .wealth-contents, .wealth-calculator { padding: 16px; }
}