/* Capital Gains Tax by State: green-to-gold-to-orange accent, a rising line; the calculator is the product. */
:root {
  --grad: linear-gradient(120deg, #22c55e 0%, #eab308 50%, #f97316 100%);
  --grad-warm: linear-gradient(120deg, #bae6fd 0%, #99f6e4 50%, #bbf7d0 100%);
  --accent: #facc15;
  --accent-hi: #fef9c3;
  --accent-soft: rgba(250, 204, 21, .12);
  --glow: 0 18px 48px -18px rgba(234, 179, 8, .5);
}
body::before {
  background:
    radial-gradient(52rem 34rem at 12% -8%, rgba(56, 189, 248, .13), transparent 62%),
    radial-gradient(46rem 30rem at 92% -4%, rgba(34, 197, 94, .10), transparent 60%),
    radial-gradient(40rem 28rem at 50% 108%, rgba(20, 184, 166, .09), transparent 60%);
}
.card-ic { background: linear-gradient(140deg, rgba(56, 189, 248, .2), rgba(34, 197, 94, .12)); border-color: rgba(153, 246, 228, .3); color: #fef9c3; }
.stat b.long { font-size: clamp(1.35rem, 1.1rem + .9vw, 1.9rem); overflow-wrap: anywhere; }

/* cover art per family */
.fam-federal { background: radial-gradient(120% 140% at 0% 0%, rgba(20, 184, 166, .34), rgba(8, 16, 25, .9) 70%); color: #fef9c3; }
.fam-state { background: radial-gradient(120% 140% at 100% 0%, rgba(56, 189, 248, .3), rgba(8, 16, 25, .9) 70%); color: #bae6fd; }
.fam-property { background: radial-gradient(120% 140% at 0% 100%, rgba(34, 197, 94, .28), rgba(8, 16, 25, .9) 70%); color: #bbf7d0; }
.fam-concept { background: radial-gradient(120% 140% at 100% 100%, rgba(45, 212, 191, .3), rgba(8, 16, 25, .9) 70%); color: #99f6e4; }

.result-grid b { font-size: clamp(1rem, .9rem + .45vw, 1.25rem); overflow-wrap: anywhere; }