/* Nexsteps 2026 shared visual refresh */
:root{--nx-navy:#10364b;--nx-teal:#087e78;--nx-mint:#e9f5f2;--nx-cream:#faf7f0;--nx-gold:#e5a54b}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid #b57016!important;outline-offset:3px}
:where(img,video){max-width:100%}
:where(.btn,.card,.tile,.service,.nx-resource-links a){transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}
:where(.btn,.card,.tile,.service,.nx-resource-links a):hover{transform:translateY(-2px)}
:where(.container,.wrap){max-width:1180px}
:where(h1,h2,h3){text-wrap:balance}
.nx-four-services{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
.nx-four-services .nx-service-photo-card{overflow:hidden;border-radius:19px!important;background:#fff;border:1px solid #d3e5df;box-shadow:0 8px 25px rgba(16,54,75,.06);display:flex;flex-direction:column;text-decoration:none}
.nx-service-photo-card .service-art{padding:0!important;height:210px!important;min-height:210px;background:#e9f5f2;position:relative;display:block!important;overflow:hidden}
.nx-service-photo-card .service-art .symbol{display:none!important}
.nx-service-photo{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.nx-service-photo-card:hover .nx-service-photo{transform:scale(1.035)}
.nx-service-photo-card .service-body{padding:23px!important;flex:1}
.nx-service-photo-card .service-body h3{color:var(--nx-navy)}
.nx-video-spotlight{background:linear-gradient(140deg,#10364b 0%,#075e64 100%);color:#fff;padding:64px 0}
.nx-video-layout{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.nx-video-copy h2{font-size:clamp(28px,3.7vw,45px);line-height:1.12;color:#fff;margin:14px 0 18px}
.nx-video-copy p{color:#e3f3ef;font-size:17px;line-height:1.75}
.nx-spotlight-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:24px 0}
.nx-spotlight-actions .btn{background:#fff;color:#10364b;border-radius:10px;padding:13px 19px;font-weight:800}
.nx-text-link{color:#fff!important;font-weight:750}
.nx-small-copy{font-size:13px!important;opacity:.88}
.nx-video-sample{background:#fff;border-radius:20px;padding:14px;box-shadow:0 25px 60px #001c2840;color:#10364b;display:grid;gap:10px}
.nx-video-pill{font-size:12px;letter-spacing:.02em;color:#0b6968;font-weight:800;padding:5px}
.nx-video-sample video{width:100%;aspect-ratio:16/9;background:#09252f;display:block;border-radius:12px}
.nx-video-sample>a{font-weight:800;color:#087e78;text-decoration:none;padding:7px}
.nx-get-involved{background:var(--nx-cream);padding:60px 0}
.nx-get-involved h2{font-size:clamp(27px,3vw,40px);color:var(--nx-navy);margin:10px 0 25px}
.nx-involved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nx-involved-grid a{display:flex;flex-direction:column;gap:10px;background:white;padding:24px;border:1px solid #cde4df;border-radius:17px;color:var(--nx-navy);text-decoration:none;box-shadow:0 8px 24px #10364b0c}
.nx-involved-grid a:hover{border-color:var(--nx-teal);box-shadow:0 12px 30px #10364b1c}
.nx-involved-grid span{color:#087e78;font-weight:700;font-size:13px}
.nx-involved-grid strong{font-size:22px;line-height:1.22}
.nx-involved-grid em{font-style:normal;font-size:14px;color:#47656f;line-height:1.5}
.nx-resource-links a{min-height:105px}
.nx-hero-photo{box-shadow:0 22px 48px #10364b26}
@media(max-width:900px){.nx-video-layout{grid-template-columns:1fr;gap:25px}.nx-involved-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.nx-four-services{grid-template-columns:1fr!important;gap:16px!important}.nx-service-photo-card .service-art{height:190px!important;min-height:190px}.nx-involved-grid{grid-template-columns:1fr}.nx-video-spotlight,.nx-get-involved{padding:38px 0}.nx-spotlight-actions{align-items:flex-start;flex-direction:column;gap:14px}.nx-service-photo-card .service-body{padding:17px!important}}
.nx-learning-pages .grid{align-items:stretch}
.nx-learning-pages .nx-chapter-card{padding:0!important;overflow:hidden;display:flex;flex-direction:column;min-height:100%;border:1px solid #d0e5df;border-radius:18px;box-shadow:0 7px 22px #10364b10;background:#fff}
.nx-learning-pages .nx-chapter-photo{height:170px;overflow:hidden;background:#e9f5f2}
.nx-learning-pages .nx-chapter-photo img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .2s ease}
.nx-learning-pages .nx-chapter-card:hover img{transform:scale(1.04)}
.nx-learning-pages .nx-chapter-details{padding:20px;display:flex;flex-direction:column;flex:1}
.nx-learning-pages .nx-chapter-details h3{font-size:21px;line-height:1.25;margin:8px 0}
.nx-learning-pages .nx-chapter-details p{font-size:15px;line-height:1.55;flex:1}
.nx-learning-pages .nx-chapter-details b{color:#087e78;margin-top:13px}
.nx-learning-pages .nx-easy-read{flex:0!important;background:#eef8f5;padding:7px 9px;border-radius:8px;font-size:13px!important;color:#17695e!important;align-self:start}
.nx-learning-pages :where(.challenge,.steps li,.progress-panel,.nx-interactive){box-shadow:0 8px 24px #10364b0a}
.nx-learning-pages #lesson-video video{box-shadow:0 16px 35px #10364b20}
.nx-learning-pages #lesson-video details{margin:17px 0;border:1px solid #cce2dc;border-radius:12px;padding:13px 17px;max-width:920px;background:#f6fbf9}
.nx-learning-pages #lesson-video summary{font-weight:750;color:#075d5a;cursor:pointer}
.nx-learning-pages #lesson-video details p{line-height:1.7}
.nx-learning-pages .hero{background:linear-gradient(115deg,#10364b,#087e78)}
.nx-learning-pages .btn{border-radius:10px}
/* Keep dynamically injected desktop navigation links from extending off a narrow mobile screen. Mobile links are already present in the separate accessible menu. */
@media(max-width:900px){.header>.container.nav>a:not(.logo){display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}