/* New Century Labs — provider navigation (shared static styles).
 * Static so the dropdown and clickable cards remain usable with JavaScript
 * disabled (no-JS fallback uses :hover / :focus-within). provider-nav.js
 * layers click-toggle, Escape, click-outside, and tracking on top. */

/* ---- "Who it's for" desktop dropdown ---- */
.ncl-prov-dd{position:relative;display:inline-flex}
.ncl-prov-btn{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-sans);font-size:14px;font-weight:400;color:var(--ink);background:transparent;border:0;cursor:pointer;padding:0;line-height:1}
.ncl-prov-btn .ncl-prov-chev{transition:transform .2s ease}
.ncl-prov-dd.open .ncl-prov-chev,.ncl-prov-dd:hover .ncl-prov-chev,.ncl-prov-dd:focus-within .ncl-prov-chev{transform:rotate(180deg)}
.ncl-prov-btn:hover{color:var(--driftwood)}
.ncl-prov-btn:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.ncl-prov-pop{position:absolute;top:calc(100% + 12px);left:0;min-width:248px;background:var(--canvas);border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 30px -14px rgba(0,0,0,0.22);padding:6px;display:none;z-index:70}
.ncl-prov-dd.open .ncl-prov-pop,.ncl-prov-dd:hover .ncl-prov-pop,.ncl-prov-dd:focus-within .ncl-prov-pop{display:block}
.ncl-prov-pop a{display:block;padding:10px 12px;border-radius:8px;font-family:var(--font-sans);font-size:14px;color:var(--ink);white-space:nowrap}
.ncl-prov-pop a:hover{background:var(--sand)}
.ncl-prov-pop a:focus-visible{outline:none;background:var(--sand);box-shadow:inset 0 0 0 2px var(--blue)}

/* ---- Footer "For providers" links ---- */
.ncl-foot-provlink:hover{color:var(--ink) !important}

/* ---- Mobile "Who it's for" expandable group (inside hamburger menu) ---- */
.ncl-mwho-btn{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--font-sans);font-size:16px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--border);padding:14px 2px;cursor:pointer;text-align:left}
.ncl-mwho-btn .ncl-mwho-chev{transition:transform .2s ease;color:var(--fog)}
.ncl-mwho-btn[aria-expanded="true"] .ncl-mwho-chev{transform:rotate(180deg)}
.ncl-mwho-list a{display:block;font-family:var(--font-sans);font-size:15px;color:var(--ink);padding:12px 2px 12px 16px;border-bottom:1px solid var(--border)}

/* ---- Homepage "Who it's for" clickable cards (stretched link, no extra text) ---- */
.ncl-who-cardlink{position:static}
.ncl-who-cardlink::after{content:"";position:absolute;inset:0;z-index:6;border-radius:16px}
.ncl-who-card:has(> .ncl-who-cardlink){cursor:pointer;transition:box-shadow .2s ease, transform .2s ease}
.ncl-who-card:has(> .ncl-who-cardlink):hover{box-shadow:0 14px 28px -12px rgba(0,0,0,0.5);transform:translateY(-2px)}
.ncl-who-card:has(.ncl-who-cardlink:focus-visible){outline:2px solid var(--blue);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.ncl-who-card:has(> .ncl-who-cardlink){transition:none}.ncl-who-card:has(> .ncl-who-cardlink):hover{transform:none}}