/**
 * W14-1 — Finance-tools vertical calculator polish (hub-only).
 * Avoids promote (W13-1). Dark-board compatible via .rc-space-bg tokens.
 */
.rcl-vertical-landing[data-slug="finance-tools"] .rcl-finance-fx {
  margin: 0 0 1.5rem;
  padding: 1.2rem 1.3rem 1.35rem;
  background: var(--rcy-surface, #fff);
  border: 1px solid color-mix(in srgb, var(--rcy-yellow-deep, #e0ac00) 40%, var(--rcy-border, #e8e0d0));
  border-radius: var(--rcy-radius-soft, 18px);
  box-shadow: 0 8px 28px rgba(245, 197, 24, 0.14);
}
.rcl-vertical-landing[data-slug="finance-tools"] .rcl-finance-fx .rcy-h2 {
  margin-top: 0;
}
.rcl-vertical-landing[data-slug="finance-tools"] .rcl-finance-fx__grid {
  margin-top: 0.85rem;
}
.rcl-vertical-landing[data-slug="finance-tools"] .rcl-tools__field input:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(245, 197, 24, 0.45);
  border-color: var(--rcy-yellow-deep, #e0ac00);
}
/* Dark board shell */
.rc-space-bg .rcl-vertical-landing[data-slug="finance-tools"] .rcl-finance-fx,
.rcl-board-shell .rcl-vertical-landing[data-slug="finance-tools"] .rcl-finance-fx {
  background: var(--rc-bg-elev, #121c2e);
  border-color: color-mix(in srgb, var(--rc-accent, #f5c518) 35%, var(--rc-bg-line, rgba(120, 160, 220, 0.12)));
  color: var(--rc-ink, #e8eef8);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
}
.rc-space-bg .rcl-vertical-landing[data-slug="finance-tools"] .rcl-finance-fx .rcy-h2,
.rcl-board-shell .rcl-vertical-landing[data-slug="finance-tools"] .rcl-finance-fx .rcy-h2 {
  color: var(--rc-ink, #e8eef8);
}
.rc-space-bg .rcl-vertical-landing[data-slug="finance-tools"] .rcl-finance-fx .rcy-meta,
.rcl-board-shell .rcl-vertical-landing[data-slug="finance-tools"] .rcl-finance-fx .rcy-meta {
  color: var(--rc-muted, #9aa8c0);
}
.rc-space-bg .rcl-vertical-landing[data-slug="finance-tools"] .rcl-tools__field span,
.rcl-board-shell .rcl-vertical-landing[data-slug="finance-tools"] .rcl-tools__field span {
  color: var(--rc-ink, #e8eef8);
}
.rc-space-bg .rcl-vertical-landing[data-slug="finance-tools"] .rcl-tools__field input,
.rcl-board-shell .rcl-vertical-landing[data-slug="finance-tools"] .rcl-tools__field input {
  background: var(--rc-bg-elev, #121c2e);
  border-color: var(--rc-bg-line, rgba(120, 160, 220, 0.12));
  color: var(--rc-ink, #e8eef8);
}
/* Tile row stays yellow; calc sits as finance wedge accent */
.rcl-vertical-landing[data-slug="finance-tools"] .rcl-vertical-tiles {
  margin-bottom: 1rem;
}
