/* BigBears Design System v1 — money pages and static tools */
:root {
  color-scheme: light;
  --bb-ink: #111827;
  --bb-muted: #4b5563;
  --bb-canvas: #ffffff;
  --bb-soft: #f8fbff;
  --bb-info: #eff6ff;
  --bb-brand: #2563eb;
  --bb-brand-strong: #1d4ed8;
  --bb-line: #dbeafe;
  --bb-neutral-line: #e5e7eb;
  --bb-ok: #047857;
  --bb-warn: #b45309;
  --bb-warning-surface: #fff7ed;
  --bb-radius-sm: 10px;
  --bb-radius-md: 14px;
  --bb-radius-lg: 18px;
  --bb-gap: 14px;
  --bb-font: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: var(--bb-font); color: var(--bb-ink); background: var(--bb-canvas); }
p { color: var(--bb-muted); line-height: 1.6; }
a { color: var(--bb-brand); }
.bb-tool { border: 1px solid var(--bb-line); border-radius: var(--bb-radius-lg); padding: 18px; background: linear-gradient(180deg,#ffffff,var(--bb-soft)); max-width: 920px; margin: 0 auto; }
.bb-tool h1, .bb-tool h2 { margin: 0 0 8px; font-size: 1.45rem; line-height: 1.2; letter-spacing: -0.01em; }
.bb-tool-kicker { display: inline-flex; gap: 6px; align-items: center; font-size: .78rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--bb-brand-strong); background: var(--bb-info); border: 1px solid var(--bb-line); border-radius: 999px; padding: 5px 9px; margin-bottom: 10px; }
.bb-grid, .grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--bb-gap); }
.bb-result-grid, .result { margin-top: 16px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.bb-field label, label { display: block; font-weight: 750; margin-bottom: 6px; color: var(--bb-ink); }
input, select { width: 100%; border: 1px solid #cbd5e1; border-radius: var(--bb-radius-sm); padding: 11px; font-size: 16px; background: #fff; color: var(--bb-ink); }
input:focus, select:focus { outline: 3px solid rgba(37,99,235,.18); border-color: var(--bb-brand); }
.bb-card, .card { border: 1px solid var(--bb-neutral-line); border-radius: var(--bb-radius-md); padding: 14px; background: #fff; }
.bb-label, .label { font-size: .82rem; color: var(--bb-muted); }
.bb-value, .value { font-size: 1.45rem; font-weight: 850; margin-top: 5px; line-height: 1.15; }
.bb-ok, .ok { color: var(--bb-ok); }
.bb-warn, .warn { color: var(--bb-warn); }
.bb-callout, .bb-plan, .plan { margin-top: 14px; border: 1px solid var(--bb-line); border-radius: var(--bb-radius-md); padding: 14px; background: var(--bb-info); }
.bb-plan ul, .plan ul { margin: 8px 0 0 1.1rem; padding: 0; }
.bb-disclaimer, .disclaimer { font-size: .88rem; color: #6b7280; }
.bb-button { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--bb-brand); border-radius: 999px; padding: 10px 14px; font-weight: 750; text-decoration: none; color: #fff; background: var(--bb-brand); }
.bb-button:hover { background: var(--bb-brand-strong); }
@media (max-width: 720px) { .bb-grid, .bb-result-grid { grid-template-columns: 1fr; } .bb-tool { padding: 14px; border-radius: 14px; } }