/* NALTH Join section | master stylesheet | v2.5.2
   Layout follows the supplied Hill Day master: masthead, editorial intro,
   hero photograph, metrics, wide story sections and supporting panels.
   Page rules are scoped to .nalth-join[data-nalth-join]; CTA rules use .nalth-join-cta. */
.nalth-join[data-nalth-join] {
  --nj-navy:#153546; --nj-seafoam:#9cbaba; --nj-seafoam-dark:#527779;
  --nj-mist:#f0f3f1; --nj-ink:#243943; --nj-muted:#55747b; --nj-line:#d7e1e1;
  --nj-serif:Georgia,"Times New Roman",serif; --nj-sans:Arial,Helvetica,sans-serif;
  width:100%; margin:0; color:var(--nj-ink); font:400 16px/1.6 var(--nj-sans);
  text-align:left; overflow-wrap:break-word; container:nalth-join / inline-size;
}
.nalth-join[data-nalth-join],
.nalth-join[data-nalth-join] *,
.nalth-join[data-nalth-join] *::before,
.nalth-join[data-nalth-join] *::after { box-sizing:border-box; }
.nalth-join[data-nalth-join] [hidden] { display:none!important; }
.nalth-join[data-nalth-join] .nj-shell {
  overflow:hidden; width:100%; margin:0; background:#fff; border:1px solid var(--nj-line);
  border-radius:22px; box-shadow:0 16px 44px rgba(21,53,70,.10);
}
.nalth-join[data-nalth-join] .nj-masthead {
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:20px clamp(22px,5vw,48px); color:#fff; background:var(--nj-navy);
  border-bottom:6px solid var(--nj-seafoam);
}
.nalth-join[data-nalth-join] .nj-brand {
  margin:0; color:#fff; font:800 14px/1.2 var(--nj-sans);
  letter-spacing:.18em; text-transform:uppercase;
}
.nalth-join[data-nalth-join] .nj-brand span { color:var(--nj-seafoam); }
.nalth-join[data-nalth-join] .nj-masthead-note {
  flex:0 0 auto; color:#dbe7e7; font:700 12px/1.35 var(--nj-sans);
  letter-spacing:.12em; text-align:right; text-transform:uppercase;
}
.nalth-join[data-nalth-join] .nj-section-nav {
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  padding:14px clamp(22px,5vw,48px); background:#fff; border-bottom:1px solid var(--nj-line);
}
.nalth-join[data-nalth-join] .nj-section-nav strong {
  margin-right:4px; color:var(--nj-navy); font:800 11px/1.2 var(--nj-sans);
  letter-spacing:.1em; text-transform:uppercase;
}
.nalth-join[data-nalth-join] .nj-section-nav a,
.nalth-join[data-nalth-join] .nj-back-top {
  display:inline-block; padding:8px 11px; color:var(--nj-navy); background:var(--nj-mist);
  border:1px solid var(--nj-line); border-radius:999px; font:700 12px/1.2 var(--nj-sans);
  text-decoration:none; transition:background .2s ease,border-color .2s ease;
}
.nalth-join[data-nalth-join] .nj-section-nav a:hover,
.nalth-join[data-nalth-join] .nj-section-nav a[aria-current="location"],
.nalth-join[data-nalth-join] .nj-back-top:hover {
  color:var(--nj-navy); background:var(--nj-seafoam); border-color:var(--nj-seafoam-dark);
}
.nalth-join[data-nalth-join] a:focus-visible,
.nalth-join[data-nalth-join] button:focus-visible,
.nalth-join[data-nalth-join] input:focus-visible,
.nalth-join[data-nalth-join] select:focus-visible,
.nalth-join[data-nalth-join] textarea:focus-visible,
.nalth-join[data-nalth-join] summary:focus-visible { outline:3px solid var(--nj-seafoam-dark); outline-offset:4px; }
.nalth-join[data-nalth-join] [data-nj-section] { scroll-margin-top:24px; }
.nalth-join[data-nalth-join] .nj-intro {
  padding:clamp(34px,6vw,66px) clamp(24px,6vw,70px) clamp(28px,5vw,48px);
}
.nalth-join[data-nalth-join] .nj-kicker,
.nalth-join[data-nalth-join] .nj-eyebrow {
  margin:0 0 13px; color:var(--nj-seafoam-dark); font:800 12px/1.3 var(--nj-sans);
  letter-spacing:.16em; text-transform:uppercase;
}
.nalth-join[data-nalth-join] .nj-title {
  max-width:1000px; margin:0 0 18px; padding:0; border:0;
  color:var(--nj-navy); font:400 clamp(38px,6.2vw,72px)/.99 var(--nj-serif);
  letter-spacing:-.035em; text-transform:none;
}
.nalth-join[data-nalth-join] .nj-deck {
  max-width:900px; margin:0; color:var(--nj-muted);
  font:italic 400 clamp(19px,2.4vw,25px)/1.5 var(--nj-serif);
}
.nalth-join[data-nalth-join] .nj-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:25px 0 0; }
.nalth-join[data-nalth-join] .nj-button {
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  min-height:44px; max-width:100%; padding:13px 20px; border:1px solid var(--nj-navy);
  border-radius:999px; background:var(--nj-navy); color:#fff;
  font:800 12px/1.3 var(--nj-sans); letter-spacing:.06em;
  text-align:center; text-transform:uppercase; text-decoration:none; cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.nalth-join[data-nalth-join] .nj-button:hover { background:#254a5c; border-color:#254a5c; color:#fff; }
.nalth-join[data-nalth-join] .nj-button--secondary { background:#fff; color:var(--nj-navy); border-color:var(--nj-line); }
.nalth-join[data-nalth-join] .nj-button--secondary:hover { background:var(--nj-mist); color:var(--nj-navy); border-color:var(--nj-seafoam-dark); }
.nalth-join[data-nalth-join] .nj-button:disabled { opacity:.55; cursor:not-allowed; }
.nalth-join[data-nalth-join] .nj-hero { margin:0 clamp(24px,6vw,70px); }
.nalth-join[data-nalth-join] .nj-hero img {
  display:block; width:100%; height:auto; aspect-ratio:16/7; object-fit:cover;
  object-position:50% 75%; border:0; border-radius:16px;
}
.nalth-join[data-nalth-join] .nj-hero figcaption { padding:10px 4px 0; color:var(--nj-muted); font:400 12px/1.5 var(--nj-sans); }
.nalth-join[data-nalth-join] .nj-copy { padding:28px clamp(24px,6vw,70px) 38px; }
.nalth-join[data-nalth-join] .nj-copy p { margin:0; color:var(--nj-ink); font:400 18px/1.75 var(--nj-serif); }
.nalth-join[data-nalth-join] .nj-copy p+p { margin-top:16px; }
.nalth-join[data-nalth-join] .nj-metrics {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0 clamp(18px,4vw,44px) 42px; overflow:hidden;
  background:var(--nj-navy); border-radius:18px;
}
.nalth-join[data-nalth-join] .nj-metrics-heading {
  grid-column:1/-1; margin:0; padding:20px 15px 13px; border:0;
  color:#bcd0d0; font:800 12px/1.3 var(--nj-sans); letter-spacing:.16em;
  text-align:center; text-transform:uppercase;
}
.nalth-join[data-nalth-join] .nj-metric { min-width:0; padding:10px 12px 27px; text-align:center; border-right:1px solid #3e5c69; }
.nalth-join[data-nalth-join] .nj-metric:last-child { border-right:0; }
.nalth-join[data-nalth-join] .nj-metric strong { display:block; color:#fff; font:400 clamp(34px,5vw,48px)/1 var(--nj-serif); }
.nalth-join[data-nalth-join] .nj-metric span { display:block; padding-top:8px; color:#bcd0d0; font:800 11px/1.4 var(--nj-sans); letter-spacing:.07em; text-transform:uppercase; }
.nalth-join[data-nalth-join] .nj-section-title {
  margin:0 0 18px; padding:0; border:0; color:var(--nj-navy);
  font:400 clamp(30px,4vw,42px)/1.1 var(--nj-serif); letter-spacing:-.02em; text-transform:none;
}
.nalth-join[data-nalth-join] .nj-story {
  display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,.85fr); gap:34px;
  padding:clamp(36px,6vw,58px) clamp(24px,6vw,70px);
}
.nalth-join[data-nalth-join] .nj-story-main,
.nalth-join[data-nalth-join] .nj-story-aside { min-width:0; }
.nalth-join[data-nalth-join] .nj-story .nj-lead,
.nalth-join[data-nalth-join] .nj-section-lead { margin:0; color:var(--nj-ink); font:400 17px/1.7 var(--nj-serif); }
.nalth-join[data-nalth-join] .nj-story-aside { padding-left:27px; border-left:1px solid var(--nj-line); }
.nalth-join[data-nalth-join] .nj-story-aside h3 { margin:0 0 20px; color:var(--nj-seafoam-dark); font:800 12px/1.5 var(--nj-sans); letter-spacing:.12em; text-transform:uppercase; }
.nalth-join[data-nalth-join] .nj-policy-venues { margin:0; }
.nalth-join[data-nalth-join] .nj-policy-venues dt { margin-top:20px; color:var(--nj-navy); font:400 30px/1.1 var(--nj-serif); }
.nalth-join[data-nalth-join] .nj-policy-venues dd { margin:5px 0 0; color:var(--nj-muted); font:800 11px/1.5 var(--nj-sans); letter-spacing:.06em; text-transform:uppercase; }
.nalth-join[data-nalth-join] .nj-feature-heading { display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.nalth-join[data-nalth-join] .nj-feature-heading .nj-eyebrow { margin:0; }
.nalth-join[data-nalth-join] .nj-icon { flex:0 0 auto; display:block; width:48px; height:48px; margin:0; border:0; }
.nalth-join[data-nalth-join] .nj-list { margin:18px 0 0; padding-left:21px; list-style:disc; }
.nalth-join[data-nalth-join] .nj-list li { margin:0; padding:0; color:var(--nj-ink); font:400 15.5px/1.65 var(--nj-sans); list-style:disc; }
.nalth-join[data-nalth-join] .nj-list li+li { margin-top:13px; }
.nalth-join[data-nalth-join] .nj-list li::marker { color:var(--nj-seafoam-dark); }
.nalth-join[data-nalth-join] .nj-section {
  padding:clamp(38px,6vw,58px) clamp(24px,6vw,70px); border-top:1px solid var(--nj-line);
}
.nalth-join[data-nalth-join] .nj-section--mist { background:var(--nj-mist); }
.nalth-join[data-nalth-join] .nj-section-intro { max-width:900px; }
.nalth-join[data-nalth-join] .nj-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin-top:30px; }
.nalth-join[data-nalth-join] .nj-resource { min-width:0; }
.nalth-join[data-nalth-join] .nj-resource+.nj-resource { padding-left:32px; border-left:1px solid var(--nj-line); }
.nalth-join[data-nalth-join] .nj-subtitle {
  margin:0 0 14px; padding:0; border:0; color:var(--nj-navy);
  font:400 clamp(25px,3vw,30px)/1.15 var(--nj-serif); letter-spacing:-.015em; text-transform:none;
}
.nalth-join[data-nalth-join] .nj-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:26px; }
.nalth-join[data-nalth-join] .nj-panel { min-width:0; padding:25px; background:#fff; border:1px solid var(--nj-line); border-radius:15px; box-shadow:0 8px 22px rgba(21,53,70,.07); }
.nalth-join[data-nalth-join] .nj-text-link { display:inline-block; margin-top:22px; color:var(--nj-navy); font:800 12px/1.4 var(--nj-sans); text-underline-offset:4px; }
.nalth-join[data-nalth-join] .nj-text-link:hover { color:var(--nj-seafoam-dark); }
.nalth-join[data-nalth-join] .nj-voice {
  display:grid; grid-template-columns:120px minmax(0,1fr); gap:28px; align-items:center;
  margin-top:30px; padding:28px 32px; background:var(--nj-seafoam); border-radius:15px;
}
.nalth-join[data-nalth-join] .nj-voice-art { display:flex; justify-content:center; align-items:center; min-height:120px; border-right:1px solid #789c9c; }
.nalth-join[data-nalth-join] .nj-voice-art .nj-icon { width:72px; height:72px; }
.nalth-join[data-nalth-join] .nj-voice p { margin:0; color:var(--nj-navy); font:400 17px/1.7 var(--nj-serif); }
.nalth-join[data-nalth-join] .nj-back-top-row { display:flex; justify-content:flex-end; margin-top:28px; }
.nalth-join[data-nalth-join] .nj-back-top { background:#fff; }
.nalth-join[data-nalth-join] .nj-note { padding:17px 20px; color:var(--nj-navy); background:var(--nj-mist); border-left:4px solid var(--nj-seafoam); border-radius:0 12px 12px 0; }
.nalth-join[data-nalth-join] .nj-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@supports (width:1cqw) {
  .nalth-join[data-nalth-join] .nj-title { font-size:clamp(38px,6.2cqw,72px); }
  .nalth-join[data-nalth-join] .nj-section-title { font-size:clamp(30px,4cqw,42px); }
}
@media (max-width:760px) {
  .nalth-join[data-nalth-join] .nj-story,
  .nalth-join[data-nalth-join] .nj-columns,
  .nalth-join[data-nalth-join] .nj-card-grid { grid-template-columns:1fr; }
  .nalth-join[data-nalth-join] .nj-story-aside { padding:25px 0 0; border-left:0; border-top:1px solid var(--nj-line); }
  .nalth-join[data-nalth-join] .nj-resource+.nj-resource { padding:28px 0 0; border-left:0; border-top:1px solid var(--nj-line); }
  .nalth-join[data-nalth-join] .nj-voice { grid-template-columns:1fr; gap:18px; padding:25px; }
  .nalth-join[data-nalth-join] .nj-voice-art { justify-content:flex-start; min-height:0; border:0; }
}
@container nalth-join (max-width:700px) {
  .nalth-join[data-nalth-join] .nj-story,
  .nalth-join[data-nalth-join] .nj-columns,
  .nalth-join[data-nalth-join] .nj-card-grid { grid-template-columns:1fr; }
  .nalth-join[data-nalth-join] .nj-story-aside { padding:25px 0 0; border-left:0; border-top:1px solid var(--nj-line); }
  .nalth-join[data-nalth-join] .nj-resource+.nj-resource { padding:28px 0 0; border-left:0; border-top:1px solid var(--nj-line); }
  .nalth-join[data-nalth-join] .nj-voice { grid-template-columns:1fr; gap:18px; padding:25px; }
  .nalth-join[data-nalth-join] .nj-voice-art { justify-content:flex-start; min-height:0; border:0; }
}
@media (max-width:520px) {
  .nalth-join[data-nalth-join] .nj-shell { border-radius:15px; }
  .nalth-join[data-nalth-join] .nj-masthead { display:block; padding:20px 22px; }
  .nalth-join[data-nalth-join] .nj-masthead-note { margin-top:10px; text-align:left; }
  .nalth-join[data-nalth-join] .nj-section-nav { padding:12px 18px; }
  .nalth-join[data-nalth-join] .nj-section-nav strong { flex:0 0 100%; margin-bottom:2px; }
  .nalth-join[data-nalth-join] .nj-intro { padding:34px 22px 30px; }
  .nalth-join[data-nalth-join] .nj-title { font-size:38px; }
  .nalth-join[data-nalth-join] .nj-button { width:100%; }
  .nalth-join[data-nalth-join] .nj-hero { margin:0 18px; }
  .nalth-join[data-nalth-join] .nj-hero img { aspect-ratio:4/3; border-radius:12px; }
  .nalth-join[data-nalth-join] .nj-copy { padding:25px 22px 32px; }
  .nalth-join[data-nalth-join] .nj-metrics { grid-template-columns:1fr; margin:0 18px 28px; }
  .nalth-join[data-nalth-join] .nj-metric { border-right:0; border-bottom:1px solid #3e5c69; padding:20px; }
  .nalth-join[data-nalth-join] .nj-metric:last-child { border-bottom:0; }
  .nalth-join[data-nalth-join] .nj-story,
  .nalth-join[data-nalth-join] .nj-section { padding:34px 22px; }
  .nalth-join[data-nalth-join] .nj-panel { padding:22px; }
}
@container nalth-join (max-width:480px) {
  .nalth-join[data-nalth-join] .nj-masthead { display:block; }
  .nalth-join[data-nalth-join] .nj-masthead-note { margin-top:10px; text-align:left; }
  .nalth-join[data-nalth-join] .nj-metrics { grid-template-columns:1fr; }
  .nalth-join[data-nalth-join] .nj-metric { border-right:0; border-bottom:1px solid #3e5c69; }
  .nalth-join[data-nalth-join] .nj-metric:last-child { border-bottom:0; }
}
@container nalth-join (max-width:350px) {
  .nalth-join[data-nalth-join] .nj-title { font-size:34px; }
}
@media (prefers-reduced-motion:reduce) {
  .nalth-join[data-nalth-join] * { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

/* Benefit-card layout from the page supplied on October 17, 2026.
   This variant is scoped to data-nalth-layout="cards" so the existing
   editorial layout remains available to other Join pages. */
.nalth-join[data-nalth-join][data-nalth-layout="cards"] {
  --nj-navy:#153546;
  --nj-seafoam:#9cbaba;
  --nj-seafoam-dark:#527779;
  --nj-mist:#f0f3f1;
  --nj-ink:#243943;
  --nj-muted:#55747b;
  --nj-line:#d7e1e1;
  --nj-serif:Georgia,"Times New Roman",serif;
  --nj-sans:Arial,Helvetica,sans-serif;
  width:100%; max-width:1200px; margin:0 auto;
  color:var(--nj-ink); font:400 16px/1.6 var(--nj-sans);
  text-align:left; overflow-wrap:break-word;
  container:nalth-join / inline-size;
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] *,
.nalth-join[data-nalth-join][data-nalth-layout="cards"] *::before,
.nalth-join[data-nalth-join][data-nalth-layout="cards"] *::after { box-sizing:border-box; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] [hidden] { display:none!important; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-shell {
  overflow:hidden; width:100%; margin:0; background:#fff;
  border:1px solid var(--nj-line); border-radius:22px;
  box-shadow:0 16px 44px rgba(21,53,70,.10);
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-masthead {
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:20px clamp(22px,5vw,48px); color:#fff;
  background:var(--nj-navy); border-bottom:6px solid var(--nj-seafoam);
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-brand {
  margin:0; color:#fff; font:800 14px/1.2 var(--nj-sans);
  letter-spacing:.18em; text-transform:uppercase;
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-brand span { color:var(--nj-seafoam); }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-masthead-note {
  flex:0 0 auto; color:#dbe7e7; font:700 12px/1.35 var(--nj-sans);
  letter-spacing:.12em; text-align:right; text-transform:uppercase;
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-section-nav {
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  padding:14px clamp(22px,5vw,48px); background:#fff;
  border-bottom:1px solid var(--nj-line);
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-section-nav strong {
  margin-right:4px; color:var(--nj-navy); font:800 11px/1.2 var(--nj-sans);
  letter-spacing:.1em; text-transform:uppercase;
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-section-nav a,
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-back-top {
  display:inline-block; padding:8px 11px; color:var(--nj-navy);
  background:var(--nj-mist); border:1px solid var(--nj-line); border-radius:999px;
  font:700 12px/1.2 var(--nj-sans); text-decoration:none;
  transition:background .2s ease,border-color .2s ease;
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-section-nav a:hover,
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-section-nav a[aria-current="location"],
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-back-top:hover {
  color:var(--nj-navy); background:var(--nj-seafoam); border-color:var(--nj-seafoam-dark);
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] a:focus-visible,
.nalth-join[data-nalth-join][data-nalth-layout="cards"] button:focus-visible,
.nalth-join[data-nalth-join][data-nalth-layout="cards"] input:focus-visible,
.nalth-join[data-nalth-join][data-nalth-layout="cards"] select:focus-visible,
.nalth-join[data-nalth-join][data-nalth-layout="cards"] textarea:focus-visible,
.nalth-join[data-nalth-join][data-nalth-layout="cards"] summary:focus-visible { outline:3px solid var(--nj-seafoam-dark); outline-offset:4px; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] [data-nj-section],
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit { scroll-margin-top:28px; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-intro {
  padding:clamp(34px,6vw,66px) clamp(24px,6vw,70px) clamp(28px,5vw,44px);
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-kicker,
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-eyebrow {
  margin:0 0 13px; color:var(--nj-seafoam-dark); font:800 12px/1.3 var(--nj-sans);
  letter-spacing:.16em; text-transform:uppercase;
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-title {
  max-width:1000px; margin:0 0 18px; padding:0; border:0;
  color:var(--nj-navy); font:400 clamp(38px,6.2vw,72px)/1.02 var(--nj-serif);
  letter-spacing:-.035em; text-transform:none;
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-deck {
  max-width:900px; margin:0; color:var(--nj-muted);
  font:italic 400 clamp(19px,2.4vw,25px)/1.5 var(--nj-serif);
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:25px 0 0; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-button {
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  min-height:44px; max-width:100%; padding:13px 20px;
  border:1px solid var(--nj-navy); border-radius:999px;
  background:var(--nj-navy); color:#fff;
  font:800 12px/1.3 var(--nj-sans); letter-spacing:.06em;
  text-align:center; text-transform:uppercase; text-decoration:none; cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-button:hover { background:#254a5c; border-color:#254a5c; color:#fff; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-button--secondary { background:#fff; color:var(--nj-navy); border-color:var(--nj-line); }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-button--secondary:hover { background:var(--nj-mist); color:var(--nj-navy); border-color:var(--nj-seafoam-dark); }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-button:disabled { opacity:.55; cursor:not-allowed; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metrics {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0 clamp(18px,4vw,44px) 38px; overflow:hidden;
  background:var(--nj-navy); border-radius:18px;
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metrics-heading,
#nalth-join-benefits #nj-metrics-heading {
  grid-column:1/-1; margin:0; padding:23px 16px 21px; border:0;
  color:#fff; font:800 32px/1.2 var(--nj-sans); letter-spacing:.02em;
  text-align:center; text-transform:none;
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metric {
  min-width:0; padding:0 14px 29px; text-align:center; border-right:1px solid #3e5c69;
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metric:last-child { border-right:0; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metric img { display:block; width:94px; height:94px; margin:0 auto; border:0; border-radius:50%; object-fit:contain; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metric strong { display:block; margin:0; padding:0; color:#fff; font:400 clamp(34px,5vw,48px)/1 var(--nj-serif); }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metric span { display:block; margin:0; padding-top:2px; color:#bcd0d0; font:800 11px/1.2 var(--nj-sans); letter-spacing:.08em; text-transform:uppercase; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-copy { padding:0 clamp(24px,6vw,70px) 40px; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-section-title {
  margin:0 0 18px; padding:0; border:0; color:var(--nj-navy);
  font:400 clamp(30px,4vw,42px)/1.1 var(--nj-serif); letter-spacing:-.02em;
  text-transform:none;
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-copy p { margin:0; font:400 18px/1.75 var(--nj-serif); color:var(--nj-ink); }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-copy p+p { margin-top:16px; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefits-section {
  padding:clamp(30px,4vw,44px) clamp(18px,3.5vw,44px) 30px;
  background:var(--nj-mist); border-top:1px solid var(--nj-line);
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefits-header { margin:0 0 26px; padding:0 4px; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefits-header .nj-section-title { margin-bottom:0; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:stretch; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit {
  min-width:0; margin:0; padding:23px 21px 25px; background:#fff;
  border:1px solid var(--nj-line); border-radius:15px;
  box-shadow:0 8px 22px rgba(21,53,70,.07);
}
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit-head { display:grid; grid-template-columns:54px minmax(0,1fr); align-items:start; gap:13px; min-height:88px; margin:0 0 18px; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit-icon { display:block; width:54px; height:54px; margin:0; border:0; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit h3 { margin:2px 0 0; padding:0; border:0; color:var(--nj-navy); font:400 24px/1.16 var(--nj-serif); letter-spacing:-.02em; text-transform:none; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit ul { margin:0; padding:0; list-style:none; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit li { position:relative; margin:0 0 15px; padding:0 0 0 17px; color:var(--nj-ink); font:400 15.5px/1.6 var(--nj-sans); list-style:none; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit li:last-child { margin-bottom:0; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit li::before { content:'»'; position:absolute; left:0; top:-1px; color:var(--nj-seafoam-dark); font-size:21px; line-height:1.2; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit>p { margin:0; color:var(--nj-ink); font:400 15.5px/1.6 var(--nj-sans); }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-back-top-row { display:flex; justify-content:flex-end; margin-top:25px; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-back-top { background:#fff; }
/* Shared surface and content helpers for subsequent Join pages. */
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-section { padding:clamp(30px,5vw,54px) clamp(24px,6vw,70px); border-top:1px solid var(--nj-line); }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-section--mist { background:var(--nj-mist); }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-panel { padding:24px; background:#fff; border:1px solid var(--nj-line); border-radius:15px; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-note { padding:17px 20px; color:var(--nj-navy); background:var(--nj-mist); border-left:4px solid var(--nj-seafoam); border-radius:0 12px 12px 0; }
.nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@supports (width:1cqw) {
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-title { font-size:clamp(38px,6.2cqw,72px); }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-section-title { font-size:clamp(30px,4cqw,42px); }
}
@media (max-width:1100px) {
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container nalth-join (max-width:1020px) {
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-masthead { align-items:flex-start; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit-grid { grid-template-columns:1fr; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit-head { min-height:0; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-copy p { font-size:17px; line-height:1.65; }
}
@container nalth-join (max-width:700px) {
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit-grid { grid-template-columns:1fr; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit-head { min-height:0; }
}
@media (max-width:520px) {
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-shell { border-radius:15px; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-masthead { display:block; padding:20px 22px; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-masthead-note { margin-top:10px; text-align:left; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-section-nav { padding:12px 18px; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-section-nav strong { flex:0 0 100%; margin-bottom:2px; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-intro { padding:34px 22px 30px; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-title { font-size:38px; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-actions { align-items:stretch; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-button { width:100%; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metrics { grid-template-columns:1fr; margin:0 18px 30px; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metrics-heading,
  #nalth-join-benefits #nj-metrics-heading { padding-bottom:8px; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metric { display:grid; grid-template-columns:68px minmax(0,1fr); column-gap:12px; align-items:center; padding:18px 24px; text-align:left; border-right:0; border-bottom:1px solid #3e5c69; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metric:last-child { border-bottom:0; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metric img { grid-row:span 2; width:68px; height:68px; margin:0; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metric strong { align-self:end; font-size:37px; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metric span { align-self:start; padding-top:2px; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-copy { padding:0 22px 32px; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefits-section { padding:30px 18px 24px; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit { padding:21px 18px; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit h3 { font-size:23px; }
}
@container nalth-join (max-width:480px) {
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-masthead { display:block; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-masthead-note { margin-top:10px; text-align:left; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metrics { grid-template-columns:1fr; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metric { display:grid; grid-template-columns:68px minmax(0,1fr); column-gap:12px; align-items:center; padding:18px 24px; text-align:left; border-right:0; border-bottom:1px solid #3e5c69; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metric:last-child { border-bottom:0; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metric img { grid-row:span 2; width:68px; height:68px; margin:0; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metric strong { align-self:end; font-size:37px; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-metric span { align-self:start; padding-top:2px; }
}
@container nalth-join (max-width:350px) {
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-title { font-size:34px; }
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] .nj-benefit-head { grid-template-columns:1fr; gap:10px; }
}
@media (prefers-reduced-motion:reduce) {
  .nalth-join[data-nalth-join][data-nalth-layout="cards"] * { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

/* Membership CTA: moved from the page HTML without changing its styles. */
.nalth-join-cta,
.nalth-join-cta *,
.nalth-join-cta *::before,
.nalth-join-cta *::after { box-sizing:border-box; }
.nalth-join-cta {
  --nj-cta-navy:#153546; --nj-cta-seafoam:#9cbaba;
  width:100%; margin:28px 0 0; padding:clamp(30px,5vw,54px) clamp(24px,6vw,70px);
  color:#fff; background:var(--nj-cta-navy); border-top:6px solid var(--nj-cta-seafoam);
  border-radius:22px; box-shadow:0 16px 44px rgba(21,53,70,.10);
  text-align:left; font-family:Arial,Helvetica,sans-serif; overflow-wrap:break-word;
}
.nalth-join-cta .nj-cta-eyebrow {
  margin:0 0 13px; color:var(--nj-cta-seafoam);
  font:800 12px/1.3 Arial,Helvetica,sans-serif;
  letter-spacing:.16em; text-transform:uppercase;
}
.nalth-join-cta .nj-cta-heading {
  margin:0 0 18px; padding:0; border:0; color:#fff;
  font:400 clamp(30px,4vw,44px)/1.1 Georgia,"Times New Roman",serif;
  letter-spacing:-.02em; text-transform:none;
}
.nalth-join-cta .nj-cta-benefits {
  max-width:900px; margin:0; color:#f0f3f1;
  font:400 18px/1.7 Georgia,"Times New Roman",serif;
}
.nalth-join-cta .nj-cta-invitation {
  max-width:900px; margin:16px 0 0; color:#dbe7e7;
  font:400 15px/1.7 Arial,Helvetica,sans-serif;
}
.nalth-join-cta .nj-cta-contacts {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:18px; margin-top:28px;
}
.nalth-join-cta .nj-cta-contact {
  display:flex; flex-direction:column; align-items:flex-start; min-width:0;
  padding:24px; background:#fff; border:1px solid #d7e1e1;
  border-radius:15px;
}
.nalth-join-cta .nj-cta-name {
  margin:0 0 7px; padding:0; border:0; color:var(--nj-cta-navy);
  font:400 26px/1.15 Georgia,"Times New Roman",serif; text-transform:none;
}
.nalth-join-cta .nj-cta-role {
  margin:0 0 14px; color:#55747b;
  font:700 12px/1.45 Arial,Helvetica,sans-serif;
}
.nalth-join-cta .nj-cta-email {
  display:inline-block; max-width:100%; margin-bottom:20px; color:var(--nj-cta-navy);
  font:400 15px/1.5 Arial,Helvetica,sans-serif;
  text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere;
}
.nalth-join-cta .nj-cta-email:hover { color:#3d6365; }
.nalth-join-cta .nj-cta-button {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; max-width:100%; margin-top:auto; padding:13px 20px;
  color:var(--nj-cta-navy); background:var(--nj-cta-seafoam);
  border:1px solid var(--nj-cta-seafoam); border-radius:999px;
  font:800 12px/1.3 Arial,Helvetica,sans-serif;
  letter-spacing:.06em; text-align:center; text-transform:uppercase;
  text-decoration:none; transition:background .2s ease,border-color .2s ease;
}
.nalth-join-cta .nj-cta-button:hover { color:var(--nj-cta-navy); background:#b7cdcd; border-color:#b7cdcd; }
.nalth-join-cta a:focus-visible { outline:3px solid #527779; outline-offset:4px; }
@media (max-width:520px) {
  .nalth-join-cta { padding:30px 22px; border-radius:15px; }
  .nalth-join-cta .nj-cta-contact { padding:22px; }
  .nalth-join-cta .nj-cta-button { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  .nalth-join-cta * { transition:none!important; }
}


/* Membership & Dues | page-specific additions | v2.2.0
   Existing Why Join and shared contact styles above are preserved. */
#nalth-join-dues .nj-dues-header {
  display:flex; flex-wrap:wrap; align-items:flex-start;
  justify-content:space-between; gap:20px; margin-bottom:23px;
}
#nalth-join-dues .nj-dues-header .nj-section-title { margin-bottom:0; }
#nalth-join-dues .nj-dues-period {
  margin:0; padding:12px 16px; color:var(--nj-navy);
  background:#fff; border:1px solid var(--nj-line); border-radius:12px;
  font:700 13px/1.5 var(--nj-sans);
}
#nalth-join-dues .nj-dues-period span {
  display:block; margin-bottom:3px; color:var(--nj-muted);
  font:800 10px/1.4 var(--nj-sans); letter-spacing:.1em; text-transform:uppercase;
}
#nalth-join-dues .nj-dues-current-note {
  margin:0 0 23px; color:var(--nj-muted); font:400 14px/1.6 var(--nj-sans);
}
#nalth-join-dues .nj-dues-table-wrap {
  max-width:100%; overflow-x:auto; background:#fff;
  border:1px solid var(--nj-line); border-radius:15px;
}
#nalth-join-dues .nj-dues-table-wrap:focus-visible {
  outline:3px solid var(--nj-seafoam-dark); outline-offset:4px;
}
#nalth-join-dues .nj-dues-table {
  width:100%; min-width:450px; margin:0; border:0; border-collapse:collapse;
  color:var(--nj-ink); background:#fff; font:400 16px/1.5 var(--nj-sans);
  font-variant-numeric:tabular-nums; table-layout:fixed;
}
#nalth-join-dues .nj-dues-table th,
#nalth-join-dues .nj-dues-table td {
  padding:17px 20px; border:0; border-bottom:1px solid var(--nj-line);
  vertical-align:middle; text-align:right; background:transparent;
}
#nalth-join-dues .nj-dues-table th:first-child { text-align:left; }
#nalth-join-dues .nj-dues-table thead th {
  color:#fff; background:var(--nj-navy); font:700 13px/1.4 var(--nj-sans);
  border-color:var(--nj-navy);
}
#nalth-join-dues .nj-dues-table thead th:first-child { width:36%; }
#nalth-join-dues .nj-dues-table thead small {
  display:block; margin-top:3px; color:#c7dada; font:400 11px/1.4 var(--nj-sans);
}
#nalth-join-dues .nj-dues-table tbody th { color:var(--nj-navy); font-weight:700; }
#nalth-join-dues .nj-dues-table tbody tr:nth-child(even) { background:#f7f9f8; }
#nalth-join-dues .nj-dues-table tbody tr:last-child th,
#nalth-join-dues .nj-dues-table tbody tr:last-child td { border-bottom:0; }
#nalth-join-dues .nj-dues-scroll-hint {
  display:none; margin:10px 0 0; color:var(--nj-muted); font:400 12px/1.5 var(--nj-sans);
}
#nalth-join-dues .nj-dues-system-rate {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:14px 24px; margin-top:18px; padding:22px 25px;
  color:#fff; background:var(--nj-navy); border-radius:15px;
}
#nalth-join-dues .nj-dues-system-rate h3 {
  margin:0 0 4px; color:#fff; font:400 25px/1.2 var(--nj-serif); text-transform:none;
}
#nalth-join-dues .nj-dues-system-rate p {
  margin:0; color:#c7dada; font:400 13px/1.6 var(--nj-sans);
}
#nalth-join-dues .nj-dues-system-rate .nj-dues-system-amount {
  margin:0; color:#fff; font:400 35px/1.15 var(--nj-serif); white-space:nowrap;
}
#nalth-join-dues .nj-dues-system-amount small {
  margin-left:5px; color:#c7dada; font:400 13px/1.5 var(--nj-sans);
}
#nalth-join-dues .nj-dues-methods { gap:28px; }
#nalth-join-dues .nj-dues-methods h3 {
  margin:0 0 8px; color:var(--nj-navy); font:700 15px/1.4 var(--nj-sans);
  text-transform:none;
}
#nalth-join-dues .nj-dues-methods p {
  margin:0; color:var(--nj-muted); font:400 14px/1.65 var(--nj-sans);
}
#nalth-join-dues .nj-dues-path {
  display:grid; grid-template-columns:minmax(0,1.5fr) minmax(230px,.8fr);
  align-items:start; gap:36px;
}
#nalth-join-dues .nj-dues-path > div { min-width:0; }
#nalth-join-dues .nj-dues-rate-panel {
  padding:28px; color:var(--nj-navy); background:var(--nj-mist);
  border:1px solid var(--nj-line); border-top:5px solid var(--nj-seafoam); border-radius:15px;
}
#nalth-join-dues .nj-dues-rate-label {
  margin:0 0 12px; color:var(--nj-muted); font:800 11px/1.4 var(--nj-sans);
  letter-spacing:.08em; text-transform:uppercase;
}
#nalth-join-dues .nj-dues-rate-amount {
  margin:0 0 12px; color:var(--nj-navy); font:400 52px/1 var(--nj-serif);
}
#nalth-join-dues .nj-dues-rate-detail {
  margin:0; color:var(--nj-muted); font:400 14px/1.65 var(--nj-sans);
}
#nalth-join-dues .nj-dues-status {
  display:inline-block; margin:20px 0 0; padding:7px 11px; color:var(--nj-navy);
  background:#dce7e5; border-radius:999px; font:700 11px/1.4 var(--nj-sans);
}
#nalth-join-dues .nj-dues-apply-columns { margin-top:0; }
#nalth-join-dues .nj-dues-apply-columns .nj-section-lead { font-size:16px; }
#nalth-join-dues .nj-dues-pdf-note {
  margin:14px 0 0; color:var(--nj-muted); font:400 12px/1.5 var(--nj-sans);
}
@media (max-width:760px) {
  #nalth-join-dues .nj-dues-path { grid-template-columns:1fr; gap:26px; }
}
@container nalth-join (max-width:700px) {
  #nalth-join-dues .nj-dues-path { grid-template-columns:1fr; gap:26px; }
}
@media (max-width:520px) {
  #nalth-join-dues .nj-dues-period { width:100%; }
  #nalth-join-dues .nj-dues-table th,
  #nalth-join-dues .nj-dues-table td { padding:15px 13px; }
  #nalth-join-dues .nj-dues-scroll-hint { display:block; }
  #nalth-join-dues .nj-dues-system-rate { padding:22px; }
  #nalth-join-dues .nj-dues-rate-panel { padding:24px; }
}
@container nalth-join (max-width:600px) {
  #nalth-join-dues .nj-dues-scroll-hint { display:block; }
}


/* Benefits & Opportunities | page-specific additions | v2.3.0 */
#nalth-join-opportunities .nj-op-intro-copy {
  max-width:850px; margin:22px 0 0; color:var(--nj-ink);
  font:400 17px/1.7 var(--nj-serif);
}
#nalth-join-opportunities .nj-op-heading {
  display:flex; align-items:center; gap:17px; margin-bottom:22px;
}
#nalth-join-opportunities .nj-op-heading .nj-icon { width:54px; height:54px; }
#nalth-join-opportunities .nj-op-heading .nj-eyebrow { margin-bottom:7px; }
#nalth-join-opportunities .nj-op-heading .nj-section-title { margin:0; }
#nalth-join-opportunities .nj-op-copy + .nj-op-copy { margin-top:16px; }
#nalth-join-opportunities .nj-op-small-copy {
  margin:16px 0 0; color:var(--nj-muted); font:400 14px/1.65 var(--nj-sans);
}
#nalth-join-opportunities .nj-op-goals {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px 36px; margin:28px 0 0; padding:0;
}
#nalth-join-opportunities .nj-op-goals > div {
  min-width:0; margin:0; padding-top:17px; border-top:1px solid var(--nj-line);
}
#nalth-join-opportunities .nj-op-goals dt {
  margin:0 0 6px; color:var(--nj-seafoam-dark);
  font:800 12px/1.45 var(--nj-sans); letter-spacing:.05em; text-transform:uppercase;
}
#nalth-join-opportunities .nj-op-goals dd {
  margin:0; color:var(--nj-ink); font:400 15px/1.65 var(--nj-sans);
}
#nalth-join-opportunities .nj-op-education,
#nalth-join-opportunities .nj-op-advocacy {
  display:grid; grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr);
  gap:32px; align-items:start;
}
#nalth-join-opportunities .nj-op-education > div,
#nalth-join-opportunities .nj-op-advocacy > div { min-width:0; }
#nalth-join-opportunities .nj-op-aside {
  min-width:0; padding:25px; background:var(--nj-mist);
  border:1px solid var(--nj-line); border-top:5px solid var(--nj-seafoam); border-radius:15px;
}
#nalth-join-opportunities .nj-section--mist .nj-op-aside { background:#fff; }
#nalth-join-opportunities .nj-op-aside h3 {
  margin:0 0 12px; color:var(--nj-navy); font:400 27px/1.15 var(--nj-serif);
  text-transform:none;
}
#nalth-join-opportunities .nj-op-aside p {
  margin:0; color:var(--nj-muted); font:400 14px/1.65 var(--nj-sans);
}
#nalth-join-opportunities .nj-op-aside .nj-list { margin-top:0; }
#nalth-join-opportunities .nj-op-aside .nj-list li { font-size:14px; }
#nalth-join-opportunities .nj-op-research-details {
  margin-top:25px; background:#fff; border:1px solid var(--nj-line);
  border-radius:15px; overflow:hidden;
}
#nalth-join-opportunities .nj-op-research-details summary {
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  margin:0; padding:20px 24px; color:var(--nj-navy); background:var(--nj-mist);
  font:700 15px/1.5 var(--nj-sans); list-style:none; cursor:pointer;
}
#nalth-join-opportunities .nj-op-research-details summary::-webkit-details-marker { display:none; }
#nalth-join-opportunities .nj-op-research-details summary::after {
  content:'+'; flex:0 0 auto; font:400 25px/1 var(--nj-sans);
}
#nalth-join-opportunities .nj-op-research-details[open] summary::after { content:'−'; }
#nalth-join-opportunities .nj-op-research-details summary:hover { background:#e6eeec; }
#nalth-join-opportunities .nj-op-research-details summary:focus-visible {
  outline:3px solid var(--nj-seafoam-dark); outline-offset:-4px;
}
#nalth-join-opportunities .nj-op-research-body { padding:2px 24px 25px; }
#nalth-join-opportunities .nj-op-calculator {
  margin-top:24px; padding:27px 30px;
  color:#fff; background:var(--nj-navy); border-radius:15px;
}
#nalth-join-opportunities .nj-op-calculator h3 {
  margin:0 0 9px; color:#fff; font:400 29px/1.15 var(--nj-serif); text-transform:none;
}
#nalth-join-opportunities .nj-op-calculator p {
  margin:0; color:#e3eded; font:400 15px/1.65 var(--nj-sans);
}
#nalth-join-opportunities .nj-op-resources .nj-list { margin-top:0; }
#nalth-join-opportunities .nj-op-network-list {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px;
  margin:27px 0 0; padding:0; list-style:none;
}
#nalth-join-opportunities .nj-op-network-list li {
  min-width:0; margin:0; padding:18px 0 0; border-top:3px solid var(--nj-seafoam);
  list-style:none;
}
#nalth-join-opportunities .nj-op-network-list h3 {
  margin:0 0 9px; color:var(--nj-navy); font:400 25px/1.2 var(--nj-serif); text-transform:none;
}
#nalth-join-opportunities .nj-op-network-list p {
  margin:0; color:var(--nj-muted); font:400 15px/1.65 var(--nj-sans);
}
@media (max-width:760px) {
  #nalth-join-opportunities .nj-op-education,
  #nalth-join-opportunities .nj-op-advocacy,
  #nalth-join-opportunities .nj-op-network-list { grid-template-columns:1fr; gap:24px; }
}
@container nalth-join (max-width:700px) {
  #nalth-join-opportunities .nj-op-education,
  #nalth-join-opportunities .nj-op-advocacy,
  #nalth-join-opportunities .nj-op-network-list { grid-template-columns:1fr; gap:24px; }
}
@media (max-width:520px) {
  #nalth-join-opportunities .nj-op-heading { align-items:flex-start; gap:13px; }
  #nalth-join-opportunities .nj-op-heading .nj-icon { width:44px; height:44px; }
  #nalth-join-opportunities .nj-op-goals { grid-template-columns:1fr; gap:20px; }
  #nalth-join-opportunities .nj-op-calculator { padding:23px; }
  #nalth-join-opportunities .nj-op-research-details summary { padding:18px; }
  #nalth-join-opportunities .nj-op-research-body { padding:2px 18px 22px; }
}
@container nalth-join (max-width:480px) {
  #nalth-join-opportunities .nj-op-goals { grid-template-columns:1fr; gap:20px; }
}

/* Membership Distribution | v2.5.2. All new rules are scoped to this page. */
#nalth-join-distribution .nj-dist-copy { max-width:780px; margin:20px 0 0; font:400 17px/1.7 var(--nj-serif); }
#nalth-join-distribution .nj-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 clamp(18px,4vw,44px) 38px; overflow:hidden; background:var(--nj-navy); border-radius:18px; }
#nalth-join-distribution .nj-metrics-heading { grid-column:1/-1; margin:0; padding:23px 16px 21px; border:0; color:#fff; font:800 32px/1.2 var(--nj-sans); letter-spacing:.02em; text-align:center; text-transform:none; }
#nalth-join-distribution .nj-metric { min-width:0; padding:0 14px 29px; text-align:center; border-right:1px solid #3e5c69; }
#nalth-join-distribution .nj-metric:last-child { border-right:0; }
#nalth-join-distribution .nj-metric img { display:block; width:94px; height:94px; margin:0 auto; border:0; border-radius:50%; object-fit:contain; }
#nalth-join-distribution .nj-metric strong { display:block; margin:0; padding:0; color:#fff; font:400 clamp(34px,5vw,48px)/1 var(--nj-serif); }
#nalth-join-distribution .nj-metric span { display:block; margin:0; padding-top:2px; color:#bcd0d0; font:800 11px/1.2 var(--nj-sans); letter-spacing:.08em; text-transform:uppercase; }
#nalth-join-distribution .nj-dist-explorer { padding:30px clamp(18px,4vw,44px) 38px; background:var(--nj-mist); border-top:1px solid var(--nj-line); scroll-margin-top:24px; }
#nalth-join-distribution .nj-dist-heading-row { display:flex; flex-wrap:wrap; gap:16px; align-items:baseline; justify-content:space-between; margin-bottom:20px; }
#nalth-join-distribution .nj-dist-heading-row .nj-section-title { margin:0; }
#nalth-join-distribution .nj-dist-legend { display:flex; align-items:center; gap:8px; margin:0; font:700 12px/1.4 var(--nj-sans); color:var(--nj-muted); }
#nalth-join-distribution .nj-dist-legend::before { content:''; display:block; width:10px; height:10px; border-radius:50%; background:var(--nj-navy); box-shadow:0 0 0 3px #cddedb; }
#nalth-join-distribution .nj-dist-filters { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(170px,1fr) auto; gap:14px; align-items:end; margin:0 0 20px; }
#nalth-join-distribution .nj-dist-field { display:block; min-width:0; margin:0; }
#nalth-join-distribution .nj-dist-field span { display:block; margin-bottom:7px; font:700 12px/1.4 var(--nj-sans); color:var(--nj-navy); }
#nalth-join-distribution .nj-dist-field input,
#nalth-join-distribution .nj-dist-field select { display:block; width:100%; min-width:0; min-height:46px; margin:0; padding:11px 13px; border:1px solid #b7c9c8; border-radius:10px; color:var(--nj-navy); background:#fff; box-shadow:none; font:400 16px/1.4 var(--nj-sans); }
#nalth-join-distribution .nj-dist-field input::placeholder { color:#647b80; opacity:1; }
#nalth-join-distribution .nj-dist-clear { min-height:46px; margin:0; padding:10px 17px; border:1px solid #b7c9c8; border-radius:10px; background:transparent; color:var(--nj-navy); font:700 13px/1.4 var(--nj-sans); cursor:pointer; }
#nalth-join-distribution .nj-dist-clear:hover { background:#fff; }
#nalth-join-distribution .nj-dist-canvas { position:relative; overflow:hidden; background:#e4eeed; border:1px solid #c4d8d6; border-radius:18px; }
#nalth-join-distribution .nj-dist-map { display:block; width:100%; height:auto; aspect-ratio:5/3; min-height:230px; max-height:640px; background:#e4eeed; }
#nalth-join-distribution[data-nj-map-ready] .nj-dist-map { touch-action:pan-y; }
#nalth-join-distribution .nj-dist-map.is-pannable { cursor:grab; touch-action:none; }
#nalth-join-distribution .nj-dist-map.is-dragging { cursor:grabbing; }
#nalth-join-distribution .nj-dist-marker { cursor:pointer; }
#nalth-join-distribution .nj-dist-marker circle { fill:var(--nj-navy); stroke:#fff; stroke-width:1.5; vector-effect:non-scaling-stroke; }
#nalth-join-distribution .nj-dist-marker:hover circle,
#nalth-join-distribution .nj-dist-marker:focus circle,
#nalth-join-distribution .nj-dist-marker.is-selected circle { fill:#537f7c; stroke:#fff; stroke-width:2.2; }
#nalth-join-distribution .nj-dist-marker .nj-dist-hit { fill:transparent; stroke:none; }
#nalth-join-distribution .nj-dist-selection-ring { fill:none; stroke:#153546; stroke-width:2; stroke-dasharray:3 2; vector-effect:non-scaling-stroke; pointer-events:none; }
#nalth-join-distribution .nj-dist-zoom { position:absolute; top:14px; right:14px; display:flex; gap:5px; padding:5px; background:#fff; border:1px solid var(--nj-line); border-radius:12px; box-shadow:0 4px 12px #15354612; }
#nalth-join-distribution .nj-dist-zoom button { display:flex; align-items:center; justify-content:center; min-width:40px; min-height:40px; padding:4px 9px; margin:0; border:0; border-radius:7px; background:var(--nj-mist); color:var(--nj-navy); font:700 22px/1 var(--nj-sans); cursor:pointer; }
#nalth-join-distribution .nj-dist-zoom button:last-child { font-size:12px; }
#nalth-join-distribution .nj-dist-zoom button:hover { background:#d9e7e4; }
#nalth-join-distribution .nj-dist-zoom button:disabled { opacity:.4; cursor:default; }
#nalth-join-distribution .nj-dist-directory-card { margin:22px 0 0; padding:26px; border:0; border-radius:18px; background:var(--nj-navy); color:#fff; }
#nalth-join-distribution .nj-dist-map-note { margin:0 0 19px; color:#dce8e6; font:400 13px/1.65 var(--nj-sans); }
#nalth-join-distribution .nj-dist-map-note a { color:#dce8e6; text-decoration:underline; text-underline-offset:3px; }
#nalth-join-distribution .nj-dist-map-note a:hover { color:#fff; }
#nalth-join-distribution .nj-dist-map-note a:focus-visible { outline:2px solid #c1d7d4; outline-offset:3px; }
#nalth-join-distribution .nj-dist-results-heading { margin:0 0 12px; }
#nalth-join-distribution .nj-dist-results-heading h3 { margin:0; padding:0; color:#fff; font:400 28px/1.2 var(--nj-serif); text-transform:none; }
#nalth-join-distribution .nj-dist-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:0; margin:0; padding:0 10px; max-height:448px; overflow-y:auto; overscroll-behavior:contain; list-style:none; border:1px solid var(--nj-line); border-radius:14px; background:#fff; scrollbar-color:#9cbaba #f0f3f1; }
#nalth-join-distribution .nj-dist-list li { min-width:0; margin:0; padding:0; list-style:none; border-bottom:1px solid #e5ecea; scroll-margin-top:12px; }
#nalth-join-distribution .nj-dist-list button { display:block; width:100%; height:100%; margin:0; padding:17px 16px; border:0; border-radius:9px; background:#fff; color:var(--nj-navy); text-align:left; cursor:pointer; }
#nalth-join-distribution .nj-dist-list button:hover,
#nalth-join-distribution .nj-dist-list button[aria-pressed="true"] { background:#e7f0ed; }
#nalth-join-distribution .nj-dist-list button:focus-visible { outline-offset:-4px; }
#nalth-join-distribution .nj-dist-list strong { display:block; color:var(--nj-navy); font:700 14px/1.4 var(--nj-sans); }
#nalth-join-distribution .nj-dist-list span { display:block; margin-top:5px; color:var(--nj-muted); font:400 12px/1.4 var(--nj-sans); }
#nalth-join-distribution .nj-dist-empty { margin:0; padding:24px; border:1px solid var(--nj-line); border-radius:14px; background:#fff; color:var(--nj-muted); font:400 15px/1.6 var(--nj-sans); }
/* Hide defensively even if the CMS drops HTML hidden attributes. JS opts in only for an active filter with zero results. */
#nalth-join-distribution .nj-dist-empty { display:none!important; }
#nalth-join-distribution .nj-dist-empty.is-visible:not([hidden]) { display:block!important; }
#nalth-join-distribution .nj-dist-directory { margin:0; padding:0; border:0; background:transparent; }
#nalth-join-distribution .nj-dist-directory summary { display:flex; align-items:center; justify-content:space-between; gap:15px; min-height:48px; margin:0; padding:15px 19px; list-style:none; border:1px solid #b7c9c8; border-radius:12px; background:#fff; color:var(--nj-navy); font:700 14px/1.4 var(--nj-sans); cursor:pointer; }
#nalth-join-distribution .nj-dist-directory summary::-webkit-details-marker { display:none; }
#nalth-join-distribution .nj-dist-directory summary::after { content:'+'; font-size:24px; line-height:1; }
#nalth-join-distribution .nj-dist-directory[open] summary::after { content:'−'; }
#nalth-join-distribution .nj-dist-directory summary:hover { background:#e7f0ed; }
#nalth-join-distribution .nj-dist-directory summary:focus-visible { outline:3px solid #c1d7d4; outline-offset:3px; }
#nalth-join-distribution .nj-dist-directory .nj-dist-label-open { display:none; }
#nalth-join-distribution .nj-dist-directory[open] .nj-dist-label-open { display:inline; }
#nalth-join-distribution .nj-dist-directory[open] .nj-dist-label-closed { display:none; }
#nalth-join-distribution .nj-dist-directory:not([open]) > :not(summary) { display:none!important; }
#nalth-join-distribution .nj-dist-directory-body { padding-top:14px; }
#nalth-join-distribution .nj-dist-dialog { position:fixed; inset:0; box-sizing:border-box; width:calc(100% - 36px); max-width:480px; max-height:calc(100vh - 40px); max-height:calc(100dvh - 40px); overflow:auto; margin:auto; padding:38px 30px 30px; border:1px solid #bfd4ce; border-top:7px solid #9cbaba; border-radius:20px; background:#fff; color:var(--nj-navy); box-shadow:0 24px 90px #15354640; }
#nalth-join-distribution .nj-dist-dialog:not([open]) { display:none!important; }
#nalth-join-distribution .nj-dist-dialog[open] { display:block; }
#nalth-join-distribution .nj-dist-dialog::backdrop { background:rgba(12,35,47,.56); }
#nalth-join-distribution .nj-dist-dialog-close { position:absolute; top:12px; right:12px; display:flex; align-items:center; justify-content:center; width:38px; height:38px; margin:0; padding:0; border:1px solid #cbdad7; border-radius:50%; background:#f0f3f1; color:var(--nj-navy); font:400 26px/1 var(--nj-sans); cursor:pointer; }
#nalth-join-distribution .nj-dist-dialog-close:hover { background:#dbe8e4; }
#nalth-join-distribution .nj-dist-dialog-close:focus-visible { outline:3px solid #537f7c; outline-offset:3px; }
#nalth-join-distribution .nj-dist-dialog .nj-eyebrow { margin:0 45px 14px 0; color:#537f7c; font:800 11px/1.4 var(--nj-sans); letter-spacing:.1em; text-transform:uppercase; }
#nalth-join-distribution .nj-dist-dialog h2 { margin:0 0 20px; padding:0; border:0; color:var(--nj-navy); font:400 29px/1.2 var(--nj-serif); text-transform:none; overflow-wrap:anywhere; }
#nalth-join-distribution .nj-dist-dialog address { display:block; margin:0; padding:18px 0 0; border-top:1px solid #dae5e2; color:#435d65; font:400 15px/1.6 var(--nj-sans); }
#nalth-join-distribution .nj-dist-dialog address span { display:block; }
#nalth-distribution-footnote { max-width:1060px; margin:18px auto 28px; padding:0 18px; color:#52686f; font:400 12px/1.6 Arial,Helvetica,sans-serif; text-align:center; }
#nalth-join-distribution .nj-dist-fallback { margin:0 0 16px; padding:15px; background:#fff; border:1px solid var(--nj-line); border-radius:10px; }
@media (max-width:640px) {
  #nalth-join-distribution .nj-dist-filters { grid-template-columns:minmax(0,1fr) auto; }
  #nalth-join-distribution .nj-dist-field:first-child { grid-column:1/-1; }
  #nalth-join-distribution .nj-dist-list { grid-template-columns:1fr; }
  #nalth-join-distribution .nj-dist-directory-card { padding:20px; }
  #nalth-join-distribution .nj-dist-zoom { top:8px; right:8px; }
  #nalth-join-distribution .nj-dist-zoom button { min-width:36px; min-height:36px; }
  #nalth-join-distribution .nj-metrics { grid-template-columns:1fr; margin:0 18px 30px; }
  #nalth-join-distribution .nj-metrics-heading { padding-bottom:8px; }
  #nalth-join-distribution .nj-metric { display:grid; grid-template-columns:68px minmax(0,1fr); column-gap:12px; align-items:center; padding:18px 24px; text-align:left; border-right:0; border-bottom:1px solid #3e5c69; }
  #nalth-join-distribution .nj-metric:last-child { border-bottom:0; }
  #nalth-join-distribution .nj-metric img { grid-row:span 2; width:68px; height:68px; margin:0; }
  #nalth-join-distribution .nj-metric strong { align-self:end; font-size:37px; }
  #nalth-join-distribution .nj-metric span { align-self:start; padding-top:2px; }
}
@container nalth-join (max-width:600px) {
  #nalth-join-distribution .nj-dist-filters { grid-template-columns:minmax(0,1fr) auto; }
  #nalth-join-distribution .nj-dist-field:first-child { grid-column:1/-1; }
  #nalth-join-distribution .nj-dist-list { grid-template-columns:1fr; }
  #nalth-join-distribution .nj-dist-directory-card { padding:20px; }
  #nalth-join-distribution .nj-metrics { grid-template-columns:1fr; }
  #nalth-join-distribution .nj-metric { display:grid; grid-template-columns:68px minmax(0,1fr); column-gap:12px; align-items:center; padding:18px 24px; text-align:left; border-right:0; border-bottom:1px solid #3e5c69; }
  #nalth-join-distribution .nj-metric:last-child { border-bottom:0; }
  #nalth-join-distribution .nj-metric img { grid-row:span 2; width:68px; height:68px; margin:0; }
  #nalth-join-distribution .nj-metric strong { align-self:end; font-size:37px; }
  #nalth-join-distribution .nj-metric span { align-self:start; padding-top:2px; }
}
