/* =====================================================================
   NEVADA NONPROFITS · site styles (v2 · warm & friendly)
   WildApricot: Website > CSS  → replace everything with this file.
   Every rule is scoped to .nn, so the theme's own gadgets are untouched.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300..800;1,400..600&display=swap');

:root{
  /* brand */
  --nn-navy:#0C347B;  --nn-navy-deep:#06214F;  --nn-tan:#C2B59B;
  /* warm neutrals derived from the tan */
  --nn-tan-soft:#EFE7D8; --nn-cream:#FBF8F2; --nn-sand:#F4EDE1; --nn-linen:#FFFDF9;
  /* text */
  --nn-ink:#13203B; --nn-body:#3E4A60; --nn-muted:#5B6578; --nn-line:#E6DFD2;
  /* secondary accents from the brand guide: small doses only */
  --nn-sky:#2D68B2; --nn-sun:#F26539;
  --nn-radius:24px; --nn-radius-lg:36px;
  --nn-shadow:0 1px 2px rgba(19,32,59,.06),0 10px 30px -12px rgba(19,32,59,.18);
  --nn-shadow-lift:0 2px 4px rgba(19,32,59,.06),0 24px 48px -16px rgba(12,52,123,.30);
  --nn-pad:clamp(16px,5vw,72px);
  --nn-ease:cubic-bezier(.22,.8,.24,1);
  interpolate-size:allow-keywords;
}

/* ------------------------------------------------------------ base */
.nn,.nn *{box-sizing:border-box}
.nn{font-family:'Montserrat',system-ui,sans-serif;font-size:18px;line-height:1.7;color:var(--nn-body);-webkit-font-smoothing:antialiased}
.nn h1,.nn h2,.nn h3,.nn h4{font-family:'Montserrat',system-ui,sans-serif;color:var(--nn-ink);margin:0;letter-spacing:-.01em;line-height:1.12;font-weight:600}
.nn p{margin:0}
.nn img{display:block;max-width:100%}
.nn a{color:var(--nn-navy);text-underline-offset:3px}
.nn a:focus-visible,.nn button:focus-visible,.nn summary:focus-visible,.nn input:focus-visible{outline:3px solid var(--nn-sun);outline-offset:3px;border-radius:8px}
.nn-bleed{width:100vw;position:relative;left:50%;margin-left:-50vw}
.nn-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 var(--nn-pad)}
.nn-narrow{max-width:820px}
.nn-center{text-align:center;margin-left:auto;margin-right:auto}
.nn-stack{display:flex;flex-direction:column;gap:20px}
.nn-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.nn-center .nn-actions{justify-content:center}

/* ------------------------------------------------------------ type */
.nn-h1{font-size:clamp(38px,5.4vw,68px)}
.nn-h2{font-size:clamp(30px,3.6vw,46px);color:var(--nn-navy)}
.nn-h3{font-size:24px;color:var(--nn-navy)}
.nn-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.7;color:var(--nn-body)}
.nn-small{font-size:15px;color:var(--nn-muted)}

/* eyebrow: little pill with a heart */
.nn-eyebrow{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--nn-navy);background:var(--nn-tan-soft);padding:7px 16px 7px 12px;border-radius:999px}
.nn-eyebrow::before{content:"";width:14px;height:14px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.3C.9 8.4 2.9 4.5 6.6 4.5c2.2 0 3.6 1.3 5.4 3.3 1.8-2 3.2-3.3 5.4-3.3 3.7 0 5.7 3.9 4.2 7.2C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.3C.9 8.4 2.9 4.5 6.6 4.5c2.2 0 3.6 1.3 5.4 3.3 1.8-2 3.2-3.3 5.4-3.3 3.7 0 5.7 3.9 4.2 7.2C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") center/contain no-repeat}
.nn-eyebrow--light{background:rgba(255,255,255,.14);color:#fff}
.nn-center .nn-eyebrow{align-self:center}

/* signature: a hand-drawn tan underline that draws itself in */
.nn-scribble{position:relative;white-space:nowrap;display:inline-block}
.nn-scribble::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-.14em;height:.32em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 20' preserveAspectRatio='none'%3E%3Cpath d='M3 14 C 60 4, 120 4, 170 10 S 260 17, 297 6' fill='none' stroke='%23C2B59B' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") left center/100% 100% no-repeat;z-index:-1;clip-path:inset(0 0 0 0)}
.nn-scribble{z-index:0}

/* ------------------------------------------------------------ buttons */
.nn-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 30px;border-radius:999px;font-family:inherit;font-weight:800;font-size:17px;letter-spacing:.01em;text-decoration:none!important;border:0;cursor:pointer;transition:transform .35s var(--nn-ease),box-shadow .35s var(--nn-ease),background .25s}
.nn-btn:hover{transform:translateY(-3px)}
.nn-btn .nn-arrow{transition:transform .35s var(--nn-ease)}
.nn-btn:hover .nn-arrow{transform:translateX(4px)}
.nn-btn--tan{background:var(--nn-tan);color:var(--nn-navy-deep)!important;box-shadow:0 10px 24px -10px rgba(194,181,155,.9)}
.nn-btn--tan:hover{background:#D3C8B2;box-shadow:0 16px 30px -10px rgba(194,181,155,1)}
.nn-btn--navy{background:var(--nn-navy);color:#fff!important;box-shadow:0 10px 24px -12px rgba(12,52,123,.7)}
.nn-btn--navy:hover{background:var(--nn-navy-deep);box-shadow:0 18px 32px -12px rgba(12,52,123,.75)}
.nn-btn--ghost{background:transparent;color:#fff!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}
.nn-btn--ghost:hover{background:rgba(255,255,255,.12)}
.nn-btn--soft{background:var(--nn-tan-soft);color:var(--nn-navy)!important}
.nn-btn--soft:hover{background:#E6DCC8}
.nn-link{font-weight:800;text-decoration:none!important;background:linear-gradient(var(--nn-tan),var(--nn-tan)) left bottom/0 3px no-repeat;padding-bottom:2px;transition:background-size .4s var(--nn-ease)}
.nn-link:hover{background-size:100% 3px}

/* ------------------------------------------------------------ utility bar (header) */
.nn-util{background:var(--nn-navy-deep);font-size:14px}
.nn-util .nn-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:46px;max-width:none}
.nn-util span{color:#D6DEEC}
.nn-util nav{display:flex;align-items:center;gap:26px}
.nn-util a{color:#EEF2F8!important;text-decoration:none;font-weight:700}
.nn-util a:hover{color:#fff!important;text-decoration:underline}
.nn-util .nn-btn{min-height:32px;padding:0 18px;font-size:14px;box-shadow:none}

/* ------------------------------------------------------------ waves & floating shapes */
.nn-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(40px,6vw,90px);display:block;pointer-events:none}
.nn-wave path{fill:var(--wave,var(--nn-cream))}
.nn-blob{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;opacity:.55;animation:nn-float 14s ease-in-out infinite alternate}
@keyframes nn-float{from{transform:translate(0,0) scale(1)}to{transform:translate(18px,-26px) scale(1.06)}}

/* ------------------------------------------------------------ home hero */
.nn-hero{position:relative;min-height:min(86vh,760px);display:flex;align-items:center;overflow:hidden;background:var(--nn-navy-deep);isolation:isolate}
.nn-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:nn-kenburns 26s ease-out both}
@keyframes nn-kenburns{from{transform:scale(1.14) translate(1.5%,1%)}to{transform:scale(1) translate(0,0)}}
.nn-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(6,33,79,.95) 0%,rgba(12,52,123,.82) 40%,rgba(12,52,123,.28) 72%,rgba(194,181,155,.18) 100%)}
.nn-hero__body{position:relative;display:flex;flex-direction:column;gap:26px;max-width:820px;padding-top:96px;padding-bottom:140px}
.nn-hero .nn-h1,.nn-hero h1{color:#fff;font-size:clamp(40px,6vw,76px);line-height:1.04}
.nn-hero p{color:#E9EEF6;font-size:clamp(18px,1.8vw,22px);max-width:620px}
.nn-hero .nn-scribble::after,.nn-phero .nn-scribble::after{filter:brightness(1.05)}
.nn-rise>*{animation:nn-rise 1s var(--nn-ease) both}
.nn-rise>*:nth-child(2){animation-delay:.12s}.nn-rise>*:nth-child(3){animation-delay:.24s}.nn-rise>*:nth-child(4){animation-delay:.36s}.nn-rise>*:nth-child(5){animation-delay:.48s}
@keyframes nn-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.nn-rise .nn-scribble::after{animation:nn-draw 1.1s .9s var(--nn-ease) both}
@keyframes nn-draw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}

/* ------------------------------------------------------------ inner page hero */
.nn-phero{position:relative;min-height:440px;display:flex;align-items:flex-end;overflow:hidden;background:var(--nn-navy-deep);isolation:isolate}
.nn-phero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:nn-kenburns 22s ease-out both}
.nn-phero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,33,79,.35) 0%,rgba(6,33,79,.78) 55%,rgba(6,33,79,.94) 100%)}
.nn-phero__body{position:relative;display:flex;flex-direction:column;gap:18px;padding-top:120px;padding-bottom:clamp(90px,10vw,140px);max-width:900px}
.nn-phero h1{color:#fff;font-size:clamp(36px,5vw,62px)}
.nn-phero p{color:#E9EEF6;font-size:clamp(18px,1.7vw,21px);max-width:680px}
.nn-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:15px;color:#C9D3E6;list-style:none;margin:0;padding:0}
.nn-crumbs a{color:#EEF2F8!important;text-decoration:none;font-weight:700}
.nn-crumbs a:hover{text-decoration:underline}
.nn-crumbs li+li::before{content:"›";margin-right:8px;color:var(--nn-tan)}

/* ------------------------------------------------------------ sections */
.nn-sec{position:relative;padding:clamp(64px,9vw,120px) 0;overflow:hidden}
.nn-sec--cream{background:var(--nn-cream)}
.nn-sec--white{background:var(--nn-linen)}
.nn-sec--sand{background:var(--nn-sand)}
.nn-sec--navy{background:var(--nn-navy);color:#E3E9F3}
.nn-sec--navy .nn-h2,.nn-sec--navy h2,.nn-sec--navy h3{color:#fff}
.nn-sec--navy .nn-lead{color:#DCE3F0}
.nn-sec--tight{padding:clamp(48px,6vw,80px) 0}
.nn-head{display:flex;flex-direction:column;gap:16px;margin-bottom:clamp(36px,5vw,60px);max-width:760px}
.nn-head.nn-center{align-items:center}

/* ------------------------------------------------------------ split: text + photo */
.nn-split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,6vw,88px);align-items:center}
.nn-split--flip .nn-split__media{order:-1}
.nn-photo{position:relative;border-radius:var(--nn-radius-lg);isolation:isolate}
.nn-photo img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:var(--nn-radius-lg);box-shadow:var(--nn-shadow)}
.nn-photo::before{content:"";position:absolute;inset:22px -22px -22px 22px;border-radius:var(--nn-radius-lg);background:var(--nn-tan-soft);z-index:-1;transition:transform .6s var(--nn-ease)}
.nn-photo:hover::before{transform:translate(-8px,-8px)}
.nn-photo__tag{position:absolute;left:-18px;bottom:28px;background:#fff;border-radius:18px;padding:14px 18px;box-shadow:var(--nn-shadow);display:flex;gap:12px;align-items:center;font-weight:800;color:var(--nn-navy);font-size:15px;max-width:80%}
.nn-photo__tag svg{width:28px;height:28px;flex:none;color:var(--nn-sun)}

/* ------------------------------------------------------------ cards */
.nn-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;list-style:none;margin:0;padding:0}
.nn-card{position:relative;background:#fff;border-radius:var(--nn-radius);padding:32px 30px;box-shadow:var(--nn-shadow);display:flex;flex-direction:column;gap:14px;transition:transform .45s var(--nn-ease),box-shadow .45s var(--nn-ease);text-decoration:none!important;color:inherit!important}
a.nn-card:hover,.nn-card--hover:hover{transform:translateY(-8px);box-shadow:var(--nn-shadow-lift)}
.nn-card h3{font-size:23px;color:var(--nn-navy)}
.nn-card p{font-size:17px}
.nn-card .nn-link{align-self:flex-start;margin-top:auto}
.nn-ico{width:60px;height:60px;border-radius:20px;background:var(--nn-tan-soft);color:var(--nn-navy);display:grid;place-items:center;transition:transform .5s var(--nn-ease),background .3s,color .3s}
.nn-ico svg{width:30px;height:30px}
a.nn-card:hover .nn-ico,.nn-card--hover:hover .nn-ico{transform:rotate(-8deg) scale(1.08);background:var(--nn-navy);color:#fff}
.nn-card--navy{background:var(--nn-navy);color:#E3E9F3!important}
.nn-card--navy h3{color:#fff}
.nn-tag{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--nn-navy);background:var(--nn-tan-soft);border-radius:999px;padding:4px 12px}

/* photo cards */
.nn-pcard{background:#fff;border-radius:var(--nn-radius);overflow:hidden;box-shadow:var(--nn-shadow);display:flex;flex-direction:column;text-decoration:none!important;color:inherit!important;transition:transform .45s var(--nn-ease),box-shadow .45s var(--nn-ease)}
.nn-pcard:hover{transform:translateY(-8px);box-shadow:var(--nn-shadow-lift)}
.nn-pcard__img{overflow:hidden;aspect-ratio:16/10}
.nn-pcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--nn-ease)}
.nn-pcard:hover .nn-pcard__img img{transform:scale(1.07)}
.nn-pcard__body{padding:24px 26px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.nn-pcard h3{font-size:22px;color:var(--nn-navy)}

/* ------------------------------------------------------------ home: photo tiles */
.nn-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-90px;position:relative;z-index:2}
.nn-tile{position:relative;border-radius:var(--nn-radius);overflow:hidden;aspect-ratio:4/5;display:block;text-decoration:none!important;box-shadow:var(--nn-shadow-lift);isolation:isolate;transition:transform .5s var(--nn-ease)}
.nn-tile:hover{transform:translateY(-10px) rotate(-.6deg)}
.nn-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s var(--nn-ease)}
.nn-tile:hover img{transform:scale(1.08)}
.nn-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,33,79,0) 38%,rgba(6,33,79,.9) 100%)}
.nn-tile__label{position:absolute;left:24px;right:24px;bottom:22px;display:flex;flex-direction:column;gap:4px}
.nn-tile__title{font-family:'Montserrat',system-ui,sans-serif;font-weight:600;font-size:24px;line-height:1.15;color:#fff}
.nn-tile__more{font-size:15px;font-weight:700;color:var(--nn-tan-soft);display:inline-flex;gap:6px;transition:gap .35s var(--nn-ease)}
.nn-tile:hover .nn-tile__more{gap:12px}

/* ------------------------------------------------------------ Nevada collage */
.nn-collage{width:min(440px,100%);height:auto;filter:drop-shadow(0 30px 40px rgba(12,52,123,.22))}
.nn-collage image{transition:transform 1s var(--nn-ease);transform-box:fill-box;transform-origin:center}
.nn-collage:hover image{transform:scale(1.05)}

/* ------------------------------------------------------------ ribbon (gentle marquee) */
.nn-ribbon{background:var(--nn-tan);color:var(--nn-navy-deep);overflow:hidden;padding:18px 0;font-family:'Montserrat',system-ui,sans-serif;font-weight:600;font-size:clamp(20px,2.4vw,28px)}
.nn-ribbon__track{display:flex;width:max-content;animation:nn-marquee 38s linear infinite}
.nn-ribbon__track span{padding:0 28px;display:inline-flex;align-items:center;gap:28px;white-space:nowrap}
.nn-ribbon__track span::after{content:"♥";font-size:.7em;color:var(--nn-navy)}
.nn-ribbon:hover .nn-ribbon__track{animation-play-state:paused}
@keyframes nn-marquee{to{transform:translateX(-50%)}}

/* ------------------------------------------------------------ steps (real sequences only) */
.nn-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;counter-reset:nn-step}
.nn-steps li{counter-increment:nn-step;position:relative;background:#fff;border-radius:var(--nn-radius);padding:64px 26px 28px;box-shadow:var(--nn-shadow)}
.nn-steps li::before{content:counter(nn-step);position:absolute;top:-22px;left:26px;width:58px;height:58px;border-radius:50%;background:var(--nn-navy);color:#fff;display:grid;place-items:center;font-family:'Montserrat',system-ui,sans-serif;font-weight:700;font-size:26px;box-shadow:0 0 0 6px var(--nn-cream)}
.nn-steps h3{font-size:21px;color:var(--nn-navy);margin-bottom:8px}

/* ------------------------------------------------------------ membership tiers */
.nn-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;align-items:stretch}
.nn-tier{background:#fff;border-radius:var(--nn-radius-lg);padding:38px 32px;box-shadow:var(--nn-shadow);display:flex;flex-direction:column;gap:16px;transition:transform .45s var(--nn-ease),box-shadow .45s var(--nn-ease)}
.nn-tier:hover{transform:translateY(-8px);box-shadow:var(--nn-shadow-lift)}
.nn-tier__price{font-family:'Montserrat',system-ui,sans-serif;font-size:44px;font-weight:700;color:var(--nn-navy);line-height:1}
.nn-tier__price small{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:var(--nn-muted)}
.nn-tier ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:16px}
.nn-tier li{display:flex;gap:10px}
.nn-tier li::before{content:"✓";color:var(--nn-navy);font-weight:900}
.nn-tier .nn-btn{margin-top:auto}
.nn-tier--featured{background:var(--nn-navy);color:#E3E9F3;transform:scale(1.03)}
.nn-tier--featured h3,.nn-tier--featured .nn-tier__price{color:#fff}
.nn-tier--featured li::before{color:var(--nn-tan)}
.nn-tier--featured .nn-tier__price small{color:#C9D3E6}

/* ------------------------------------------------------------ people */
.nn-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px;list-style:none;margin:0;padding:0}
.nn-person{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.nn-avatar{width:150px;height:150px;border-radius:50%;margin-bottom:12px;display:grid;place-items:center;font-family:'Montserrat',system-ui,sans-serif;font-weight:600;font-size:44px;color:var(--nn-navy);background:radial-gradient(circle at 30% 25%,#fff 0,var(--nn-tan-soft) 55%,var(--nn-tan) 100%);box-shadow:0 0 0 6px #fff,var(--nn-shadow);transition:transform .5s var(--nn-ease)}
.nn-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.nn-person:hover .nn-avatar{transform:translateY(-6px) rotate(-3deg)}
.nn-person h3{font-size:21px;color:var(--nn-navy)}
.nn-person p{font-size:15px;color:var(--nn-muted);line-height:1.5}

/* ------------------------------------------------------------ FAQ accordion */
.nn-faq{display:flex;flex-direction:column;gap:14px}
.nn-faq details{background:#fff;border-radius:20px;box-shadow:var(--nn-shadow);overflow:hidden}
.nn-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;font-family:'Montserrat',system-ui,sans-serif;font-weight:600;font-size:21px;color:var(--nn-navy)}
.nn-faq summary::-webkit-details-marker{display:none}
.nn-faq summary::after{content:"+";flex:none;width:38px;height:38px;border-radius:50%;background:var(--nn-tan-soft);display:grid;place-items:center;font-family:'Montserrat',sans-serif;font-size:24px;font-weight:700;transition:transform .4s var(--nn-ease),background .3s}
.nn-faq details[open] summary::after{transform:rotate(45deg);background:var(--nn-tan)}
.nn-faq details>div{padding:0 28px 26px;font-size:17px}
.nn-faq details::details-content{block-size:0;overflow:hidden;transition:block-size .45s var(--nn-ease),content-visibility .45s allow-discrete}
.nn-faq details[open]::details-content{block-size:auto}

/* ------------------------------------------------------------ timeline (policy updates) */
.nn-timeline{list-style:none;margin:0;padding:0 0 0 34px;position:relative;display:flex;flex-direction:column;gap:26px}
.nn-timeline::before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:3px;border-radius:3px;background:linear-gradient(var(--nn-tan),var(--nn-tan-soft))}
.nn-timeline li{position:relative;background:#fff;border-radius:20px;padding:24px 28px;box-shadow:var(--nn-shadow)}
.nn-timeline li::before{content:"";position:absolute;left:-32px;top:30px;width:18px;height:18px;border-radius:50%;background:var(--nn-navy);box-shadow:0 0 0 5px var(--nn-cream)}
.nn-timeline time{font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--nn-sky)}
.nn-timeline h3{font-size:21px;color:var(--nn-navy);margin:6px 0}

/* ------------------------------------------------------------ resource list */
.nn-res{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.nn-res a{display:flex;align-items:center;gap:20px;background:#fff;border-radius:20px;padding:22px 26px;box-shadow:var(--nn-shadow);text-decoration:none!important;color:var(--nn-ink)!important;transition:transform .4s var(--nn-ease),box-shadow .4s var(--nn-ease)}
.nn-res a:hover{transform:translateX(8px);box-shadow:var(--nn-shadow-lift)}
.nn-res .nn-ico{width:52px;height:52px;border-radius:16px;flex:none}
.nn-res strong{display:block;font-size:19px;color:var(--nn-navy);font-family:'Montserrat',system-ui,sans-serif;font-weight:600}
.nn-res span{font-size:16px;color:var(--nn-muted)}
.nn-res a::after{content:"→";margin-left:auto;font-size:22px;color:var(--nn-tan);transition:transform .35s var(--nn-ease)}
.nn-res a:hover::after{transform:translateX(6px);color:var(--nn-navy)}

/* ------------------------------------------------------------ myth / fact */
.nn-myths{display:grid;gap:22px}
.nn-myth{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--nn-radius);overflow:hidden;box-shadow:var(--nn-shadow)}
.nn-myth>div{padding:28px 30px;display:flex;flex-direction:column;gap:8px}
.nn-myth__m{background:var(--nn-sand)}
.nn-myth__f{background:#fff}
.nn-myth b{font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.nn-myth__m b{color:var(--nn-muted)}
.nn-myth__f b{color:var(--nn-navy)}
.nn-myth__m p{font-family:'Montserrat',system-ui,sans-serif;font-size:20px;color:var(--nn-ink);text-decoration:line-through;text-decoration-color:var(--nn-tan);text-decoration-thickness:2px;opacity:.85}

/* ------------------------------------------------------------ quote */
.nn-quote{position:relative;font-family:'Montserrat',system-ui,sans-serif;font-size:clamp(24px,3vw,36px);line-height:1.35;color:var(--nn-navy);padding-left:clamp(0px,4vw,40px)}
.nn-quote::before{content:"\201C";position:absolute;left:-14px;top:-48px;font-size:150px;color:var(--nn-tan);opacity:.6;line-height:1}
.nn-quote cite{display:block;margin-top:18px;font-family:'Montserrat',sans-serif;font-style:normal;font-size:16px;font-weight:700;color:var(--nn-muted)}

/* ------------------------------------------------------------ callout band & CTA */
.nn-band{position:relative;border-radius:var(--nn-radius-lg);background:linear-gradient(120deg,var(--nn-tan) 0%,#D8CDB6 55%,var(--nn-tan-soft) 100%);padding:clamp(36px,5vw,64px);display:grid;grid-template-columns:1.4fr auto;gap:32px;align-items:center;overflow:hidden;isolation:isolate}
.nn-band::after{content:"";position:absolute;right:-60px;top:-80px;width:280px;height:420px;z-index:-1;opacity:.07;background:var(--nn-navy);clip-path:polygon(0 0,100% 0,100% 83%,92% 84%,88% 86%,89% 91%,91% 97%,90% 100%,0 43%)}
.nn-band h2{color:var(--nn-navy-deep)}
.nn-band p{color:#26324A}
.nn-cta{position:relative;background:var(--nn-navy);padding:clamp(72px,9vw,120px) 0;overflow:hidden;text-align:center;isolation:isolate}
.nn-cta h2{color:#fff;font-size:clamp(32px,4.4vw,54px);max-width:840px;margin:0 auto}
.nn-cta p{color:#DCE3F0;max-width:620px;margin:18px auto 30px}
.nn-cta .nn-actions{justify-content:center}

/* ------------------------------------------------------------ get-involved actions */
.nn-acts{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.nn-act{background:#fff;border-radius:var(--nn-radius);padding:34px 20px 30px;box-shadow:var(--nn-shadow);display:flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none!important;color:var(--nn-ink)!important;font-family:'Montserrat',system-ui,sans-serif;font-weight:600;font-size:20px;text-align:center;transition:transform .45s var(--nn-ease),box-shadow .45s var(--nn-ease)}
.nn-act small{font-family:'Montserrat',sans-serif;font-weight:600;font-size:15px;color:var(--nn-muted)}
.nn-act:hover{transform:translateY(-8px);box-shadow:var(--nn-shadow-lift)}
.nn-act__ring{width:88px;height:88px;border-radius:50%;background:var(--nn-tan-soft);color:var(--nn-navy);display:grid;place-items:center;transition:transform .6s var(--nn-ease),background .3s,color .3s}
.nn-act__ring svg{width:40px;height:40px}
.nn-act:hover .nn-act__ring{background:var(--nn-navy);color:#fff;transform:scale(1.08) rotate(-6deg)}

/* ------------------------------------------------------------ contact & info lists */
.nn-info{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.nn-info li{display:flex;gap:16px;align-items:flex-start}
.nn-info .nn-ico{width:52px;height:52px;border-radius:16px;flex:none}
.nn-info strong{display:block;color:var(--nn-navy);font-size:17px}

/* ------------------------------------------------------------ checklist */
.nn-check{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.nn-check li{display:flex;gap:14px;align-items:flex-start}
.nn-check li::before{content:"";flex:none;width:28px;height:28px;margin-top:2px;border-radius:50%;background:var(--nn-tan-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230C347B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/16px no-repeat}
.nn-sec--navy .nn-check li::before{background-color:rgba(255,255,255,.15);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2B59B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E")}

/* where a WildApricot gadget (calendar, directory, form) sits under this block */
.nn-slot{display:none}

/* ------------------------------------------------------------ footer */
.nn-footer{position:relative;background:var(--nn-cream);padding-top:clamp(70px,8vw,110px)}
.nn-footer__grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr) 1.4fr;gap:40px;padding-bottom:56px}
.nn-footer__logo{height:84px;width:auto}
.nn-footer h4{font-size:19px;color:var(--nn-navy);margin-bottom:12px}
.nn-footer nav{display:flex;flex-direction:column;gap:10px}
.nn-footer nav a,.nn-footer__addr{color:var(--nn-body)!important;text-decoration:none;font-size:16px;line-height:1.6}
.nn-footer nav a:hover{color:var(--nn-navy)!important;text-decoration:underline}
.nn-footer__news{background:#fff;border-radius:var(--nn-radius);padding:28px;box-shadow:var(--nn-shadow);display:flex;flex-direction:column;gap:12px}
.nn-footer__bar{background:var(--nn-navy-deep);color:#C9D3E6;font-size:14px}
.nn-footer__bar .nn-wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:62px;max-width:none}
.nn-footer__bar a{color:#DCE3F0!important;margin-left:24px}

/* ------------------------------------------------------------ scroll reveal (progressive enhancement) */
@media (prefers-reduced-motion:no-preference){
  @supports ((animation-timeline:view()) and (animation-range:entry)){
    .nn-reveal{animation:nn-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
    .nn-reveal-stagger>*{animation:nn-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 80%}
    .nn-reveal-stagger>*:nth-child(2){animation-range:entry 8% entry 88%}
    .nn-reveal-stagger>*:nth-child(3){animation-range:entry 16% entry 96%}
    .nn-reveal-stagger>*:nth-child(4){animation-range:entry 24% cover 30%}
    .nn-photo.nn-reveal img{animation:nn-unveil linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
    .nn-reveal .nn-scribble::after,.nn-reveal.nn-scribble::after{animation:nn-draw linear both;animation-timeline:view();animation-range:entry 40% cover 35%}
  }
}
@keyframes nn-reveal{from{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}
@keyframes nn-unveil{from{clip-path:inset(12% 12% 12% 12% round 36px);transform:scale(1.08)}to{clip-path:inset(0 0 0 0 round 36px);transform:none}}

/* ------------------------------------------------------------ responsive */
@media (max-width:1024px){
  .nn-tiles{grid-template-columns:repeat(2,1fr);margin-top:-70px}
  .nn-acts{grid-template-columns:repeat(2,1fr)}
  .nn-footer__grid{grid-template-columns:1fr 1fr}
  .nn-band{grid-template-columns:1fr}
}
@media (max-width:820px){
  .nn{font-size:17px}
  .nn-split{grid-template-columns:1fr}
  .nn-split--flip .nn-split__media{order:0}
  .nn-photo::before{inset:14px -10px -14px 10px}
  .nn-photo__tag{left:10px}
  .nn-myth{grid-template-columns:1fr}
  .nn-tier--featured{transform:none}
}
@media (max-width:640px){
  .nn-util{display:none}
  .nn-hero{min-height:640px;align-items:flex-end}
  .nn-hero::before{background:linear-gradient(180deg,rgba(12,52,123,.35) 0%,rgba(6,33,79,.88) 48%,rgba(6,33,79,.97) 100%)}
  .nn-hero__body{padding-bottom:120px;gap:18px}
  .nn-actions .nn-btn{flex:1 1 auto}
  .nn-tiles{grid-template-columns:1fr 1fr;gap:12px}
  .nn-tile{aspect-ratio:3/4}
  .nn-tile__label{left:14px;right:14px;bottom:14px}
  .nn-tile__title{font-size:18px}
  .nn-tile__more{display:none}
  .nn-acts{grid-template-columns:1fr 1fr;gap:14px}
  .nn-act{font-size:17px;padding:24px 12px}
  .nn-act__ring{width:68px;height:68px}
  .nn-act__ring svg{width:30px;height:30px}
  .nn-phero{min-height:380px}
  .nn-footer__grid{grid-template-columns:1fr}
  .nn-footer__bar .nn-wrap{flex-direction:column;justify-content:center;padding-top:14px;padding-bottom:14px}
  .nn-footer__bar a{margin:0 10px}
  .nn-avatar{width:120px;height:120px;font-size:36px}
}
@media (prefers-reduced-motion:reduce){
  .nn *,.nn *::before,.nn *::after{animation:none!important;transition:none!important}
  .nn-scribble::after{clip-path:none}
}

/* Header logo size */
.WaGadgetAccountLogo img{height:auto!important;width:auto!important;max-height:88px;max-width:100%}
@media (max-width:700px){.WaGadgetAccountLogo img{max-height:64px}}

/* ===== Combined header: logo + menu + actions in one bar ===== */
.zoneHeader1{display:none!important}
.zoneHeader2{position:sticky;top:0;z-index:900;background:#0C347B;box-shadow:0 4px 20px rgba(6,33,79,.22)}
.zoneHeader2 .WaPlaceHolderHeader1>div{display:flex;align-items:center;gap:24px;max-width:1440px;margin:0 auto;padding:10px 32px!important;box-sizing:border-box;min-height:80px}
.zoneHeader2 .WaPlaceHolderHeader1{background:none!important}
.zoneHeader2 .WaGadgetCustomHTML,.zoneHeader2 .WaGadgetCustomHTML>.gadgetStyleBody,.zoneHeader2 .WaGadgetCustomHTML .nn,.zoneHeader2 .nn-hdr{display:contents}
.nn-hdr__logo{order:1;flex:0 0 auto;display:flex;align-items:center;line-height:0}
.nn-hdr__logo img{height:60px;width:auto;transition:opacity .2s}
.nn-hdr__logo:hover img{opacity:.85}
.nn-hdr__acts{order:3;flex:0 0 auto;display:flex;align-items:center;gap:20px}
.nn-hdr__link{color:#EEF2F8!important;font:700 15px/1 'Montserrat',system-ui,sans-serif;text-decoration:none}
.nn-hdr__link:hover{color:#fff!important;text-decoration:underline}
.nn-hdr__acts .nn-btn{min-height:40px;padding:0 22px;font-size:15px;box-shadow:none}
.zoneHeader2 .WaGadgetMenuHorizontal{order:2;flex:1 1 auto;min-width:0;margin:0!important;padding:0!important;background:none!important}
.zoneHeader2 .WaGadgetMenuHorizontal .menuBackground{display:none!important}
.zoneHeader2 .WaGadgetMenuHorizontal .stickyMenu,.zoneHeader2 .WaGadgetMenuHorizontal .stickyMenu.active{position:relative!important;top:auto!important;background:none!important;border:0!important;width:auto!important}
.zoneHeader2 .WaGadgetMenuHorizontal .menuInner{background:none!important;padding:0!important;margin:0!important;max-width:none!important;text-align:center}
.zoneHeader2 .WaGadgetMenuHorizontal ul.firstLevel{background:none!important}
.zoneHeader2 .WaGadgetMenuHorizontal ul.firstLevel>li>.item>a{font:700 15px/1.2 'Montserrat',system-ui,sans-serif!important;color:#fff!important;text-transform:none!important;letter-spacing:0!important;padding:14px 12px!important;background:none!important;border-radius:8px}
.zoneHeader2 .WaGadgetMenuHorizontal ul.firstLevel>li>.item>a:hover,.zoneHeader2 .WaGadgetMenuHorizontal ul.firstLevel>li.sel>.item>a{color:#C2B59B!important}
.zoneHeader2 .WaGadgetMenuHorizontal ul.firstLevel>li:has(>.item>a[href$="/Information-Insights"]),.zoneHeader2 .WaGadgetMenuHorizontal ul.firstLevel>li:has(>.item>a[href$=".org/"]){display:none!important}
@media (max-width:767px){
  .zoneHeader2 .WaPlaceHolderHeader1>div{min-height:60px;padding:8px 16px!important}
  .nn-hdr__logo img{height:44px}
  .nn-hdr__acts{margin-left:auto}
  .nn-hdr__link{display:none}
}
.zoneHeader2 .WaGadgetMenuHorizontal ul.firstLevel>li:has(>.item>a[href$="/Donate"]){display:none!important}
.WaGadgetMobilePanel .mobilePanel{background:#06214F!important;border:0!important}

/* ===== Brand pass 2026-10-07: Montserrat, no hearts, no ticker ===== */
.nn{font-size:17px}
.nn h1,.nn h2,.nn h3,.nn h4{font-weight:700;letter-spacing:-.01em}
.nn-ribbon{display:none!important}
.nn-eyebrow::before{content:none!important;display:none!important}
.nn-eyebrow{padding:7px 16px!important}
.nn-photo__tag svg{display:none!important}
.nn-footer__logo{align-self:flex-start!important;width:auto!important;height:84px!important;max-width:100%;object-fit:contain}
.zoneHeader2 .WaGadgetMenuHorizontal ul.firstLevel>li:has(>.item>a[href$="/Store"]){display:none!important}

/* ===== Content pass v3 (2026-10-07): client copy components ===== */
.nn-empty{min-height:160px;border:2px dashed var(--nn-tan);border-radius:var(--nn-radius);background:repeating-linear-gradient(45deg,transparent,transparent 12px,rgba(194,181,155,.12) 12px,rgba(194,181,155,.12) 24px);margin-top:24px}
.nn-cards--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.nn-list{margin:0;padding-left:1.2em;display:grid;gap:10px;color:var(--nn-body);font-size:17px}
.nn-list li::marker{color:var(--nn-tan)}
.nn-list--cols{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));column-gap:40px}
.nn-table-wrap{overflow-x:auto;border-radius:var(--nn-radius);box-shadow:var(--nn-shadow);background:#fff}
.nn-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.55}
.nn-table th,.nn-table td{padding:16px 22px;text-align:left;vertical-align:top;border-bottom:1px solid #EAE3D6}
.nn-table thead th{background:var(--nn-navy);color:#fff;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.nn-table tbody th{color:var(--nn-navy);font-weight:700;width:34%}
.nn-table tbody tr:last-child th,.nn-table tbody tr:last-child td{border-bottom:0}
.nn-table tbody tr:nth-child(even){background:var(--nn-cream)}
.nn-table--dues tbody td{font-weight:700;color:var(--nn-navy);white-space:nowrap}
.nn-table--dues tbody th{width:auto;font-weight:600;color:var(--nn-ink)}
.nn-note{font-size:15px;color:var(--nn-muted);margin:0}
.nn-bio{display:grid;grid-template-columns:240px 1fr;gap:clamp(24px,5vw,64px);align-items:start}
.nn-bio__side{display:flex;flex-direction:column;align-items:flex-start;gap:6px;position:sticky;top:110px}
.nn-bio__side h3{font-size:22px;color:var(--nn-navy)}
.nn-bio__side p{margin:0;color:var(--nn-muted);font-weight:600}
.nn-cta .nn-lead:empty{display:none}
@media (max-width:760px){.nn-bio{grid-template-columns:1fr}.nn-bio__side{position:static}.nn-table th,.nn-table td{padding:12px 14px}}


/* ===== Scale pass v7 (2026-10-16): calmer type scale, tighter rhythm, slideshow hero ===== */
.nn{font-size:16px;line-height:1.65}
.nn h1,.nn h2,.nn h3,.nn h4,.nn-tile__title{text-transform:none!important;letter-spacing:-.015em}
.nn-wrap{max-width:1200px}
.nn-h1{font-size:clamp(30px,3.6vw,48px)}
.nn-h2,.nn h2{font-size:clamp(25px,2.5vw,36px);line-height:1.15}
.nn-h3,.nn h3{font-size:clamp(18px,1.4vw,21px)}
.nn-lead{font-size:clamp(16px,1.2vw,18px)}
.nn-stack{gap:16px}
.nn-btn{min-height:46px;padding:0 24px;font-size:15px}
/* home hero */
.nn-hero{min-height:clamp(460px,min(72vh,52vw),660px)}
.nn-hero .nn-h1,.nn-hero h1{font-size:clamp(30px,3.7vw,52px);line-height:1.1;text-wrap:balance}
.nn-hero p{font-size:clamp(16px,1.25vw,19px);max-width:600px}
.nn-hero__body{max-width:700px;gap:20px;padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(110px,10vw,140px)}
/* hero slideshow: 4 photos x 8s, 1.5s crossfade, CSS only */
.nn-hero__slides{position:absolute;inset:0;z-index:-2;margin:0;padding:0;list-style:none}
.nn-hero__slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:nn-slide 32s linear infinite}
.nn-hero__slides img:nth-child(1){animation-delay:-1.5s}
.nn-hero__slides img:nth-child(2){animation-delay:6.5s}
.nn-hero__slides img:nth-child(3){animation-delay:14.5s}
.nn-hero__slides img:nth-child(4){animation-delay:22.5s}
@keyframes nn-slide{0%{opacity:0;transform:scale(1.06)}4.7%{opacity:1}25%{opacity:1}29.7%{opacity:0;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
.nn-hero__pause{position:absolute;opacity:0;pointer-events:none}
.nn-hero__ctl{position:absolute;right:clamp(16px,3vw,40px);bottom:clamp(64px,7vw,104px);z-index:3;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;background:rgba(6,33,79,.55);color:#fff;font:700 13px/1 'Montserrat',system-ui,sans-serif;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.35)}
.nn-hero__ctl:hover{background:rgba(6,33,79,.8)}
.nn-hero__ctl .nn-play{display:none}
.nn-hero__pause:checked~.nn-hero__slides img{animation-play-state:paused}
.nn-hero__pause:checked~.nn-hero__ctl .nn-play{display:inline}
.nn-hero__pause:checked~.nn-hero__ctl .nn-pausetxt{display:none}
.nn-hero__pause:focus-visible~.nn-hero__ctl{outline:3px solid var(--nn-tan);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
 .nn-hero__slides img{animation:none!important;opacity:0}
 .nn-hero__slides img:first-child{opacity:1}
 .nn-hero__ctl{display:none}
}
/* inner page hero */
.nn-phero{min-height:clamp(300px,40vh,400px)}
.nn-phero__body{gap:14px;padding-top:clamp(64px,7vw,96px);padding-bottom:clamp(72px,8vw,104px);max-width:820px}
.nn-phero h1{font-size:clamp(28px,3.3vw,46px);text-wrap:balance}
.nn-phero p{font-size:clamp(16px,1.25vw,19px)}
.nn-crumbs{font-size:14px}
/* section rhythm */
.nn-sec{padding:clamp(48px,6vw,88px) 0}
.nn-sec--tight{padding:clamp(36px,4.5vw,60px) 0}
.nn-head{gap:12px;margin-bottom:clamp(28px,3.5vw,44px)}
.nn-split{gap:clamp(28px,4.5vw,64px);grid-template-columns:1fr 1fr}
.nn-photo img{aspect-ratio:4/3}
.nn-photo::before{inset:16px -16px -16px 16px}
.nn-eyebrow{font-size:12px;padding:6px 14px!important}
/* cards / tiles / lists */
.nn-card{padding:26px 24px;gap:12px}
.nn-card h3{font-size:19px}
.nn-card p,.nn-faq details>div,.nn-list{font-size:16px}
.nn-tiles{margin-top:-64px;gap:16px}
.nn-tile{aspect-ratio:4/4.6}
.nn-tile__title{font-size:clamp(17px,1.5vw,21px)}
.nn-faq summary{font-size:17px;padding:18px 22px}
.nn-faq summary::after{width:32px;height:32px;font-size:20px}
.nn-res a{padding:18px 22px}
.nn-res strong{font-size:17px}
.nn-tier__price{font-size:36px}
.nn-cta{padding:clamp(56px,7vw,92px) 0}
.nn-cta h2{font-size:clamp(26px,3vw,40px)}
.nn-quote{font-size:clamp(20px,2.3vw,28px)}
.nn-band{padding:clamp(28px,4vw,52px)}
.nn-footer{padding-top:clamp(52px,6vw,80px)}
.nn-footer__grid{gap:32px;padding-bottom:44px}
.nn-footer__logo{height:68px!important}
.nn-footer h4{font-size:16px}
.nn-footer nav a,.nn-footer__addr{font-size:15px}
/* header: everything on one line, no overflow menu */
.zoneHeader2 .WaPlaceHolderHeader1>div{gap:16px;min-height:72px;padding:8px clamp(16px,2.5vw,32px)!important}
.nn-hdr__logo img{height:52px}
.nn-hdr__acts{gap:14px}
.nn-hdr__link{font-size:14px}
.nn-hdr__acts .nn-btn{min-height:38px;padding:0 18px;font-size:14px}
.zoneHeader2 .WaGadgetMenuHorizontal ul.firstLevel>li>.item>a{font-size:14px!important;padding:12px 9px!important}
@media (max-width:1180px){.zoneHeader2 .WaGadgetMenuHorizontal ul.firstLevel>li>.item>a{font-size:13px!important;padding:12px 6px!important}}
@media (max-width:820px){
 .nn-split{grid-template-columns:1fr}
 .nn-hero{min-height:560px}
}
@media (max-width:640px){
 .nn{font-size:16px}
 .nn-hero{min-height:540px}
 .nn-hero__body{padding-bottom:116px}
 .nn-hero__ctl{bottom:auto;top:16px;right:16px;min-height:36px;padding:0 12px}
 .nn-phero{min-height:300px}
 .nn-tiles{margin-top:-48px}
 .nn-photo::before{inset:10px -8px -10px 8px}
}
/* WA signup form: long instruction lines must wrap on phones */
.textLine,.typeInstruction{white-space:normal!important;overflow-wrap:anywhere}
/* mobile: put WA's menu/login buttons inside the sticky navy header bar instead of a separate row */
@media (max-width:767px){
 .mobilePanelContainer{position:fixed!important;top:0;left:0;right:0;height:0!important;min-height:0!important;z-index:1000;overflow:visible}
 .mobilePanelContainer .WaPlaceHolderMobilePanel,.mobilePanelContainer .WaGadgetMobilePanel{height:0!important;min-height:0!important;overflow:visible!important;background:none!important}
 .WaGadgetMobilePanel .mobilePanel{background:transparent!important;height:0!important;min-height:0!important;overflow:visible!important}
 .mobilePanel .mobilePanelButton{top:5px!important}
 .mobilePanel .buttonMenu{left:auto!important;right:2px!important}
 .mobilePanel .buttonLogin{left:auto!important;right:50px!important}
 .mobilePanel .buttonAdmin{display:none!important}
 .mobilePanel .menuInner,.mobilePanel .loginInner{position:fixed!important;top:60px!important;left:0!important;right:0!important;max-height:calc(100dvh - 60px);overflow:auto;background:#06214F!important;box-shadow:0 18px 40px rgba(6,33,79,.35)}
 .zoneHeader2 .WaPlaceHolderHeader1>div{padding-right:108px!important;min-height:60px}
 .nn-hdr__acts .nn-btn{padding:0 14px}
}
/* mobile menu panel: brand colours + hide the same pages the desktop menu hides */
.mobilePanel .menuInner,.mobilePanel .menuInner ul,.mobilePanel .menuInner li,.mobilePanel .menuInner .item{background:#06214F!important;border-color:rgba(255,255,255,.08)!important}
.mobilePanel .menuInner a{font-family:'Montserrat',system-ui,sans-serif!important;color:#fff!important;text-transform:none!important;text-decoration:none!important}
.mobilePanel .menuInner ul.firstLevel>li>.item>a{font-weight:700!important;font-size:16px!important;padding:12px 20px!important}
.mobilePanel .menuInner ul ul a{color:#D6DEEC!important;font-weight:500!important;font-size:15px!important;padding:9px 20px 9px 34px!important}
.mobilePanel .menuInner li.sel>.item>a,.mobilePanel .menuInner a:hover{color:#C2B59B!important}
.mobilePanel .menuInner li:has(>.item>a[href$=".org/"]),.mobilePanel .menuInner li:has(>.item>a[href$="/Store"]),.mobilePanel .menuInner li:has(>.item>a[href$="/Donate"]),.mobilePanel .menuInner li:has(>.item>a[href$="/Information-Insights"]){display:none!important}
.mobilePanel .mobilePanelButton{background-color:transparent!important}.mobilePanel .mobilePanelButton.active,.mobilePanel .mobilePanelButton.opened{background-color:rgba(255,255,255,.14)!important;border-radius:10px}
/* WildApricot gadgets that sit under our page blocks (join form, events list, directory, contact form) */
.WaGadgetMembershipApplication,.WaGadgetEvents,.WaGadgetUpcomingEvents,.WaGadgetMemberDirectory,.WaGadgetContactProfile,.WaGadgetContactForm{max-width:1000px;margin-left:auto!important;margin-right:auto!important;padding:clamp(24px,4vw,56px) clamp(16px,4vw,40px)!important;box-sizing:border-box}
.WaGadgetMembershipApplication :is(label,span,div,p,h3,h4,input,select,textarea,td,th,a),.WaGadgetEvents :is(span,div,p,h3,h4,a),.WaGadgetUpcomingEvents :is(span,div,p,h3,h4,a),.WaGadgetMemberDirectory :is(span,div,p,td,th,a,input),.WaGadgetContactForm :is(label,span,div,p,input,textarea){font-family:'Montserrat',system-ui,sans-serif!important}
.WaGadgetMembershipApplication .typeRadioContainer+label,.WaGadgetMembershipApplication .fieldItem label{font-weight:700;color:#0C347B}
.WaGadgetMembershipApplication input[type=text],.WaGadgetMembershipApplication input[type=email],.WaGadgetMembershipApplication input[type=tel],.WaGadgetMembershipApplication input[type=password],.WaGadgetMembershipApplication select,.WaGadgetMembershipApplication textarea,.WaGadgetContactForm input[type=text],.WaGadgetContactForm textarea{border:1px solid #D9D1C2!important;border-radius:10px!important;min-height:44px;padding:8px 12px!important;font-size:16px!important;max-width:100%}
.WaGadgetMembershipApplication input[type=submit],.WaGadgetMembershipApplication input[type=button],.WaGadgetMembershipApplication .button,.WaGadgetContactForm input[type=submit]{background:#0C347B!important;color:#fff!important;border:0!important;border-radius:999px!important;min-height:46px;padding:0 26px!important;font:700 15px/1 'Montserrat',system-ui,sans-serif!important;cursor:pointer;box-shadow:none!important;text-shadow:none!important;background-image:none!important}
.WaGadgetMembershipApplication input[type=submit]:hover,.WaGadgetMembershipApplication .button:hover{background:#06214F!important}

/* Menu fit v7b: Lisa's full menu on one line down to ~1200px */
@media (max-width:1400px){.zoneHeader2 .WaGadgetMenuHorizontal ul.firstLevel>li>.item>a{font-size:13.5px!important;padding:12px 6px!important}.zoneHeader2 .WaPlaceHolderHeader1>div{gap:12px!important;padding-left:20px!important;padding-right:20px!important}.nn-hdr__logo img{height:46px!important}.nn-hdr__acts{gap:10px!important}}
@media (max-width:1200px){.zoneHeader2 .WaGadgetMenuHorizontal ul.firstLevel>li>.item>a{font-size:12.5px!important;padding:12px 4px!important}.nn-hdr__link{font-size:12.5px!important}}
@media (max-width:767px){.zoneHeader2 .WaPlaceHolderHeader1>div{padding-right:108px!important}}


/* ===== Concept C pass (2026-10-16): full-bleed hero, join strip, clean tiles below hero, tight corners ===== */
:root{--nn-radius:6px;--nn-radius-lg:8px}
.nn-wave{display:none!important}
.nn-btn{border-radius:8px}
/* home hero: headline bottom-left, intro right with tan rule */








/* join strip */
.nn-strip{background:var(--nn-tan)}
.nn-strip .nn-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:20px}
.nn-strip strong{color:var(--nn-navy-deep);font-size:clamp(17px,1.5vw,20px);font-weight:800;letter-spacing:-.01em}
.nn-strip span{color:#3B3A33;font-size:15px;font-weight:500;margin-left:16px}
.nn-strip .nn-btn{box-shadow:none}
/* tiles: no overlap, photo then label */
.nn-tiles{margin-top:0!important;padding-top:clamp(48px,6vw,80px);gap:20px!important}
.nn-tile{aspect-ratio:auto!important;overflow:visible;box-shadow:none!important;border-radius:0;isolation:auto}
.nn-tile:hover{transform:none}
.nn-tile img{position:static!important;width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;border-radius:4px;transition:opacity .3s}
.nn-tile:hover img{transform:none;opacity:.88}
.nn-tile::after{display:none!important}
.nn-tile__label{position:static!important;flex-direction:row!important;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--nn-line)}
.nn-tile__title{color:var(--nn-navy-deep)!important;font-size:18px!important;font-weight:700}
.nn-tile__label::after{content:"\2192";color:var(--nn-navy);font-weight:700;transition:transform .3s}
.nn-tile:hover .nn-tile__label::after{transform:translateX(4px)}
/* photos & cards: tight corners, no tan offset block */
.nn-photo::before{display:none!important}
.nn-photo img,.nn-pcard,.nn-card,.nn-tier,.nn-faq details,.nn-res a,.nn-timeline li,.nn-table-wrap,.nn-band,.nn-myth,.nn-steps li,.nn-act,.nn-footer__news{border-radius:6px!important}
/* inner page heroes: same bottom gradient, no wave */
.nn-phero::before{background:linear-gradient(180deg,rgba(6,33,79,.15) 0%,rgba(6,33,79,.6) 50%,rgba(6,33,79,.93) 100%)!important}
.nn-phero__body{padding-bottom:clamp(40px,5vw,60px)!important}
@media (max-width:820px){
 .nn-hero__body{grid-template-columns:1fr}
 .nn-hero__body>p,.nn-hero__body>.nn-actions{grid-column:1}
 .nn-hero__body>p{grid-row:2}.nn-hero__body>.nn-actions{grid-row:3}
 .nn-strip .nn-wrap{flex-direction:column;align-items:flex-start}
 .nn-strip span{display:block;margin:4px 0 0}
}
@media (max-width:640px){.nn-tiles{gap:14px!important}.nn-tile__title{font-size:15px!important}.nn-hero__ctl{top:12px}}
/* tiles heading row (matches Concept C mockup) */
.nn-tiles-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:clamp(48px,6vw,84px);margin-bottom:clamp(24px,3vw,36px)}
.nn-tiles-eb{display:block;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--nn-navy);margin-bottom:10px}
.nn-tiles-head h2{font-size:clamp(26px,2.6vw,36px)!important;color:var(--nn-navy-deep)!important;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0}
.nn-tiles-more{font-weight:700;font-size:15px;color:var(--nn-navy)!important;text-decoration:none!important;white-space:nowrap}
.nn-tiles-more:hover{text-decoration:underline!important}
.nn-tiles-head+.nn-tiles{padding-top:0!important}
@media (max-width:640px){.nn-tiles-head{flex-direction:column;align-items:flex-start}}
/* contact card */
.nn-contact{margin-top:20px;padding:28px 32px;border-left:4px solid var(--nn-tan);background:#fff;border-radius:6px;box-shadow:var(--nn-shadow);display:flex;flex-direction:column;gap:6px}
.nn-contact__name{font-size:22px;font-weight:800;color:var(--nn-navy-deep)}
.nn-contact__role{color:var(--nn-muted);font-weight:600;margin-bottom:10px!important}
.nn-contact__k{display:inline-block;min-width:64px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--nn-navy)}
/* FAQ roles table */
.nn-roles-wrap{margin-top:18px}
.nn-roles{font-size:13.5px;min-width:820px}
.nn-roles__cap{caption-side:top;text-align:left;font-weight:700;color:var(--nn-navy);padding:0 0 10px}
.nn-roles thead th{font-size:11px!important;letter-spacing:.04em!important;line-height:1.3;vertical-align:bottom;padding:12px 8px!important}
.nn-roles td,.nn-roles tbody th{padding:10px 8px!important;vertical-align:middle}
.nn-roles td:not(:nth-child(2)){text-align:center}
.nn-roles__y{color:#1E7B45;font-weight:800;font-size:16px}
.nn-roles__n{color:#B7BDC9}
.nn-roles tr.nn-roles__us{background:var(--nn-tan-soft)!important}
.nn-roles tr.nn-roles__us th{color:var(--nn-navy-deep)}
.nn-roles tr.nn-roles__tot{background:#F1F3F7!important;font-weight:700}
.nn-roles tr.nn-roles__tot td{color:var(--nn-navy)}
/* Member login: logged-in visitors are bounced to Home by /Sys/Login, so hide it once signed in */
body:has(.loginContainer.authenticated) .nn-hdr__link{display:none!important}
/* ===== v10 (2026-10-20): Lisa 10/19 — photo header + dark title band on every inner page; top-anchored crops; even founders list ===== */
.nn-phero{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:0!important;background:var(--nn-navy-deep)}
.nn-phero::before{display:none!important}
.nn-phero__img{position:relative!important;inset:auto!important;z-index:0!important;display:block;width:100%;height:clamp(220px,32vw,460px)!important;object-fit:cover;object-position:center 22%;animation:none!important}
.nn-phero>.nn-wrap{width:100%;background:var(--nn-navy-deep)}
.nn-phero__body{padding-top:clamp(26px,3vw,40px)!important;padding-bottom:clamp(30px,3.4vw,46px)!important;max-width:900px}
.nn-hero__slides img{object-position:center 25%}
.nn-list--cols{display:block!important;columns:2 300px;column-gap:56px;padding-left:1.2em}
.nn-list--cols li{break-inside:avoid;margin:0 0 12px;line-height:1.45}
@media (max-width:640px){.nn-phero__img{height:clamp(190px,52vw,260px)!important}}

/* ===== v10b (2026-10-20 audit pass 1) ===== */
@keyframes nn-unveil{from{clip-path:inset(6% 6% 6% 6% round 6px);transform:scale(1.04)}to{clip-path:inset(0 0 0 0 round 6px);transform:none}}
.nn-eyebrow{background:none!important;padding:0!important;border-radius:0!important;letter-spacing:.16em;font-size:12px}
.nn-eyebrow::before{display:none!important}
section:has(>.nn-wrap>.nn-tiles){padding-bottom:clamp(28px,3.5vw,44px)!important}
.nn-footer__news{align-self:start}
/* hide menu links to pages that are not public yet (Henry's drafts / leftovers) — remove a line when the page goes live */
.menuInner li:has(>.item>a[href$="/Advocacy-Training"]),.menuInner li:has(>.item>a[href$="/Policy-Resources"]),.menuInner li:has(>.item>a[href$="/Information-Insights"]),.menuInner li:has(>.item>a[href$="/Store"]){display:none!important}
.nn-res a:not([href]){cursor:default}
.nn-res a:not([href]):hover{transform:none!important;box-shadow:none}
.nn-soon{display:block;margin-top:4px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--nn-muted)}
.nn-eyebrow--light{color:var(--nn-tan)!important;background:none!important}
html,body{overflow-x:clip}
.WaGadgetDonationForm{max-width:1000px;margin-left:auto!important;margin-right:auto!important;padding:clamp(24px,4vw,56px) clamp(16px,4vw,40px)!important;box-sizing:border-box}
.WaGadgetDonationForm :is(label,span,div,p,input,select,textarea,td,th,a){font-family:Montserrat,sans-serif}
.WaGadgetDonationForm input[type=submit],.WaGadgetDonationForm .button{background:#0C347B!important;color:#fff!important;border:0!important;border-radius:8px!important;min-height:44px;padding:0 26px!important;font-weight:700!important}
.WaGadgetEvents :is(h1,h2,h3,.pageTitle,.boxHeaderTitle),.WaGadgetUpcomingEvents :is(h1,h2,h3,.boxHeaderTitle){color:var(--nn-navy-deep)!important;font-family:Montserrat,sans-serif!important;text-transform:none!important;letter-spacing:-.01em!important;font-weight:800!important;font-size:clamp(22px,2vw,28px)!important}
.WaGadgetEvents a,.WaGadgetUpcomingEvents a{color:var(--nn-navy)!important}

/* ===== v10c (2026-10-20 audit pass 2): WildApricot system pages (login, password reset, profile, store) on brand ===== */
.zoneContent:not(:has(.nn)){max-width:1040px;margin:0 auto!important;padding:clamp(32px,5vw,72px) clamp(16px,4vw,40px)!important;box-sizing:border-box;font-family:Montserrat,sans-serif}
.zoneContent:not(:has(.nn)) :is(h1,h2,h3){color:var(--nn-navy-deep)!important;text-transform:none!important;font-family:Montserrat,sans-serif!important;font-weight:800!important;letter-spacing:-.02em!important}
.zoneContent:not(:has(.nn)) h1{font-size:clamp(28px,3vw,40px)!important;margin-bottom:12px!important}
.zoneContent:not(:has(.nn)) :is(p,label,span,div,a,td,input){font-family:Montserrat,sans-serif}
.zoneContent:not(:has(.nn)) a{color:var(--nn-navy)}
.zoneContent input.loginButton,.zoneContent :is(input[type=submit],input[type=button]):not([class*=social]){background:#0C347B!important;color:#fff!important;border:0!important;border-radius:8px!important;min-height:44px;padding:0 26px!important;font-weight:700!important;text-transform:none!important;cursor:pointer}
.zoneContent input.loginButton:hover{background:#06214F!important}
.zoneContent:not(:has(.nn)) :is(input[type=text],input[type=email],input[type=password]){border:1px solid #C9CFDA!important;border-radius:6px!important;min-height:44px;padding:0 12px!important;box-sizing:border-box}


/* ===== v11 (2026-10-21): hero rolled back to the 10/16 fade slideshow (Concept C hero rules removed above); header cleanup; Join-us band spacing ===== */
/* menu: small down-caret instead of the theme's large right chevron (dropdown items only) */
.zoneHeader2 .WaGadgetMenuHorizontal ul.firstLevel>li.dir>.item>a>span::after{content:"\f107"!important;font-size:12px!important;margin-left:6px!important;opacity:.75;vertical-align:1px}
/* News and Member Forum are not in Lisa's menu; they only appeared for signed-in users and pushed items into the overflow button */
.menuInner li:has(>.item>a[href$="/News"]),.menuInner li:has(>.item>a[href$="/page-1075179"]){display:none!important}
/* Join-us band: even gap between heading and button when there is no intro line */
.nn-cta .nn-lead:empty+.nn-actions{margin-top:clamp(24px,3vw,32px)!important}


/* ===== v12 (2026-10-21): Become a Member – level picker as selectable cards (step 1 of the WildApricot application only) ===== */
.WaGadgetMembershipApplicationStateSelectLevel{max-width:1040px!important;padding-top:clamp(8px,2vw,24px)!important}
.WaGadgetMembershipApplicationStateSelectLevel :is(.cornersContainer){display:none!important}
.WaGadgetMembershipApplicationStateSelectLevel :is(.generalFormOuterContainer,.generalFormContainer,.formOuterContainer,.formContainer,.generalFieldsOuterContainer,.generalFieldsContainer,.fieldContainer,.groupContainer,.fieldSubContainer,.fieldBody,.groupBodyVertical,[class^=d]){background:none!important;border:0!important;box-shadow:none!important;padding:0;margin:0}
/* title row */
.WaGadgetMembershipApplicationStateSelectLevel :is(.formTitleOuterContainer,.formTitleContainer,.formTitleContainer>.inner){border:0!important;background:none!important;box-shadow:none!important}
.WaGadgetMembershipApplicationStateSelectLevel .formTitleOuterContainer{margin:0 0 clamp(20px,2.4vw,28px)!important}
.WaGadgetMembershipApplicationStateSelectLevel .formTitleContainer>.inner{display:flex!important;align-items:flex-end;justify-content:space-between;gap:16px;border:0!important;padding:0!important;background:none!important}
.WaGadgetMembershipApplicationStateSelectLevel h3.formTitle{font-size:0!important;margin:0!important;padding:0!important;border:0!important}
.WaGadgetMembershipApplicationStateSelectLevel h3.formTitle::before{content:"Step 1 of 2";display:block;font:700 12px/1 Montserrat,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8A7C5F;margin-bottom:10px}
.WaGadgetMembershipApplicationStateSelectLevel h3.formTitle::after{content:"Choose your membership";display:block;font:800 clamp(24px,2.4vw,32px)/1.15 Montserrat,sans-serif;letter-spacing:-.02em;color:#06214F}
.WaGadgetMembershipApplicationStateSelectLevel .mandatoryFieldsTitle{display:none!important}
/* the left "Membership level" label column */
.WaGadgetMembershipApplicationStateSelectLevel #idMembershipLevelRadioGroupContainer .fieldLabel{display:none!important}
.WaGadgetMembershipApplicationStateSelectLevel #idMembershipLevelRadioGroupContainer :is(.fieldSubContainer,.fieldBody){display:block!important;width:auto!important;float:none!important;margin:0!important;padding:0!important}
/* card grid */
.WaGadgetMembershipApplicationStateSelectLevel .groupBodyVertical{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem{order:1;position:relative;display:block!important;margin:0!important;padding:0!important;float:none!important;width:auto!important}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:not(:has(.levelBundle)){order:3}
.WaGadgetMembershipApplicationStateSelectLevel .groupBodyVertical::after{content:"Adding more staff?  Extra staff members join at their organization’s tier.";order:2;grid-column:1/-1;margin:clamp(26px,3vw,36px) 0 2px;padding-top:24px;border-top:1px solid #E3E7EE;font:700 16px/1.4 Montserrat,sans-serif;color:#06214F;white-space:pre-wrap}
/* radio: keep it accessible, hide the native dot, the whole card is the click target */
.WaGadgetMembershipApplicationStateSelectLevel .typeRadioContainer{position:absolute!important;inset:0;margin:0!important;z-index:0}
.WaGadgetMembershipApplicationStateSelectLevel .typeRadioContainer input.typeRadio{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem>.label{display:block!important;margin:0!important;padding:0!important;float:none!important;width:auto!important}
.WaGadgetMembershipApplicationStateSelectLevel label.levelProperties{position:relative;display:flex!important;flex-direction:column;gap:10px;min-height:100%;box-sizing:border-box;padding:22px 24px 20px 62px!important;margin:0!important;background:#fff;border:1.5px solid #E3E7EE;border-radius:14px;cursor:pointer;transition:border-color .2s,box-shadow .25s,transform .25s,background-color .2s;box-shadow:0 1px 2px rgba(6,33,79,.04)}
.WaGadgetMembershipApplicationStateSelectLevel label.levelProperties:hover{border-color:#C2B59B;box-shadow:0 10px 28px rgba(6,33,79,.08);transform:translateY(-2px)}
/* custom radio ring */
.WaGadgetMembershipApplicationStateSelectLevel label.levelProperties::before{content:"";position:absolute;left:24px;top:24px;width:22px;height:22px;border-radius:50%;border:2px solid #C9CFDA;background:#fff;box-sizing:border-box;transition:all .2s}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) label.levelProperties{border-color:#0C347B;background:linear-gradient(180deg,#FBF9F5 0%,#F4EFE6 100%);box-shadow:0 0 0 3px rgba(12,52,123,.10),0 12px 30px rgba(6,33,79,.10)}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) label.levelProperties::before{border:7px solid #0C347B}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:focus-visible) label.levelProperties{outline:3px solid #C2B59B;outline-offset:3px}
/* text inside the card */
.WaGadgetMembershipApplicationStateSelectLevel .levelProperties .textLine{display:block!important;margin:0!important;padding:0!important;white-space:normal!important}
.WaGadgetMembershipApplicationStateSelectLevel .levelProperties .textLine:first-child{display:flex!important;flex-direction:column;gap:6px}
.WaGadgetMembershipApplicationStateSelectLevel .labelTitle,.WaGadgetMembershipApplicationStateSelectLevel .labelTitle span{font:600 14px/1.35 Montserrat,sans-serif!important;color:#46536B!important;letter-spacing:.01em}
.WaGadgetMembershipApplicationStateSelectLevel .labelSubTitle{display:block;line-height:1.1}
.WaGadgetMembershipApplicationStateSelectLevel .levelPrice{display:inline-block;font:800 30px/1.1 Montserrat,sans-serif!important;color:#06214F!important;letter-spacing:-.02em;white-space:nowrap;margin-left:-.62em;margin-right:-2.95em;clip-path:inset(0 2.95em 0 .62em)}
.WaGadgetMembershipApplicationStateSelectLevel .labelSubTitle::after{content:"/ year";margin-left:2px;font:600 14px/1 Montserrat,sans-serif;color:#6B7487}
/* meta lines as small chips */
.WaGadgetMembershipApplicationStateSelectLevel .levelProperties .typeInstruction{display:inline-flex!important;width:auto!important;flex:0 0 auto!important;align-self:flex-start;align-items:center;padding:5px 10px!important;border-radius:999px;background:#F1F3F7;font-style:normal!important}
.WaGadgetMembershipApplicationStateSelectLevel .levelProperties .typeInstruction span{font:600 12px/1.2 Montserrat,sans-serif!important;font-style:normal!important;color:#46536B!important}
.WaGadgetMembershipApplicationStateSelectLevel .levelProperties:has(.typeInstruction){}
.WaGadgetMembershipApplicationStateSelectLevel .levelProperties .typeInstruction:has(.levelRenewal){display:none!important}
.WaGadgetMembershipApplicationStateSelectLevel .levelProperties{flex-flow:row wrap!important;align-content:flex-start;column-gap:8px!important;row-gap:10px!important}
.WaGadgetMembershipApplicationStateSelectLevel .levelProperties .textLine:first-child{flex:1 0 100%}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) .typeInstruction{background:#fff}
/* add-on staff cards: compact */
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:not(:has(.levelBundle)) label.levelProperties{padding:16px 20px 16px 56px!important;border-radius:12px}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:not(:has(.levelBundle)) label.levelProperties::before{left:20px;top:18px;width:20px;height:20px}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:not(:has(.levelBundle)) .levelPrice{font-size:20px!important}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:not(:has(.levelBundle)) .typeInstruction{display:none!important}
/* add-on titles: drop the repeated "Additional Individual Membership:" prefix (the group heading already says it) */
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:not(:has(.levelBundle)) .labelTitle span{display:inline-block;white-space:nowrap;margin-left:-18.07em;clip-path:inset(0 0 0 18.07em)}
/* Next button */
.WaGadgetMembershipApplicationStateSelectLevel .navigationOuterContainer{margin-top:clamp(28px,3vw,40px)!important;padding-top:24px!important;border-top:1px solid #E3E7EE!important;background:none!important}
.WaGadgetMembershipApplicationStateSelectLevel .navigationContainer :is(.d1,.inner){display:flex!important;justify-content:flex-end}
.WaGadgetMembershipApplicationStateSelectLevel .navigationContainer input[type=submit]{min-height:52px!important;padding:0 40px!important;border-radius:10px!important;font-size:16px!important;box-shadow:0 10px 24px rgba(12,52,123,.22)!important}
@media (max-width:720px){
.WaGadgetMembershipApplicationStateSelectLevel .groupBodyVertical{grid-template-columns:1fr;gap:10px}
.WaGadgetMembershipApplicationStateSelectLevel label.levelProperties{padding:18px 18px 16px 54px!important}
.WaGadgetMembershipApplicationStateSelectLevel label.levelProperties::before{left:18px;top:20px}
.WaGadgetMembershipApplicationStateSelectLevel .levelPrice{font-size:24px!important}
.WaGadgetMembershipApplicationStateSelectLevel .navigationContainer input[type=submit]{width:100%}
}

/* site-wide: empty content zones were picking up the system-page padding (v10c) and leaving ~570px of blank space above the footer */
.zoneContent:not(:has(.nn)):not(:has([class*=WaGadget])){padding:0!important;min-height:0!important}


/* ===== v12b (2026-10-21): Become a Member – close the gap between the intro text and "Step 1 of 2"; one background; form lines up with the intro column ===== */
.zoneHeader3:has(~ .zoneContent .WaGadgetMembershipApplication) .nn > section.nn-sec:last-of-type{padding-bottom:28px!important;background:transparent!important}
.zoneHeader3:has(~ .zoneContent .WaGadgetMembershipApplication) .nn > section.nn-sec:last-of-type::before{display:none!important}
.zoneContent:has(.WaGadgetMembershipApplication){padding-top:0!important;max-width:none!important}
.zoneContent:has(.WaGadgetMembershipApplication) .WaPlaceHolder>div{padding-top:0!important}
.WaGadgetMembershipApplication.WaGadgetMembershipApplicationStateSelectLevel{padding-top:0!important;max-width:900px!important}


/* ===== v12c (2026-10-21): Become a Member – compact 4-column tier grid (2 rows of 4), smaller cards ===== */
.WaGadgetMembershipApplicationStateSelectLevel .groupBodyVertical{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.WaGadgetMembershipApplicationStateSelectLevel label.levelProperties{padding:16px 14px 14px!important;border-radius:12px!important;row-gap:8px!important}
.WaGadgetMembershipApplicationStateSelectLevel label.levelProperties::before{left:auto!important;right:14px!important;top:auto!important;bottom:16px!important;width:18px!important;height:18px!important}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem>.label,.WaGadgetMembershipApplicationStateSelectLevel label.levelProperties{height:100%!important}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) label.levelProperties::before{border-width:6px!important}
.WaGadgetMembershipApplicationStateSelectLevel .labelTitle,.WaGadgetMembershipApplicationStateSelectLevel .labelTitle span{font-size:12px!important;letter-spacing:0!important}
.WaGadgetMembershipApplicationStateSelectLevel .levelProperties .textLine:first-child{gap:4px!important}
.WaGadgetMembershipApplicationStateSelectLevel .levelPrice{font-size:22px!important}
.WaGadgetMembershipApplicationStateSelectLevel .labelSubTitle::after{font-size:12px!important}
.WaGadgetMembershipApplicationStateSelectLevel .levelProperties .typeInstruction{padding:4px 8px!important}
.WaGadgetMembershipApplicationStateSelectLevel .levelProperties .typeInstruction span{font-size:11px!important}
.WaGadgetMembershipApplicationStateSelectLevel label.levelProperties:hover{transform:translateY(-1px)}
/* add-on staff cards: same 4-up grid, even smaller */
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:not(:has(.levelBundle)) label.levelProperties{padding:12px 14px!important}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:not(:has(.levelBundle)) label.levelProperties::before{left:auto!important;right:14px!important;top:auto!important;bottom:14px!important;width:16px!important;height:16px!important}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:not(:has(.levelBundle)) .labelTitle span{font-size:11.5px!important}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:not(:has(.levelBundle)) .levelPrice{font-size:17px!important}
.WaGadgetMembershipApplicationStateSelectLevel .groupBodyVertical::after{margin-top:24px!important;padding-top:20px!important;font-size:15px!important}
@media (max-width:900px){.WaGadgetMembershipApplicationStateSelectLevel .groupBodyVertical{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:420px){.WaGadgetMembershipApplicationStateSelectLevel .groupBodyVertical{grid-template-columns:1fr!important}}


/* ===== v12d (2026-10-21): Become a Member – more contrast: linen panel, white cards with tan range labels, navy selected card ===== */
.WaGadgetMembershipApplicationStateSelectLevel .formTitleContainer>.inner{position:relative;padding-bottom:18px!important}
.WaGadgetMembershipApplicationStateSelectLevel .formTitleContainer>.inner::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;border-radius:3px;background:#C2B59B}
/* panel */
.WaGadgetMembershipApplicationStateSelectLevel .groupBodyVertical{background:#F4EFE6!important;border-radius:18px;padding:22px!important;box-shadow:inset 0 0 0 1px #E9E1D2}
/* cards */
.WaGadgetMembershipApplicationStateSelectLevel label.levelProperties{background:#fff!important;border:1px solid #E6DECF!important;box-shadow:0 2px 6px rgba(6,33,79,.06),0 10px 24px rgba(6,33,79,.05)!important;overflow:hidden}
.WaGadgetMembershipApplicationStateSelectLevel label.levelProperties::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#0C347B;opacity:0;transition:opacity .2s}
.WaGadgetMembershipApplicationStateSelectLevel label.levelProperties:hover{border-color:#0C347B!important;box-shadow:0 14px 30px rgba(6,33,79,.14)!important;transform:translateY(-3px)!important}
.WaGadgetMembershipApplicationStateSelectLevel label.levelProperties:hover::after{opacity:1}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(.levelBundle) :is(.labelTitle,.labelTitle span){color:#8A7C5F!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.06em!important;font-size:11px!important}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:not(:has(.levelBundle)) :is(.labelTitle,.labelTitle span){color:#8A7C5F!important}
.WaGadgetMembershipApplicationStateSelectLevel .levelPrice{color:#0C347B!important}
.WaGadgetMembershipApplicationStateSelectLevel .labelSubTitle::after{color:#8A93A6}
.WaGadgetMembershipApplicationStateSelectLevel .levelProperties .typeInstruction{background:#EEF2F8!important}
.WaGadgetMembershipApplicationStateSelectLevel .levelProperties .typeInstruction span{color:#0C347B!important}
.WaGadgetMembershipApplicationStateSelectLevel label.levelProperties::before{border-color:#B9C2D3!important}
/* selected = navy card */
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) label.levelProperties{background:linear-gradient(160deg,#0C347B 0%,#06214F 100%)!important;border-color:#06214F!important;box-shadow:0 18px 36px rgba(6,33,79,.30)!important;transform:translateY(-3px)}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) label.levelProperties::after{opacity:1;background:#C2B59B}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) :is(.labelTitle,.labelTitle span){color:#C2B59B!important}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) .levelPrice{color:#fff!important}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) .labelSubTitle::after{color:#C9D4EA}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) .typeInstruction{background:rgba(255,255,255,.12)!important}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) .typeInstruction span{color:#fff!important}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) label.levelProperties::before{border:5px solid #C2B59B!important;background:#fff!important}
/* add-on group sits on the same panel, divider in tan */
.WaGadgetMembershipApplicationStateSelectLevel .groupBodyVertical::after{border-top:1px solid #DCCFB6!important;color:#06214F!important}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:not(:has(.levelBundle)) label.levelProperties{box-shadow:0 1px 3px rgba(6,33,79,.05)!important}
@media (max-width:640px){.WaGadgetMembershipApplicationStateSelectLevel .groupBodyVertical{padding:14px!important;border-radius:14px}}
.WaGadgetMembershipApplicationStateSelectLevel .groupBodyVertical{padding:16px!important;gap:10px!important}
.WaGadgetMembershipApplicationStateSelectLevel .labelSubTitle{white-space:nowrap}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(.levelBundle) .levelPrice{font-size:21px!important}
/* tier cards: the navy fill shows the choice, so drop the radio ring; a tan check appears on the selected card */
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(.levelBundle) label.levelProperties::before{display:none!important}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(.levelBundle):has(input:checked) label.levelProperties::before{display:grid!important;place-items:center;content:"\2713"!important;top:12px!important;bottom:auto!important;right:12px!important;width:20px!important;height:20px!important;border:0!important;background:#C2B59B!important;color:#06214F;font:800 12px/1 Montserrat,sans-serif}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(.levelBundle):has(input:checked) .labelTitle{padding-right:22px}
.WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(.levelBundle) .labelTitle{display:block!important;min-height:2.7em;padding-right:22px;line-height:1.35!important}

/* ===== v13 (2026-10-21): Become a Member – Aurora style (chosen by Jason): soft colour glow, gradient-border cards, gradient prices */
html body .WaGadgetMembershipApplicationStateSelectLevel .groupBodyVertical{background:radial-gradient(60% 80% at 0% 0%,rgba(194,181,155,.45),transparent 60%),radial-gradient(60% 80% at 100% 100%,rgba(45,104,178,.30),transparent 60%),#FBFAF7!important;box-shadow:none!important;padding:22px!important;border-radius:22px!important}
html body .WaGadgetMembershipApplicationStateSelectLevel label.levelProperties{border:1.5px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#E3E7EE,#EFE9DD) border-box!important;border-radius:16px!important;box-shadow:0 10px 30px rgba(6,33,79,.08)!important}
html body .WaGadgetMembershipApplicationStateSelectLevel label.levelProperties::after{display:none!important}
html body .WaGadgetMembershipApplicationStateSelectLevel label.levelProperties:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#0C347B,#C2B59B) border-box!important}
html body .WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(.levelBundle) :is(.labelTitle,.labelTitle span){color:#6B7487!important}
html body .WaGadgetMembershipApplicationStateSelectLevel .levelPrice{background:linear-gradient(90deg,#06214F,#2D68B2);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
html body .WaGadgetMembershipApplicationStateSelectLevel .levelProperties .typeInstruction{background:#F4F1EA!important}
html body .WaGadgetMembershipApplicationStateSelectLevel .levelProperties .typeInstruction span{color:#5C5140!important}
html body .WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) label.levelProperties{border-width:2.5px!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#0C347B,#2D68B2,#C2B59B,#0C347B) border-box!important;background-size:100% 100%,300% 300%!important;animation:nnAurora 6s linear infinite;box-shadow:0 20px 44px rgba(12,52,123,.20)!important;transform:translateY(-4px)!important}
@keyframes nnAurora{to{background-position:0 0,300% 0}}
html body .WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) :is(.labelTitle,.labelTitle span){color:#0C347B!important}
html body .WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) .levelPrice{background:linear-gradient(90deg,#06214F,#2D68B2);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
html body .WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) .labelSubTitle::after{color:#6B7487!important}
html body .WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) .typeInstruction{background:#EEF2F8!important}
html body .WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) .typeInstruction span{color:#0C347B!important}
html body .WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(.levelBundle):has(input:checked) label.levelProperties::before{background:linear-gradient(135deg,#0C347B,#2D68B2)!important;color:#fff!important}
@media (prefers-reduced-motion:reduce){html body .WaGadgetMembershipApplicationStateSelectLevel .fieldItem:has(input:checked) label.levelProperties{animation:none}}