@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap");
.nhrc {
  --nhrc-brand: #232e73;            /* deep navy  */
  --nhrc-brand-fg: #ffffff;
  --nhrc-accent: #c21a5f;           /* magenta    */
  --nhrc-accent-fg: #ffffff;
  --nhrc-info: #2f5cba;             /* bright blue */
  --nhrc-info-fg: #ffffff;
  --nhrc-tint: #e9eef9;             /* light header band */
  --nhrc-bg: #f7f8fb;               /* page background */
  --nhrc-card: #ffffff;
  --nhrc-fg: #2b2f3a;               /* body text */
  --nhrc-muted: #686d7a;            /* muted text */
  --nhrc-border: #e4e6eb;
  --nhrc-danger: #cf3a2a;
  --nhrc-info-soft: rgba(47, 92, 186, 0.10);
  --nhrc-danger-soft: rgba(207, 58, 42, 0.10);
  --nhrc-radius: 0.75rem;
  --nhrc-radius-lg: 1rem;
  --nhrc-radius-xl: 1.25rem;
  --nhrc-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.10);
  --nhrc-maxw: 80rem;
  --nhrc-font-heading: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --nhrc-font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

  font-family: var(--nhrc-font-body);
  color: var(--nhrc-fg);
  background: var(--nhrc-bg);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.nhrc *,
.nhrc *::before,
.nhrc *::after { box-sizing: border-box !important; }

.nhrc h1, .nhrc h2, .nhrc h3, .nhrc h4 {
  font-family: var(--nhrc-font-heading) !important;
  letter-spacing: -0.01em !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}
.nhrc p { margin: 0 !important; }
.nhrc a { color: inherit !important; text-decoration: none !important; }
.nhrc img { max-width: 100% !important; display: block !important; }
.nhrc ul, .nhrc ol { margin: 0 !important; padding: 0 !important; list-style: none !important; }

/* ---- 2. Layout helpers --------------------------------------------------- */
.nhrc-container {
  width: 100% !important;
  max-width: var(--nhrc-maxw) !important;
  margin-inline: auto !important;
  padding-inline: 1rem !important;
}
@media (min-width: 1024px) {
  .nhrc-container { padding-inline: 2rem !important; }
}
.nhrc-section { padding-block: 4rem !important; }
@media (min-width: 1024px) {
  .nhrc-section { padding-block: 5rem !important; }
}
.nhrc-section--tint  { background: var(--nhrc-bg) !important; }
.nhrc-section--card  { background: var(--nhrc-card) !important; }
.nhrc-section--brand { background: var(--nhrc-brand) !important; color: var(--nhrc-brand-fg) !important; }

.nhrc-icon { width: 1.5rem !important; height: 1.5rem !important; flex: none !important; }
.nhrc-icon--sm { width: 1.25rem !important; height: 1.25rem !important; }
.nhrc-icon--xs { width: 0.875rem !important; height: 0.875rem !important; }
.nhrc-sr-only {
  position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important;
  overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important;
}

/* ---- 3. Header ----------------------------------------------------------- */
.nhrc-header { position: sticky !important; top: 0 !important; z-index: 50 !important; }
.nhrc-topbar { background: var(--nhrc-tint) !important; }
.nhrc-topbar__inner {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  gap: 1rem !important; padding-block: 0.75rem !important;
}
.nhrc-brand { display: flex !important; align-items: center !important; gap: 0.75rem !important; }
.nhrc-brand__logo { height: 3rem !important; width: auto !important; border-radius: 2px !important; }
.nhrc-brand__text { display: none !important; line-height: 1.2 !important; }
.nhrc-brand__title { font-family: var(--nhrc-font-heading) !important; font-weight: 700 !important; color: var(--nhrc-brand) !important; font-size: 1rem !important; }
.nhrc-brand__sub { font-size: 0.75rem !important; color: var(--nhrc-muted) !important; }
@media (min-width: 640px) { .nhrc-brand__text { display: block !important; } }
@media (min-width: 768px) {
  .nhrc-brand__logo { height: 3.5rem !important; }
  .nhrc-brand__title { font-size: 1.25rem !important; }
}

.nhrc-topbar__actions { display: flex !important; align-items: center !important; gap: 0.75rem !important; }
.nhrc-search { position: relative !important; display: none !important; }
@media (min-width: 768px) { .nhrc-search { display: block !important; } }
.nhrc-search__icon { position: absolute !important; left: 0.75rem !important; top: 50% !important; transform: translateY(-50%) !important; color: var(--nhrc-muted) !important; pointer-events: none !important; }
.nhrc-search__input {
  height: 2.5rem !important; width: 14rem !important; border: 1px solid var(--nhrc-border) !important;
  background: #fff !important; border-radius: 0.5rem !important; padding: 0 0.75rem 0 2.25rem !important;
  font-size: 0.875rem !important; color: var(--nhrc-fg) !important; outline: none !important;
}
.nhrc-search__input:focus { border-color: var(--nhrc-info) !important; box-shadow: 0 0 0 3px rgba(47, 92, 186, 0.25) !important; }
@media (min-width: 1024px) { .nhrc-search__input { width: 18rem !important; } }

.nhrc-btn-dash {
  display: none !important; align-items: center !important; gap: 0.5rem !important; background: var(--nhrc-info) !important;
  color: var(--nhrc-info-fg) !important; padding: 0.625rem 1rem !important; border-radius: 0.5rem !important;
  font-size: 0.875rem !important; font-weight: 600 !important;
}
@media (min-width: 640px) { .nhrc-btn-dash { display: inline-flex !important; } }

/* hamburger (checkbox hack, zero JS) */
.nhrc-menu-toggle { display: none !important; }
.nhrc-hamburger {
  display: inline-flex !important; padding: 0.5rem !important; color: var(--nhrc-brand) !important;
  cursor: pointer !important; border-radius: 0.5rem !important;
}
.nhrc-hamburger .nhrc-icon-close { display: none !important; }
@media (min-width: 1280px) { .nhrc-hamburger { display: none !important; } }

/* Navy nav bar (desktop) */
.nhrc-navbar { background: var(--nhrc-brand) !important; color: var(--nhrc-brand-fg) !important; box-shadow: var(--nhrc-shadow) !important; }
.nhrc-nav { display: none !important; align-items: center !important; }
@media (min-width: 1280px) { .nhrc-nav { display: flex !important; } }
.nhrc-nav__item { position: relative !important; }
.nhrc-nav__link {
  display: flex !important; align-items: center !important; gap: 0.25rem !important; padding: 0.875rem 1rem !important;
  font-size: 0.875rem !important; font-weight: 600 !important; color: rgba(255, 255, 255, 0.9) !important;
  transition: background-color 0.15s, color 0.15s !important;
}
.nhrc-nav__item:hover > .nhrc-nav__link { background: rgba(255, 255, 255, 0.1) !important; color: #fff !important; }
.nhrc-nav__chev { opacity: 0.7 !important; transition: transform 0.15s !important; }
.nhrc-nav__item:hover .nhrc-nav__chev { transform: rotate(180deg) !important; }

.nhrc-dropdown {
  position: absolute !important; left: 0 !important; top: 100% !important; z-index: 50 !important;
  background: #fff !important; color: var(--nhrc-fg) !important;
  border: 1px solid var(--nhrc-border) !important; border-top: none !important;
  border-radius: 0 0 0.75rem 0.75rem !important; padding: 0.5rem !important;
  box-shadow: 0 12px 28px rgba(16, 24, 40, 0.16) !important;
  min-width: 16rem !important; opacity: 0 !important; visibility: hidden !important;
  transform: translateY(0.25rem) !important; transition: all 0.15s !important;
}
.nhrc-nav__item:hover .nhrc-dropdown { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }
.nhrc-dropdown--wide { display: grid !important; grid-template-columns: 1fr 1fr !important; column-gap: 0.5rem !important; width: 34rem !important; }
.nhrc-dropdown__link {
  display: block !important; padding: 0.5rem 0.75rem !important; border-radius: 0.5rem !important;
  font-size: 0.875rem !important; color: rgba(43, 47, 58, 0.78) !important; transition: background 0.15s, color 0.15s !important;
}
.nhrc-dropdown__link:hover { background: var(--nhrc-bg) !important; color: var(--nhrc-brand) !important; }

/* Mobile nav (revealed by checkbox) */
.nhrc-mobile-nav { display: none !important; background: var(--nhrc-brand) !important; color: var(--nhrc-brand-fg) !important; border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
.nhrc-menu-toggle:checked ~ .nhrc-mobile-nav { display: block !important; }
.nhrc-menu-toggle:checked ~ .nhrc-topbar .nhrc-hamburger .nhrc-icon-menu { display: none !important; }
.nhrc-menu-toggle:checked ~ .nhrc-topbar .nhrc-hamburger .nhrc-icon-close { display: inline !important; }
@media (min-width: 1280px) { .nhrc-mobile-nav { display: none !important !important; } }
.nhrc-mobile-nav__list { padding-block: 0.5rem !important; }
.nhrc-mobile-group { border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
.nhrc-mobile-group:last-child { border-bottom: none !important; }
.nhrc-mobile-group > summary {
  list-style: none !important; cursor: pointer !important; display: flex !important; align-items: center !important;
  justify-content: space-between !important; padding: 0.75rem 0 !important; font-size: 0.875rem !important;
  font-weight: 600 !important; color: rgba(255, 255, 255, 0.9) !important;
}
.nhrc-mobile-group > summary::-webkit-details-marker { display: none !important; }
.nhrc-mobile-group > summary .nhrc-icon { transition: transform 0.15s !important; }
.nhrc-mobile-group[open] > summary .nhrc-icon { transform: rotate(180deg) !important; }
.nhrc-mobile-link { display: block !important; padding: 0.5rem 0 !important; font-size: 0.875rem !important; color: rgba(255, 255, 255, 0.75) !important; }
.nhrc-mobile-sub { padding: 0 0 0.5rem 0.75rem !important; }
.nhrc-mobile-simple { display: block !important; padding: 0.75rem 0 !important; font-size: 0.875rem !important; font-weight: 600 !important; color: rgba(255, 255, 255, 0.9) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }

/* ---- 4. Page hero -------------------------------------------------------- */
.nhrc-hero { position: relative !important; overflow: hidden !important; background: var(--nhrc-brand) !important; }
.nhrc-hero__img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.nhrc-hero__overlay { position: absolute !important; inset: 0 !important; }
.nhrc-hero__overlay--img { background: linear-gradient(to right, var(--nhrc-brand), rgba(35, 46, 115, 0.92) 50%, rgba(35, 46, 115, 0.45)) !important; }
.nhrc-hero__overlay--plain { background: linear-gradient(to bottom right, var(--nhrc-brand), #1b2455) !important; }
.nhrc-hero__inner { position: relative !important; padding-block: 4rem !important; }
@media (min-width: 1024px) { .nhrc-hero__inner { padding-block: 5rem !important; } }
.nhrc-crumbs { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 0.375rem !important; margin-bottom: 1.25rem !important; font-size: 0.875rem !important; color: rgba(255, 255, 255, 0.7) !important; }
.nhrc-crumbs__sep { opacity: 0.6 !important; }
.nhrc-crumbs a:hover { color: #fff !important; }
.nhrc-crumbs__current { font-weight: 500 !important; color: #fff !important; }
.nhrc-hero__title { max-width: 48rem !important; color: #fff !important; font-size: 1.875rem !important; font-weight: 800 !important; line-height: 1.15 !important; }
@media (min-width: 640px) { .nhrc-hero__title { font-size: 2.25rem !important; } }
@media (min-width: 1024px) { .nhrc-hero__title { font-size: 3rem !important; } }
.nhrc-hero__desc { max-width: 42rem !important; margin-top: 1.25rem !important; color: rgba(255, 255, 255, 0.85) !important; line-height: 1.6 !important; }

/* ---- 5. Reusable bits ---------------------------------------------------- */
.nhrc-eyebrow {
  display: inline-block !important; border-radius: 999px !important; padding: 0.25rem 0.75rem !important;
  font-size: 0.75rem !important; font-weight: 600 !important; text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
.nhrc-eyebrow--info   { background: var(--nhrc-info-soft) !important; color: var(--nhrc-info) !important; }
.nhrc-eyebrow--danger { background: var(--nhrc-danger-soft) !important; color: var(--nhrc-danger) !important; }
.nhrc-eyebrow--ghost  { background: rgba(255, 255, 255, 0.1) !important; color: rgba(255, 255, 255, 0.9) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2) !important; display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; }

.nhrc-rule { display: block !important; height: 0.25rem !important; width: 3rem !important; border-radius: 999px !important; background: var(--nhrc-accent) !important; margin-top: 0.75rem !important; }
.nhrc-rule--lg { width: 4rem !important; }

.nhrc-h2 { font-size: 1.5rem !important; font-weight: 700 !important; color: var(--nhrc-brand) !important; }
@media (min-width: 640px) { .nhrc-h2 { font-size: 1.875rem !important; } }
.nhrc-h2--light { color: #fff !important; }
.nhrc-lead { margin-top: 1rem !important; color: var(--nhrc-muted) !important; line-height: 1.6 !important; }
.nhrc-lead--light { color: rgba(255, 255, 255, 0.8) !important; }
.nhrc-maxw-2xl { max-width: 42rem !important; }
.nhrc-maxw-3xl { max-width: 48rem !important; }

/* badge / icon chips */
.nhrc-chip {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  border-radius: 0.75rem !important; flex: none !important;
}
.nhrc-chip--brand { width: 3rem !important; height: 3rem !important; background: var(--nhrc-brand) !important; color: #fff !important; }
.nhrc-chip--info  { width: 3rem !important; height: 3rem !important; background: var(--nhrc-info-soft) !important; color: var(--nhrc-info) !important; }
.nhrc-chip--info-sm { width: 2.75rem !important; height: 2.75rem !important; background: var(--nhrc-info-soft) !important; color: var(--nhrc-info) !important; }
.nhrc-chip--info-solid { width: 3rem !important; height: 3rem !important; background: var(--nhrc-info) !important; color: #fff !important; }
.nhrc-chip--lg { width: 4rem !important; height: 4rem !important; border-radius: 1rem !important; }

/* cards */
.nhrc-card {
  background: var(--nhrc-card) !important; border: 1px solid var(--nhrc-border) !important;
  border-radius: var(--nhrc-radius-xl) !important; padding: 2rem !important; box-shadow: var(--nhrc-shadow) !important;
}
.nhrc-card--hover { transition: transform 0.2s !important; }
.nhrc-card--hover:hover { transform: translateY(-6px) !important; }
.nhrc-card__title { margin-top: 1.25rem !important; font-size: 1.25rem !important; font-weight: 700 !important; color: var(--nhrc-brand) !important; }
.nhrc-card__title--sm { font-size: 1.125rem !important; }
.nhrc-card__text { margin-top: 1rem !important; color: var(--nhrc-muted) !important; line-height: 1.6 !important; }

/* grids */
.nhrc-grid { display: grid !important; gap: 1.5rem !important; }
.nhrc-grid--2 { grid-template-columns: 1fr !important; }
.nhrc-grid--3 { grid-template-columns: 1fr !important; }
.nhrc-grid--4 { grid-template-columns: 1fr !important; }
@media (min-width: 640px) {
  .nhrc-grid--3 { grid-template-columns: repeat(2, 1fr) !important; }
  .nhrc-grid--4 { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (min-width: 768px) {
  .nhrc-grid--2 { grid-template-columns: repeat(2, 1fr) !important; }
  .nhrc-grid--3 { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (min-width: 1024px) {
  .nhrc-grid--4 { grid-template-columns: repeat(4, 1fr) !important; }
}

/* check / bullet lists */
.nhrc-list { display: grid !important; gap: 0.75rem !important; margin-top: 1.25rem !important; }
.nhrc-list__item { display: flex !important; gap: 0.75rem !important; line-height: 1.6 !important; }
.nhrc-list__item-text { color: rgba(43, 47, 58, 0.8) !important; }
.nhrc-check { color: var(--nhrc-info) !important; margin-top: 0.125rem !important; }
.nhrc-x { color: var(--nhrc-danger) !important; margin-top: 0.125rem !important; }

/* value tiles */
.nhrc-values { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 1rem !important; margin-top: 2.5rem !important; }
@media (min-width: 640px) { .nhrc-values { grid-template-columns: repeat(4, 1fr) !important; } }
.nhrc-value {
  display: flex !important; align-items: center !important; gap: 0.75rem !important; padding: 1rem !important;
  background: var(--nhrc-card) !important; border: 1px solid var(--nhrc-border) !important; border-radius: 0.75rem !important;
  font-weight: 600 !important; color: var(--nhrc-brand) !important;
}
.nhrc-value .nhrc-icon { color: var(--nhrc-info) !important; }

/* two-column split */
.nhrc-split { display: grid !important; gap: 3rem !important; align-items: start !important; }
@media (min-width: 1024px) {
  .nhrc-split--wide-left { grid-template-columns: 1.4fr 1fr !important; }
  .nhrc-split--wide-right { grid-template-columns: 1fr 1.3fr !important; }
  .nhrc-split--half { grid-template-columns: 1fr 1fr !important; }
  .nhrc-split--form { grid-template-columns: 1fr 1.2fr !important; }
}
.nhrc-sticky { }
@media (min-width: 1024px) { .nhrc-sticky { position: sticky !important; top: 7rem !important; } }

/* powers (on brand) */
.nhrc-powerlist { display: grid !important; gap: 1rem !important; margin-top: 2.5rem !important; }
@media (min-width: 640px) { .nhrc-powerlist { grid-template-columns: repeat(2, 1fr) !important; } }
.nhrc-power {
  display: flex !important; gap: 0.75rem !important; padding: 1.25rem !important; line-height: 1.6 !important;
  background: rgba(255, 255, 255, 0.05) !important; border-radius: 0.75rem !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1) !important; color: rgba(255, 255, 255, 0.9) !important;
}
.nhrc-power .nhrc-icon { color: var(--nhrc-accent) !important; margin-top: 0.125rem !important; }
.nhrc-panel { background: rgba(255, 255, 255, 0.05) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1) !important; border-radius: 1rem !important; padding: 1.75rem !important; }

/* core functions inline rows */
.nhrc-func { display: flex !important; gap: 1rem !important; }
.nhrc-func + .nhrc-func { margin-top: 1rem !important; }
.nhrc-func__title { font-weight: 600 !important; color: var(--nhrc-brand) !important; }
.nhrc-func__text { margin-top: 0.25rem !important; font-size: 0.875rem !important; color: var(--nhrc-muted) !important; line-height: 1.6 !important; }

/* buttons / CTA */
.nhrc-btn {
  display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; flex: none !important;
  border-radius: 999px !important; padding: 0.875rem 1.75rem !important; font-size: 0.875rem !important;
  font-weight: 600 !important; cursor: pointer !important; border: none !important; transition: transform 0.2s, opacity 0.2s !important;
}
.nhrc-btn:hover { transform: translateY(-2px) !important; }
.nhrc-btn--accent { background: var(--nhrc-accent) !important; color: var(--nhrc-accent-fg) !important; }
.nhrc-btn--light { background: #fff !important; color: var(--nhrc-brand) !important; }
.nhrc-btn--brand { background: var(--nhrc-brand) !important; color: #fff !important; }
.nhrc-btn--block { width: 100% !important; justify-content: center !important; }

.nhrc-cta { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 1.5rem !important; text-align: center !important; padding-block: 3.5rem !important; }
@media (min-width: 1024px) {
  .nhrc-cta { flex-direction: row !important; justify-content: space-between !important; text-align: left !important; }
}
.nhrc-cta__actions { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 0.75rem !important; }

/* commissioner feature */
.nhrc-feature { overflow: hidden !important; border-radius: 1.5rem !important; border: 1px solid var(--nhrc-border) !important; background: var(--nhrc-card) !important; box-shadow: var(--nhrc-shadow) !important; }
.nhrc-feature__grid { display: grid !important; grid-template-columns: 1fr !important; }
@media (min-width: 1024px) { .nhrc-feature__grid { grid-template-columns: 0.9fr 1.6fr !important; } }
.nhrc-feature__aside { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 1.25rem !important; background: var(--nhrc-brand) !important; padding: 2.5rem !important; text-align: center !important; color: #fff !important; }
.nhrc-feature__body { padding: 2rem !important; }
@media (min-width: 1024px) { .nhrc-feature__body { padding: 2.5rem !important; } }
.nhrc-feature__body p { margin-bottom: 1rem !important; color: var(--nhrc-muted) !important; line-height: 1.6 !important; }
.nhrc-feature__body p:last-child { margin-bottom: 0 !important; }
.nhrc-avatar { display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; font-family: var(--nhrc-font-heading) !important; font-weight: 800 !important; }
.nhrc-avatar--lg { width: 7rem !important; height: 7rem !important; font-size: 1.875rem !important; background: rgba(255, 255, 255, 0.1) !important; color: #fff !important; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25) !important; }
.nhrc-avatar--sm { width: 4rem !important; height: 4rem !important; font-size: 1.25rem !important; background: var(--nhrc-info-soft) !important; color: var(--nhrc-info) !important; }
.nhrc-role-pill { display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; margin-top: 0.5rem !important; border-radius: 999px !important; background: var(--nhrc-accent) !important; padding: 0.375rem 1rem !important; font-size: 0.75rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; color: var(--nhrc-accent-fg) !important; }
.nhrc-degree { display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; margin-top: 1rem !important; border-radius: 0.5rem !important; background: var(--nhrc-info-soft) !important; padding: 0.5rem 1rem !important; font-size: 0.875rem !important; font-weight: 500 !important; color: var(--nhrc-info) !important; }

.nhrc-person { display: flex !important; flex-direction: column !important; border: 1px solid var(--nhrc-border) !important; background: var(--nhrc-card) !important; border-radius: var(--nhrc-radius-xl) !important; padding: 1.75rem !important; box-shadow: var(--nhrc-shadow) !important; }
.nhrc-person__head { display: flex !important; align-items: center !important; gap: 1rem !important; }
.nhrc-person__name { font-size: 1.125rem !important; font-weight: 700 !important; color: var(--nhrc-brand) !important; }
.nhrc-person__role { font-size: 0.875rem !important; font-weight: 600 !important; color: var(--nhrc-accent) !important; }
.nhrc-person__bio { margin-top: 1.25rem !important; }
.nhrc-person__bio p { margin-bottom: 0.75rem !important; font-size: 0.875rem !important; color: var(--nhrc-muted) !important; line-height: 1.6 !important; }
.nhrc-person__bio p:last-child { margin-bottom: 0 !important; }

/* partners */
.nhrc-partner { display: flex !important; align-items: center !important; gap: 1rem !important; border: 1px solid var(--nhrc-border) !important; background: var(--nhrc-card) !important; border-radius: 0.75rem !important; padding: 1rem !important; }
.nhrc-partner + .nhrc-partner { margin-top: 1rem !important; }
.nhrc-partner__logo { height: 2.5rem !important; width: auto !important; object-fit: contain !important; }
.nhrc-partner__name { font-weight: 600 !important; color: var(--nhrc-brand) !important; }

/* steps */
.nhrc-steps { display: grid !important; gap: 1.5rem !important; margin-top: 2.5rem !important; grid-template-columns: 1fr !important; }
@media (min-width: 640px) { .nhrc-steps { grid-template-columns: repeat(2, 1fr) !important; } }
@media (min-width: 1024px) { .nhrc-steps { grid-template-columns: repeat(4, 1fr) !important; } }
.nhrc-step { position: relative !important; border: 1px solid var(--nhrc-border) !important; background: var(--nhrc-card) !important; border-radius: var(--nhrc-radius-xl) !important; padding: 1.5rem !important; box-shadow: var(--nhrc-shadow) !important; }
.nhrc-step__n { font-size: 1.875rem !important; font-weight: 800 !important; color: rgba(47, 92, 186, 0.3) !important; font-family: var(--nhrc-font-heading) !important; }
.nhrc-step__title { margin-top: 0.5rem !important; font-size: 1.125rem !important; font-weight: 700 !important; color: var(--nhrc-brand) !important; }
.nhrc-step__text { margin-top: 0.75rem !important; color: var(--nhrc-muted) !important; line-height: 1.6 !important; }

/* objectives */
.nhrc-obj-grid { display: grid !important; gap: 1.25rem !important; margin-top: 2.5rem !important; grid-template-columns: 1fr !important; }
@media (min-width: 768px) { .nhrc-obj-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (min-width: 1024px) { .nhrc-obj-grid { grid-template-columns: repeat(3, 1fr) !important; } }
.nhrc-obj { display: flex !important; flex-direction: column !important; border: 1px solid var(--nhrc-border) !important; background: var(--nhrc-card) !important; border-radius: var(--nhrc-radius-xl) !important; padding: 1.5rem !important; box-shadow: var(--nhrc-shadow) !important; }
.nhrc-obj__text { margin-top: 1rem !important; flex: 1 !important; color: rgba(43, 47, 58, 0.8) !important; line-height: 1.6 !important; }
.nhrc-obj__check { margin-top: 1rem !important; color: var(--nhrc-accent) !important; }

/* forms */
.nhrc-form { border: 1px solid var(--nhrc-border) !important; background: var(--nhrc-bg) !important; border-radius: var(--nhrc-radius-xl) !important; padding: 1.75rem !important; box-shadow: var(--nhrc-shadow) !important; }
.nhrc-form--card { background: var(--nhrc-bg) !important; }
.nhrc-field { margin-bottom: 0 !important; }
.nhrc-form-grid { display: grid !important; gap: 1.25rem !important; grid-template-columns: 1fr !important; }
@media (min-width: 640px) { .nhrc-form-grid--2 { grid-template-columns: repeat(2, 1fr) !important; } }
.nhrc-form-grid__full { grid-column: 1 / -1 !important; }
.nhrc-label { display: block !important; font-size: 0.875rem !important; font-weight: 500 !important; color: var(--nhrc-fg) !important; margin-bottom: 0.5rem !important; }
.nhrc-input, .nhrc-textarea {
  width: 100% !important; border: 1px solid var(--nhrc-border) !important; background: #fff !important;
  border-radius: 0.5rem !important; padding: 0 0.75rem !important; font-size: 0.875rem !important;
  color: var(--nhrc-fg) !important; font-family: inherit !important; outline: none !important;
}
.nhrc-input { height: 2.75rem !important; }
.nhrc-textarea { padding: 0.625rem 0.75rem !important; resize: vertical !important; }
.nhrc-input:focus, .nhrc-textarea:focus { border-color: var(--nhrc-info) !important; box-shadow: 0 0 0 3px rgba(47, 92, 186, 0.25) !important; }
.nhrc-form__note { margin-top: 0.75rem !important; text-align: center !important; font-size: 0.75rem !important; color: var(--nhrc-muted) !important; }
.nhrc-contact-list { margin-top: 2rem !important; display: grid !important; gap: 1rem !important; font-size: 0.875rem !important; }
.nhrc-contact-list .nhrc-list__item .nhrc-icon { color: var(--nhrc-info) !important; }
.nhrc-contact-list a:hover { color: var(--nhrc-info) !important; }

/* contact detail cards */
.nhrc-detail__lines { margin-top: 0.5rem !important; font-size: 0.875rem !important; color: var(--nhrc-muted) !important; line-height: 1.6 !important; }
.nhrc-detail__lines a { display: block !important; }
.nhrc-detail__lines a:hover { color: var(--nhrc-info) !important; }
.nhrc-map { overflow: hidden !important; border: 1px solid var(--nhrc-border) !important; border-radius: var(--nhrc-radius-xl) !important; box-shadow: var(--nhrc-shadow) !important; }
.nhrc-map iframe { width: 100% !important; min-height: 420px !important; height: 100% !important; border: 0 !important; display: block !important; }

/* utility spacing for stacked intros */
.nhrc-mt-3 { margin-top: 0.75rem !important; }
.nhrc-mt-4 { margin-top: 1rem !important; }
.nhrc-mt-5 { margin-top: 1.25rem !important; }
.nhrc-mt-10 { margin-top: 2.5rem !important; }
.nhrc-pillar-label { margin-top: 1.25rem !important; font-size: 1.25rem !important; font-weight: 700 !important; color: var(--nhrc-brand) !important; }

/* ---- 6. Footer ----------------------------------------------------------- */
.nhrc-footer { background: var(--nhrc-brand) !important; color: var(--nhrc-brand-fg) !important; }
.nhrc-footer__top { padding-block: 3.5rem !important; }
.nhrc-footer__grid { display: grid !important; gap: 2.5rem !important; grid-template-columns: 1fr !important; }
@media (min-width: 768px) { .nhrc-footer__grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (min-width: 1024px) { .nhrc-footer__grid { grid-template-columns: repeat(4, 1fr) !important; } }
.nhrc-footer__logo-wrap { display: inline-flex !important; background: #fff !important; padding: 0.75rem !important; border-radius: 0.5rem !important; }
.nhrc-footer__logo { height: 3rem !important; width: auto !important; }
.nhrc-footer__contact { margin-top: 1.5rem !important; display: grid !important; gap: 0.75rem !important; font-size: 0.875rem !important; color: rgba(255, 255, 255, 0.8) !important; }
.nhrc-footer__contact li { display: flex !important; gap: 0.625rem !important; }
.nhrc-footer__contact .nhrc-icon { color: var(--nhrc-accent) !important; margin-top: 0.125rem !important; }
.nhrc-footer__contact a:hover { color: #fff !important; }
.nhrc-footer__col-title { border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; padding-bottom: 0.75rem !important; font-size: 1rem !important; font-weight: 600 !important; color: #fff !important; }
.nhrc-footer__links { margin-top: 1rem !important; display: grid !important; gap: 0.625rem !important; font-size: 0.875rem !important; }
.nhrc-footer__links a { color: rgba(255, 255, 255, 0.75) !important; transition: color 0.15s !important; }
.nhrc-footer__links a:hover { color: var(--nhrc-accent) !important; }
.nhrc-newsletter { margin-top: 3rem !important; border-radius: var(--nhrc-radius-xl) !important; background: rgba(255, 255, 255, 0.05) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1) !important; padding: 1.5rem !important; }
@media (min-width: 640px) { .nhrc-newsletter { padding: 2rem !important; } }
.nhrc-newsletter__inner { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: space-between !important; gap: 1rem !important; text-align: center !important; }
@media (min-width: 768px) { .nhrc-newsletter__inner { flex-direction: row !important; text-align: left !important; } }
.nhrc-newsletter__title { font-size: 1.125rem !important; font-weight: 600 !important; color: #fff !important; }
.nhrc-newsletter__sub { margin-top: 0.25rem !important; font-size: 0.875rem !important; color: rgba(255, 255, 255, 0.75) !important; }
.nhrc-newsletter__form { display: flex !important; gap: 0.5rem !important; width: 100% !important; max-width: 28rem !important; }
.nhrc-newsletter__input { height: 2.75rem !important; width: 100% !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; background: rgba(255, 255, 255, 0.1) !important; border-radius: 0.5rem !important; padding: 0 1rem !important; font-size: 0.875rem !important; color: #fff !important; outline: none !important; }
.nhrc-newsletter__input::placeholder { color: rgba(255, 255, 255, 0.5) !important; }
.nhrc-newsletter__input:focus { border-color: var(--nhrc-accent) !important; }
.nhrc-newsletter__btn { display: flex !important; flex: none !important; align-items: center !important; gap: 0.5rem !important; height: 2.75rem !important; border: none !important; cursor: pointer !important; border-radius: 0.5rem !important; background: var(--nhrc-accent) !important; padding-inline: 1rem !important; font-size: 0.875rem !important; font-weight: 600 !important; color: var(--nhrc-accent-fg) !important; }
.nhrc-footer__bar { border-top: 1px solid rgba(255, 255, 255, 0.15) !important; }
.nhrc-footer__bar-inner { padding-block: 1.25rem !important; text-align: center !important; font-size: 0.75rem !important; color: rgba(255, 255, 255, 0.7) !important; }

/* ==========================================================================
   PAGE-SPECIFIC — "About NHRC" (about-nhrc.html)
   Stats bar that overlaps the hero + the "Our Journey" timeline grid.
   ========================================================================== */
.nhrc-stats-wrap { position: relative !important; z-index: 10 !important; margin-top: -3rem !important; }
.nhrc-stats {
  display: grid !important; grid-template-columns: 1fr !important; overflow: hidden !important;
  border: 1px solid var(--nhrc-border) !important; background: var(--nhrc-card) !important;
  border-radius: var(--nhrc-radius-xl) !important; box-shadow: 0 12px 28px rgba(16, 24, 40, 0.16) !important;
}
@media (min-width: 640px) { .nhrc-stats { grid-template-columns: repeat(2, 1fr) !important; } }
@media (min-width: 1024px) { .nhrc-stats { grid-template-columns: repeat(5, 1fr) !important; } }
.nhrc-stat { display: flex !important; align-items: flex-start !important; gap: 1rem !important; padding: 1.5rem !important; border-bottom: 1px solid var(--nhrc-border) !important; }
.nhrc-stat:last-child { border-bottom: none !important; }
@media (min-width: 1024px) {
  .nhrc-stat { border-bottom: none !important; border-right: 1px solid var(--nhrc-border) !important; }
  .nhrc-stat:last-child { border-right: none !important; }
}
.nhrc-stat__title { font-size: 1.125rem !important; font-weight: 700 !important; line-height: 1.2 !important; color: var(--nhrc-brand) !important; }
.nhrc-stat__desc { margin-top: 0.25rem !important; font-size: 0.875rem !important; line-height: 1.4 !important; color: var(--nhrc-muted) !important; }

.nhrc-journey { display: grid !important; gap: 1.5rem !important; margin-top: 3rem !important; grid-template-columns: 1fr !important; }
@media (min-width: 640px) { .nhrc-journey { grid-template-columns: repeat(2, 1fr) !important; } }
@media (min-width: 1024px) { .nhrc-journey { grid-template-columns: repeat(4, 1fr) !important; } }
.nhrc-journey__item { position: relative !important; border: 1px solid var(--nhrc-border) !important; background: var(--nhrc-card) !important; border-radius: var(--nhrc-radius-xl) !important; padding: 1.5rem !important; box-shadow: var(--nhrc-shadow) !important; }
.nhrc-journey__head { display: flex !important; align-items: center !important; gap: 0.75rem !important; }
.nhrc-journey__num { display: flex !important; align-items: center !important; justify-content: center !important; width: 2.25rem !important; height: 2.25rem !important; border-radius: 999px !important; background: var(--nhrc-brand) !important; color: #fff !important; font-size: 0.875rem !important; font-weight: 700 !important; flex: none !important; }
.nhrc-journey__year { font-size: 1.25rem !important; font-weight: 800 !important; color: var(--nhrc-info) !important; }
.nhrc-journey__text { margin-top: 1rem !important; color: var(--nhrc-muted) !important; line-height: 1.6 !important; }