
/* Phase 1 components/design system additions */
:root{
  --nhf-radius-sm:10px;
  --nhf-radius-md:16px;
  --nhf-radius-lg:24px;
  --nhf-shadow-card:0 14px 40px rgba(15,23,42,.08);
  --nhf-shadow-strong:0 26px 80px rgba(15,23,42,.14);
  --nhf-focus:0 0 0 4px rgba(0,179,107,.22);
}
.nhf-c-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:14px;font-weight:900;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.nhf-c-button--primary{background:#00b36b;color:#fff;box-shadow:0 12px 28px rgba(0,179,107,.24)}
.nhf-c-button--primary:hover{background:#047857;color:#fff;transform:translateY(-1px)}
.nhf-c-button--secondary{background:#ecfdf5;color:#047857}
.nhf-c-button--ghost{border:1px solid #e2e8f0;background:#fff;color:#0f172a}
.nhf-c-card{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid #e2e8f0;border-radius:var(--nhf-radius-lg);background:#fff;color:#0f172a;text-decoration:none;box-shadow:var(--nhf-shadow-card)}
.nhf-c-card:hover{box-shadow:var(--nhf-shadow-strong);transform:translateY(-2px)}
.nhf-c-card strong{font-size:18px;letter-spacing:-.03em}
.nhf-c-card span{color:#64748b;line-height:1.6}
.nhf-c-alert{padding:16px 18px;border-radius:var(--nhf-radius-md);border:1px solid #dbeafe;background:#eff6ff;color:#1e3a8a;font-weight:700}
.nhf-c-alert--success{border-color:#bbf7d0;background:#f0fdf4;color:#14532d}
.nhf-c-alert--warning{border-color:#fde68a;background:#fffbeb;color:#92400e}
.nhf-c-faq{display:grid;gap:12px}
.nhf-c-faq__item{border:1px solid #e2e8f0;border-radius:16px;background:#fff;overflow:hidden}
.nhf-c-faq__item summary{cursor:pointer;padding:18px 20px;font-weight:900;color:#0f172a}
.nhf-c-faq__item div{padding:0 20px 18px;color:#475569;line-height:1.7}
.nhf-hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.nhf-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:#64748b}
.nhf-breadcrumb a{color:#047857;text-decoration:none;font-weight:750}
:focus-visible{outline:none!important;box-shadow:var(--nhf-focus)!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
