.enp-agecalc-card { padding: 24px 20px; margin-bottom: 16px; }
.enp-agecalc-row { margin-bottom: 18px; }
.enp-agecalc-row label { display: block; font-size: .8rem; font-weight: 700; color: var(--ink); margin-bottom: 6px; }
.enp-agecalc-row input[type="date"] {
  width: 100%; padding: 10px 12px; border: 1px solid var(--bd2); border-radius: var(--r);
  font-family: 'Inter', sans-serif; font-size: .9rem; color: var(--ink); background: var(--white);
}
.enp-agecalc-row input[type="date"]:focus { outline: none; border-color: var(--amber); }
.enp-agecalc-hint { font-size: .72rem; color: var(--ink3); margin-top: 6px; }
#enpAgeCalcBtn { width: 100%; padding: 12px; font-size: .9rem; }

.enp-agecalc-result { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--bd); text-align: center; }
.enp-agecalc-result-main { font-size: 1.6rem; font-weight: 800; color: var(--ink); margin-bottom: 4px; }
.enp-agecalc-result-main span { color: var(--amber); font-variant-numeric: tabular-nums; }
.enp-agecalc-bands { margin-top: 14px; display: flex; flex-direction: column; gap: 8px; }
.enp-agecalc-band {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 8px 14px; border-radius: var(--r); font-size: .8rem; font-weight: 600; text-align: left;
}
.enp-agecalc-band-eligible { background: #ECFDF5; color: #047857; }
.enp-agecalc-band-ineligible { background: #FEF2F2; color: #B91C1C; }
.enp-agecalc-band-name { font-weight: 700; }
.enp-agecalc-band-range { font-weight: 400; opacity: .8; }

.enp-agecalc-note { padding: 14px 16px; font-size: .78rem; color: var(--ink2); line-height: 1.6; border-left: 3px solid var(--amber-bd); }
