:root { --nerve-ink:#0b211c; --nerve-cyan:#77c7c7; --nerve-blue:#326a78; --nerve-pale:#e9f1ef; }
.nerve-page { color:var(--nerve-ink); }
.nerve-page section { scroll-margin-top:92px; }
.nerve-reveal { opacity:0; transform:translateY(18px); transition:opacity .5s ease, transform .55s cubic-bezier(.2,.82,.2,1); }
.nerve-reveal.is-visible { opacity:1; transform:none; }
.reading-progress { position:fixed; z-index:550; left:0; top:0; width:100%; height:3px; pointer-events:none; }
.reading-progress span { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--care-gold),var(--care-mint)); }
.nav-mega__links a.is-current { background:#edf5f1; border-color:rgba(29,101,88,.34); }

.nerve-hero { position:relative; overflow:hidden; padding:118px 0 48px; background:radial-gradient(circle at 12% 12%,rgba(119,199,199,.18),transparent 28%),linear-gradient(180deg,#edf3ef 0%,#f8f5ef 88%); }
.nerve-orb { position:absolute; border-radius:50%; border:1px solid rgba(199,163,111,.18); pointer-events:none; }
.nerve-orb--one { width:340px; height:340px; right:-150px; top:130px; box-shadow:0 0 0 44px rgba(255,255,255,.13),0 0 0 88px rgba(29,101,88,.025); }
.nerve-orb--two { width:220px; height:220px; left:-120px; bottom:-100px; }
.nerve-hero__grid { position:relative; z-index:2; display:grid; grid-template-columns:1fr .93fr; gap:52px; align-items:center; }
.nerve-hero__copy { max-width:590px; }
.nerve-hero h1 { margin:11px 0 17px; font-family:"Archivo Narrow",Arial,sans-serif; font-size:clamp(40px,3.58vw,49px); line-height:.88; letter-spacing:-.06em; text-transform:uppercase; }
.nerve-hero h1 span { display:block; color:var(--care-gold); }
.nerve-hero__lead { margin:0; max-width:565px; color:#526057; font-size:18.5px; line-height:1.62; }
.nerve-hero__actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-top:23px; }
.nerve-hero__facts { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:27px; padding-top:17px; border-top:1px solid var(--care-line); }
.nerve-hero__facts div { display:grid; gap:4px; }
.nerve-hero__facts strong { font-size:18px; }
.nerve-hero__facts span { color:#717c73; font-size:14px; line-height:1.62; text-transform:uppercase; letter-spacing:.11em; }
.nerve-hero__visual { position:relative; height:455px; overflow:hidden; border-radius:28px; isolation:isolate; background:#082127; box-shadow:0 26px 68px rgba(25,48,43,.18); }
.nerve-hero__visual img { width:100%; height:100%; object-fit:cover; object-position:center; transform:translateY(var(--nerve-hero-y,0)) scale(1.06); }
.nerve-hero__shade { position:absolute; z-index:1; inset:0; background:linear-gradient(110deg,rgba(3,20,19,.08),rgba(3,18,18,.04) 48%),linear-gradient(180deg,transparent 45%,rgba(2,17,17,.72)); }
.nerve-signal { position:absolute; z-index:2; display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:999px; background:rgba(250,248,243,.92); box-shadow:0 10px 24px rgba(5,22,20,.17); font-size:14.5px; font-weight:850; }
.nerve-signal i { position:relative; width:7px; height:7px; border-radius:50%; background:var(--care-mint); }
.nerve-signal i::after { content:""; position:absolute; inset:-6px; border:1px solid rgba(143,200,182,.55); border-radius:50%; animation:nervePulse 1.8s ease-out infinite; }
.nerve-signal--median { left:9%; top:25%; }
.nerve-signal--ulnar { right:7%; top:49%; }
.nerve-hero__caption { position:absolute; z-index:2; left:22px; right:22px; bottom:18px; display:flex; justify-content:space-between; gap:20px; align-items:end; color:#fff; }
.nerve-hero__caption span { color:#bed0cb; font-size:14px; text-transform:uppercase; letter-spacing:.15em; }
.nerve-hero__caption b { max-width:330px; text-align:right; font-size:17px; }
@keyframes nervePulse { 0%{opacity:.8;transform:scale(.55)} 75%,100%{opacity:0;transform:scale(1.75)} }
.quick-nav { position:relative; z-index:3; display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-top:36px; padding:12px 15px; border:1px solid var(--care-line); border-radius:16px; background:rgba(255,253,248,.8); box-shadow:0 14px 34px rgba(29,46,37,.06); }
.quick-nav span { padding:7px 10px; border-radius:10px; background:var(--care-deep); color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:.13em; }
.quick-nav a { padding:7px 9px; color:#526057; font-size:15px; font-weight:750; border-radius:9px; }
.quick-nav a:hover { background:#edf4ef; color:var(--care-teal); }

.nerve-overview { padding:76px 0; background:#fbf8f2; }
.nerve-overview__grid { display:grid; grid-template-columns:250px 1fr; gap:64px; align-items:start; }
.nerve-toc { position:sticky; top:96px; padding:17px; border:1px solid var(--care-line); border-radius:18px; background:#fffdf8; box-shadow:0 16px 38px rgba(32,51,42,.07); }
.nerve-toc span { display:block; margin-bottom:10px; color:#818982; font-size:14px; font-weight:850; text-transform:uppercase; letter-spacing:.15em; }
.nerve-toc a { display:block; padding:10px 10px; border-radius:10px; color:#5f6961; font-size:15px; line-height:1.62; border-left:2px solid transparent; }
.nerve-toc a:hover,.nerve-toc a.is-active { background:#edf4ef; color:#1f5a4d; border-left-color:var(--care-gold); }
.nerve-prose { max-width:830px; }
.nerve-prose h2 { margin:10px 0 18px; font-size:clamp(30px,2.76vw,36px); line-height:.96; letter-spacing:-.045em; text-transform:uppercase; }
.nerve-prose__lead { margin:0; color:#4f5b53; font-size:20px; line-height:1.65; }
.nerve-callout { margin:26px 0; padding:20px 22px; border-left:4px solid var(--care-gold); border-radius:0 16px 16px 0; background:#edf4ef; }
.nerve-callout strong { display:block; margin-bottom:7px; font-size:17px; }
.nerve-callout p { margin:0; color:#566158; font-size:17px; line-height:1.62; }
.nerve-anatomy-tabs { display:flex; gap:8px; flex-wrap:wrap; margin:28px 0 14px; }
.nerve-anatomy-tabs button { padding:10px 13px; border:1px solid var(--care-line); border-radius:999px; background:#fff; color:#526057; font-size:15px; font-weight:800; cursor:pointer; }
.nerve-anatomy-tabs button.is-active { background:var(--care-deep); color:#fff; border-color:var(--care-deep); }
.nerve-route { display:grid; grid-template-columns:1.05fr .95fr; min-height:300px; overflow:hidden; border:1px solid var(--care-line); border-radius:22px; background:#fffdf8; box-shadow:var(--care-shadow); }
.nerve-route__diagram { display:grid; place-items:center; padding:22px; background:linear-gradient(145deg,#0a2528,#16434a); }
.nerve-route svg { width:100%; max-height:255px; }
.arm-line,.hand-outline { fill:none; stroke:rgba(220,238,232,.42); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.route { fill:none; stroke-width:5; stroke-linecap:round; stroke-linejoin:round; opacity:0; transition:opacity .25s ease; }
.route--median { stroke:#82d6c4; }.route--ulnar { stroke:#d9ad6a; }.route--digital { stroke:#85b8e5; }.route.is-active { opacity:1; stroke-dasharray:10 8; animation:routeFlow 2s linear infinite; }
.route-node { fill:#f8f5ef; stroke:#d9ad6a; stroke-width:3; }
@keyframes routeFlow { to { stroke-dashoffset:-36; } }
.nerve-route__copy { padding:29px; align-self:center; }
.nerve-route__copy > span { color:var(--care-gold); font-size:14.5px; font-weight:850; text-transform:uppercase; letter-spacing:.15em; }
.nerve-route__copy h3 { margin:9px 0 12px; font-size:28px; line-height:1.62; }
.nerve-route__copy p { color:#59645b; font-size:17px; line-height:1.65; }
.nerve-route__copy a { display:inline-block; margin-top:12px; color:var(--care-teal); font-size:15px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }

.nerve-symptoms { padding:76px 0; background:linear-gradient(180deg,#e7eee8,#f3f5f0); }
.symptom-tile-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.symptom-tile { position:relative; min-height:190px; padding:22px; border:1px solid rgba(14,33,25,.10); border-radius:18px; background:rgba(255,253,248,.9); box-shadow:0 14px 34px rgba(30,50,40,.07); }
.symptom-tile > span { color:var(--care-gold); font-size:14px; font-weight:850; }
.symptom-tile i { position:absolute; top:19px; right:19px; width:31px; height:31px; display:grid; place-items:center; border-radius:50%; background:#e4f1ec; color:#2f7060; font-style:normal; font-size:18px; }
.symptom-tile h3 { margin:34px 0 9px; font-size:21px; }
.symptom-tile p { margin:0; color:#606a62; font-size:16.5px; line-height:1.62; }
.symptom-tile--alert { background:linear-gradient(145deg,#17352d,#0d221b); color:#fff; }
.symptom-tile--alert p { color:#c7d2cc; }.symptom-tile--alert i { background:#c7a36f; color:#102118; }
.urgent-strip { display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; margin-top:18px; padding:16px 19px; border-radius:15px; background:#fff8ed; border:1px solid rgba(199,163,111,.3); }
.urgent-strip strong { color:#8c5e20; font-size:16px; text-transform:uppercase; letter-spacing:.08em; }
.urgent-strip p { margin:0; color:#685c4a; font-size:16px; line-height:1.62; }.urgent-strip a { color:#80551b; font-size:15px; font-weight:850; }

.nerve-conditions { padding:78px 0; background:#faf7f1; }
.nerve-condition-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:17px; }
.nerve-condition-card { position:relative; display:grid; grid-template-columns:210px 1fr; min-height:335px; overflow:hidden; border:1px solid var(--care-line); border-radius:22px; background:#fffdf8; box-shadow:0 17px 44px rgba(29,47,38,.08); }
.nerve-condition-card__number { position:absolute; z-index:3; left:14px; top:14px; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#fff; color:#1f5f50; font-size:14.5px; font-weight:850; }
.nerve-condition-card__media { display:block; overflow:hidden; background:#dfe9e6; cursor:pointer; }

.nerve-condition-card__media:focus-visible { outline:3px solid #cda967; outline-offset:-3px; }
.nerve-condition-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.nerve-condition-card:hover .nerve-condition-card__media img { transform:scale(1.045); }
.nerve-condition-card__media--dark img { filter:saturate(.75) brightness(.78); }.nerve-condition-card__media--xray { background:#09262c; }.nerve-condition-card__media--xray img { object-fit:contain; padding:12px; }
.nerve-condition-card__body { padding:24px; }
.nerve-condition-card__body > span { color:#6d7a71; font-size:14px; font-weight:850; text-transform:uppercase; letter-spacing:.13em; }
.nerve-condition-card h3 { margin:9px 0 10px; font-size:25px; line-height:1; }
.nerve-condition-card p { margin:0 0 13px; color:#58635a; font-size:16.5px; line-height:1.62; }
.nerve-condition-card ul { display:grid; gap:5px; margin:0 0 18px; padding:0; list-style:none; }.nerve-condition-card li { position:relative; padding-left:15px; color:#6b746d; font-size:15px; }.nerve-condition-card li::before { content:""; position:absolute; left:0; top:5px; width:5px; height:5px; border-radius:50%; background:var(--care-mint); }
.nerve-condition-card a { color:var(--care-teal); font-size:14.5px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }

.diagnosis-section { padding:80px 0; background:#e8efea; }
.diagnosis-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:60px; align-items:start; }
.diagnosis-copy { position:sticky; top:100px; }.diagnosis-copy h2 { margin:10px 0 16px; font-size:clamp(31px,2.89vw,36px); line-height:.93; letter-spacing:-.045em; text-transform:uppercase; }.diagnosis-copy h2 span { color:var(--care-gold); }.diagnosis-copy > p { color:#566158; font-size:18px; line-height:1.65; }
.diagnosis-note { margin-top:22px; padding:16px; border-radius:14px; background:rgba(255,255,255,.58); }.diagnosis-note b,.diagnosis-note span { display:block; }.diagnosis-note b { margin-bottom:6px; font-size:15px; text-transform:uppercase; letter-spacing:.08em; }.diagnosis-note span { color:#657068; font-size:16px; line-height:1.62; }
.diagnosis-steps { display:grid; gap:10px; }.diagnosis-step { display:grid; grid-template-columns:52px 1fr; gap:17px; padding:20px; border:1px solid rgba(14,33,25,.1); border-radius:18px; background:rgba(255,253,248,.84); }.diagnosis-step > span { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:#143c31; color:#fff; font-size:14.5px; }.diagnosis-step h3 { margin:1px 0 6px; font-size:20px; }.diagnosis-step p { margin:0; color:#606b62; font-size:16.5px; line-height:1.62; }

.treatment-section { padding:78px 0; background:#faf7f1; }.treatment-console { overflow:hidden; border:1px solid var(--care-line); border-radius:24px; background:#fffdf8; box-shadow:var(--care-shadow); }.treatment-tabs { display:flex; gap:7px; padding:12px; border-bottom:1px solid var(--care-line); background:#f2f6f2; }.treatment-tabs button { padding:10px 14px; border:0; border-radius:999px; background:transparent; color:#556158; font-size:15px; font-weight:850; cursor:pointer; }.treatment-tabs button.is-active { background:var(--care-deep); color:#fff; }.treatment-panel { display:grid; grid-template-columns:.83fr 1.17fr; min-height:395px; transition:opacity .16s ease,transform .16s ease; }.treatment-panel.is-changing { opacity:.25; transform:translateY(5px); }.treatment-panel__visual { overflow:hidden; }.treatment-panel__visual img { width:100%; height:100%; object-fit:cover; }.treatment-panel__copy { padding:37px; align-self:center; }.treatment-panel__copy > span { color:var(--care-gold); font-size:14.5px; font-weight:850; text-transform:uppercase; letter-spacing:.14em; }.treatment-panel h3 { margin:9px 0 12px; font-size:33px; line-height:.98; }.treatment-panel p { color:#5c675e; font-size:17px; line-height:1.65; }.treatment-panel ul { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-top:20px; padding:0; list-style:none; }.treatment-panel li { padding:10px 12px; border-radius:11px; background:#edf4ef; color:#365e52; font-size:15px; font-weight:750; }

.surgery-section { padding:80px 0; color:#f5f2eb; background:radial-gradient(circle at 83% 16%,rgba(119,199,199,.14),transparent 28%),linear-gradient(145deg,#071d1b,#10382f); }.surgery-head { display:grid; grid-template-columns:1fr 430px; gap:50px; align-items:end; margin-bottom:28px; }.surgery-head h2 { margin:10px 0 0; font-size:clamp(30px,2.96vw,37px); line-height:.93; letter-spacing:-.045em; text-transform:uppercase; }.surgery-head h2 span { color:var(--care-gold); }.surgery-head > p { margin:0; color:#bdccc4; font-size:17px; line-height:1.65; }.surgery-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.surgery-card { min-height:250px; padding:21px; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:rgba(255,255,255,.055); backdrop-filter:blur(12px); }.surgery-card > span { color:var(--care-gold); font-size:14.5px; font-weight:850; }.surgery-card h3 { margin:45px 0 10px; font-size:22px; line-height:1.62; }.surgery-card p { color:#bcc9c2; font-size:16px; line-height:1.62; }.surgery-card a { display:inline-block; margin-top:12px; color:#f1d39f; font-size:14.5px; font-weight:850; text-transform:uppercase; letter-spacing:.07em; }.recovery-line { display:flex; justify-content:space-between; gap:30px; align-items:center; margin-top:18px; padding:20px; border-radius:17px; background:rgba(255,255,255,.07); }.recovery-line strong { display:block; margin-bottom:6px; font-size:18px; }.recovery-line p { max-width:820px; margin:0; color:#c0cdc6; font-size:16px; line-height:1.62; }

.nerve-specialist { padding:82px 0; background:#f6f2eb; }.nerve-specialist__card { display:grid; grid-template-columns:.88fr 1.12fr; min-height:500px; overflow:hidden; border:1px solid var(--care-line); border-radius:25px; background:#fffdf8; box-shadow:var(--care-shadow); }.nerve-specialist__visual { position:relative; overflow:hidden; min-height:500px; background:linear-gradient(145deg,#dcebea,#f4f8f6); }.nerve-specialist__glow { position:absolute; inset:0; background:radial-gradient(circle at 48% 33%,rgba(255,255,255,.9),transparent 42%),linear-gradient(125deg,rgba(119,199,199,.16),transparent 55%); }.nerve-specialist__visual > img { position:absolute; z-index:2; left:50%; bottom:0; width:min(82%,405px); transform:translateX(-50%); filter:drop-shadow(0 18px 26px rgba(17,47,43,.18));height:auto}.nerve-specialist__rating { position:absolute; z-index:3; left:20px; bottom:18px; display:grid; grid-template-columns:28px auto; column-gap:9px; padding:10px 13px; border-radius:13px; background:rgba(255,255,255,.94); box-shadow:0 12px 28px rgba(30,52,45,.12); }.nerve-specialist__rating img { grid-row:1/3; width:28px; height:28px; object-fit:contain; }.nerve-specialist__rating strong { font-size:18px; }.nerve-specialist__rating small { color:#727c75; font-size:13.5px; }.nerve-specialist__copy { align-self:center; padding:40px; }.nerve-specialist h2 { margin:9px 0 14px; font-size:clamp(28px,2.76vw,34px); line-height:.94; text-transform:uppercase; letter-spacing:-.045em; }.nerve-specialist__copy > p { color:#58635b; font-size:17px; line-height:1.65; }.specialist-points { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin:19px 0; }.specialist-points span { padding:11px 12px; border-radius:11px; background:#edf4ef; color:#386154; font-size:14.5px; font-weight:780; }

.faq-section { padding:78px 0; background:#e8efea; }.faq-layout { display:grid; grid-template-columns:.67fr 1.33fr; gap:60px; align-items:start; }.faq-intro { position:sticky; top:100px; }.faq-intro h2 { margin:10px 0 14px; font-size:clamp(29px,2.76vw,34px); line-height:.94; text-transform:uppercase; letter-spacing:-.045em; }.faq-intro h2 span { color:var(--care-gold); }.faq-intro p { color:#5f6961; font-size:16.5px; line-height:1.62; }.faq-list { display:grid; gap:9px; }.faq-list details { border:1px solid var(--care-line); border-radius:15px; background:#fffdf8; overflow:hidden; }.faq-list summary { position:relative; padding:17px 50px 17px 18px; cursor:pointer; list-style:none; font-size:17px; font-weight:800; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { position:absolute; right:18px; top:14px; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:#edf4ef; transition:transform .2s ease; }.faq-list details[open] summary span { transform:rotate(45deg); }.faq-list details p { margin:0; padding:0 18px 18px; color:#606a62; font-size:16.5px; line-height:1.65; }
.references-section { padding:28px 0 74px; background:#e8efea; }.references-card { display:grid; grid-template-columns:.78fr 1.22fr; gap:40px; padding:22px; border:1px solid var(--care-line); border-radius:17px; background:rgba(255,255,255,.62); }.references-card h2 { margin:8px 0 0; font-size:23px; }.references-links { display:grid; gap:7px; }.references-links a { padding:10px 12px; border-radius:10px; background:#fffdf8; color:#2c6758; font-size:15px; font-weight:750; }

@media (max-width:1100px) { .nerve-condition-card { grid-template-columns:175px 1fr; }.surgery-grid { grid-template-columns:repeat(2,1fr); }.nerve-overview__grid { grid-template-columns:220px 1fr; gap:38px; } }
@media (max-width:900px) { .nerve-hero { padding-top:94px; }.nerve-hero__grid { grid-template-columns:1fr; gap:28px; }.nerve-hero__visual { height:410px; }.quick-nav { overflow-x:auto; flex-wrap:nowrap; white-space:nowrap; }.nerve-overview__grid,.diagnosis-grid,.faq-layout { grid-template-columns:1fr; }.nerve-toc,.diagnosis-copy,.faq-intro { position:static; }.nerve-toc { display:flex; overflow-x:auto; gap:5px; }.nerve-toc span { display:none; }.nerve-toc a { white-space:nowrap; border-left:0; }.nerve-route { grid-template-columns:1fr; }.nerve-route__diagram { min-height:270px; }.symptom-tile-grid { grid-template-columns:repeat(2,1fr); }.nerve-condition-card { grid-template-columns:190px 1fr; }.treatment-panel { grid-template-columns:1fr; }.treatment-panel__visual { height:280px; }.surgery-head { grid-template-columns:1fr; gap:18px; }.nerve-specialist__card { grid-template-columns:1fr; }.nerve-specialist__visual { min-height:430px; }.references-card { grid-template-columns:1fr; }.urgent-strip { grid-template-columns:1fr; }.recovery-line { align-items:flex-start; flex-direction:column; } }
@media (max-width:640px) { .nerve-hero { padding-top:88px; }.nerve-hero h1 { font-size:clamp(36px,9.64vw,40px); }.nerve-hero__lead { font-size:18px; }.nerve-hero__facts { grid-template-columns:1fr; gap:0; }.nerve-hero__facts div { grid-template-columns:92px 1fr; align-items:center; padding:8px 0; border-bottom:1px solid var(--care-line); }.nerve-hero__visual { height:340px; border-radius:23px; }.nerve-signal { font-size:14px; }.quick-nav { margin-top:22px; }.nerve-overview,.nerve-symptoms,.nerve-conditions,.diagnosis-section,.treatment-section,.surgery-section,.nerve-specialist,.faq-section { padding:55px 0; }.nerve-prose h2,.diagnosis-copy h2,.surgery-head h2,.faq-intro h2 { font-size:clamp(26px,6.89vw,28px); }.nerve-prose__lead { font-size:18px; }.nerve-route__copy { padding:22px; }.symptom-tile-grid { grid-template-columns:1fr; }.symptom-tile { min-height:160px; }.nerve-condition-grid { grid-template-columns:1fr; }.nerve-condition-card { grid-template-columns:1fr; }.nerve-condition-card__media { height:210px; }.treatment-tabs { overflow-x:auto; }.treatment-tabs button { white-space:nowrap; }.treatment-panel__copy { padding:25px; }.treatment-panel ul { grid-template-columns:1fr; }.surgery-grid { grid-template-columns:1fr; }.surgery-card { min-height:210px; }.surgery-card h3 { margin-top:32px; }.nerve-specialist__visual { min-height:380px; }.nerve-specialist__copy { padding:27px; }.specialist-points { grid-template-columns:1fr; }.faq-layout { gap:25px; } }

/* V48 — balanced scale, clearer patient language and upgraded nerve visual */
:root {
  --nerve-ink:#102c28;
  --nerve-copy:#4b5a53;
  --nerve-navy:#14324a;
  --nerve-soft:#edf4f2;
}

.nerve-page { color:var(--nerve-ink); }
.nerve-page p { color:var(--nerve-copy); }
.nerve-page h1,.nerve-page h2,.nerve-page h3 { color:var(--nerve-ink); font-weight:900; }

.nerve-hero { padding:102px 0 34px; }
.nerve-hero__grid { grid-template-columns:1fr .9fr; gap:42px; }
.nerve-hero h1 { font-size:clamp(37px,3.1vw,42px); line-height:.91; }
.nerve-hero__lead { font-size:18px; line-height:1.62; }
.nerve-hero__visual { height:390px; }
.nerve-hero__facts { margin-top:21px; padding-top:14px; gap:12px; }
.nerve-hero__facts strong { font-size:17px; line-height:1.62; }
.nerve-hero__facts span { font-size:13.5px; }
.quick-nav { margin-top:24px; }

.nerve-overview,.nerve-symptoms,.nerve-conditions,.diagnosis-section,.treatment-section,.nerve-specialist,.faq-section { padding:58px 0; }
.surgery-section { padding:62px 0; }
.references-section { padding:22px 0 58px; }
.nerve-overview__grid { grid-template-columns:220px 1fr; gap:42px; }
.nerve-toc { top:94px; padding:15px; }
.nerve-toc a { padding:9px; font-size:15px; }
.nerve-prose { max-width:860px; }
.nerve-prose h2,.diagnosis-copy h2,.faq-intro h2 { font-size:clamp(26px,2.24vw,30px); line-height:.98; letter-spacing:-.038em; }
.nerve-prose__lead { font-size:18.5px; line-height:1.62; }
.nerve-callout { margin:20px 0; padding:17px 19px; }
.nerve-callout p { font-size:17px; }

.nerve-anatomy-tabs { margin:20px 0 12px; }
.nerve-anatomy-tabs button { display:grid; gap:2px; min-width:150px; padding:9px 12px; text-align:left; font-size:15px; }
.nerve-anatomy-tabs button small { color:#8a938d; font-size:13.5px; text-transform:uppercase; letter-spacing:.12em; }
.nerve-anatomy-tabs button.is-active small { color:#b8d6cc; }
.nerve-route { grid-template-columns:1.08fr .92fr; min-height:278px; border-radius:20px; }
.nerve-route__diagram { position:relative; overflow:hidden; min-height:278px; padding:0; background:linear-gradient(145deg,#0e2940,#173d57); }
.nerve-route__diagram::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,27,43,.10),transparent 55%),linear-gradient(180deg,transparent 55%,rgba(7,26,41,.42)); pointer-events:none; }
.nerve-route__diagram > img { width:100%; height:100%; object-fit:cover; object-position:center; transform:scale(1.01); }
.route-focus { position:absolute; z-index:2; width:54px; height:54px; border-radius:50%; opacity:0; border:2px solid rgba(255,222,154,.92); box-shadow:0 0 0 10px rgba(221,174,86,.14),0 0 30px rgba(255,199,99,.58); transition:opacity .22s ease,transform .22s ease; pointer-events:none; }
.route-focus.is-active { opacity:1; animation:focusPulse 1.9s ease-in-out infinite; }
.route-focus.route--median { left:51%; top:63%; }
.route-focus.route--ulnar { left:58%; top:47%; }
.route-focus.route--digital { left:31%; top:56%; }
.nerve-route__legend { position:absolute; z-index:3; left:18px; bottom:15px; display:flex; align-items:center; gap:8px; padding:7px 10px; border-radius:999px; background:rgba(10,31,47,.78); color:#dce9ef; font-size:14px; backdrop-filter:blur(9px); }
.nerve-route__legend i { width:7px; height:7px; border-radius:50%; background:#e2b96f; box-shadow:0 0 0 5px rgba(226,185,111,.14); }
@keyframes focusPulse { 0%,100%{transform:scale(.94)} 50%{transform:scale(1.06)} }
.nerve-route__copy { padding:26px; }
.nerve-route__copy h3 { font-size:25px; line-height:1.62; }
.nerve-route__copy p { font-size:17px; }

.care-section-head { grid-template-columns:1fr 380px; gap:42px; margin-bottom:23px; }
.care-section-head h2,.surgery-head h2,.nerve-specialist h2 { font-size:clamp(26px,2.3vw,30px); line-height:.97; letter-spacing:-.04em; }
.care-section-head > p,.surgery-head > p { font-size:17px; line-height:1.62; }

.symptom-tile-grid { gap:12px; }
.symptom-tile { min-height:156px; padding:19px; border-radius:16px; }
.symptom-tile h3 { margin:27px 0 7px; font-size:19px; }
.symptom-tile p { font-size:16px; line-height:1.62; }
.symptom-tile i { top:16px; right:16px; width:29px; height:29px; }
.symptom-tile--alert { color:var(--nerve-ink); background:linear-gradient(145deg,#fff9ef,#f6e7c9); border-color:rgba(190,139,54,.32); }
.symptom-tile--alert p { color:#665945; }
.symptom-tile--alert i { background:#d8b576; color:#28342f; }

.nerve-condition-grid { gap:14px; }
.nerve-condition-card { grid-template-columns:185px 1fr; min-height:290px; border-radius:19px; }
.nerve-condition-card__body { padding:24px 23px; }
.nerve-condition-card__body h3 { font-size:24px; }
.nerve-condition-card__body p { font-size:16px; line-height:1.62; }
.nerve-condition-card__body li { font-size:14.5px; }

.diagnosis-grid { gap:40px; }
.diagnosis-step { padding:17px; border-radius:15px; }
.diagnosis-step h3 { font-size:18.5px; }
.diagnosis-step p { font-size:16px; }
.treatment-panel { min-height:330px; }
.treatment-panel__visual { max-height:330px; }
.treatment-panel__copy { padding:30px; }
.treatment-panel h3 { font-size:29px; }
.treatment-panel p { font-size:16.5px; }
.surgery-head { grid-template-columns:1fr 390px; gap:40px; margin-bottom:23px; }
.surgery-card { min-height:210px; padding:19px; }
.surgery-card h3 { margin:33px 0 8px; font-size:21px; }
.surgery-card p { font-size:15.5px; }
.recovery-line { padding:17px; }

.nerve-specialist__card { min-height:420px; }
.nerve-specialist__visual { min-height:420px; }
.nerve-specialist__visual > img { width:min(76%,340px);height:auto}
.nerve-specialist__copy { padding:34px; }
.nerve-specialist__copy > p { font-size:17px; }
.specialist-points { margin:16px 0; }
.specialist-points span { padding:10px 11px; }

.faq-layout { grid-template-columns:.62fr 1.38fr; gap:44px; }
.faq-list summary { font-size:16.5px; }
.faq-list details p { font-size:16px; }

@media (max-width:900px) {
  .nerve-hero__visual { height:360px; }
  .nerve-overview__grid { grid-template-columns:1fr; }
  .nerve-route { grid-template-columns:1fr; }
  .nerve-route__diagram { min-height:250px; }
  .nerve-condition-card { grid-template-columns:170px 1fr; }
  .treatment-panel__visual { max-height:none; }
}

@media (max-width:640px) {
  .nerve-hero { padding-top:86px; padding-bottom:26px; }
  .nerve-hero h1 { font-size:clamp(32px,8.27vw,35px); }
  .nerve-hero__visual { height:310px; }
  .nerve-hero__facts { grid-template-columns:1fr; }
  .nerve-hero__facts div { grid-template-columns:130px 1fr; }
  .nerve-overview,.nerve-symptoms,.nerve-conditions,.diagnosis-section,.treatment-section,.surgery-section,.nerve-specialist,.faq-section { padding:46px 0; }
  .nerve-prose h2,.diagnosis-copy h2,.faq-intro h2,.care-section-head h2,.surgery-head h2,.nerve-specialist h2 { font-size:clamp(24px,6.2vw,26px); }
  .nerve-anatomy-tabs { display:grid; grid-template-columns:1fr; }
  .nerve-anatomy-tabs button { width:100%; min-width:0; }
  .nerve-route__diagram { min-height:225px; }
  .nerve-route__copy { padding:21px; }
  .symptom-tile { min-height:145px; }
  .nerve-condition-card { grid-template-columns:1fr; min-height:0; }
  .nerve-condition-card__media { height:185px; }
  .treatment-panel { min-height:0; }
  .surgery-card { min-height:185px; }
  .nerve-specialist__card,.nerve-specialist__visual { min-height:360px; }
}

/* V49 — one guide navigation, mobile-safe hero, accurate symptom regions, readable surgery/CTA */
html, body { overflow-x:clip; }
.nerve-page main, .nerve-page section, .nerve-page .care-shell { min-width:0; }

/* Remove the duplicate guide bar completely. */
.quick-nav { display:none !important; }

/* Mobile-only sticky section navigation. */
.nerve-mobile-toc { display:none; }

/* Hero balance and robust image containment. */
.nerve-hero__copy,.nerve-hero__visual { min-width:0; }
.nerve-hero__visual img {
  object-position:42% center;
  transform:translateY(var(--nerve-hero-y,0)) scale(1.025);
}
.nerve-hero__caption b { line-height:1.62; }

/* Patient-friendly region selector using an X-ray, not decorative nerve GIF art. */
.nerve-route__diagram {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:17px 18px 44px;
  background:
    radial-gradient(circle at 50% 42%,rgba(83,152,177,.18),transparent 38%),
    linear-gradient(145deg,#09252d,#123c48);
}
.nerve-route__diagram::before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background-image:linear-gradient(rgba(145,205,220,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(145,205,220,.12) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,black,transparent 88%);
  pointer-events:none;
}
.xray-stage {
  position:relative;
  z-index:1;
  width:min(70%,255px);
  aspect-ratio:490/780;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.20));
}
.xray-stage > img { display:block; width:100%; height:100%; object-fit:contain; }
.nerve-region { position:absolute; inset:0; opacity:0; transition:opacity .22s ease; pointer-events:none; }
.nerve-region.is-active { opacity:1; }
.region {
  position:absolute;
  display:block;
  border:1px solid rgba(255,221,146,.88);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,218,130,.34),rgba(232,172,66,.18));
  box-shadow:0 0 0 5px rgba(226,177,78,.09),0 0 20px rgba(255,203,99,.26);
  animation:regionPulse 2.1s ease-in-out infinite;
}
.nerve-region--ulnar .region { border-color:rgba(118,218,198,.9); background:linear-gradient(180deg,rgba(100,211,190,.34),rgba(45,151,142,.18)); box-shadow:0 0 0 5px rgba(76,192,173,.09),0 0 20px rgba(82,216,194,.24); }
.nerve-region--digital .region { border-color:rgba(132,187,239,.9); background:linear-gradient(180deg,rgba(111,180,240,.36),rgba(57,124,190,.19)); box-shadow:0 0 0 5px rgba(88,157,221,.09),0 0 20px rgba(95,172,239,.28); }
@keyframes regionPulse { 0%,100%{filter:brightness(.94)} 50%{filter:brightness(1.18)} }
/* X-ray finger positions: thumb is on the right side of the image. */
.region--thumb { left:69%; top:35%; width:13%; height:29%; transform:rotate(-34deg); }
.region--index { left:61%; top:10%; width:10%; height:39%; transform:rotate(2deg); }
.region--middle { left:47%; top:5%; width:11%; height:44%; }
.region--ring-median { left:34%; top:11%; width:8%; height:38%; transform:rotate(-2deg); }
.region--palm-median { left:39%; top:43%; width:40%; height:25%; border-radius:42%; }
.region--little { left:18%; top:19%; width:10%; height:34%; transform:rotate(-10deg); }
.region--ring-ulnar { left:31%; top:12%; width:9%; height:39%; transform:rotate(-3deg); }
.region--palm-ulnar { left:22%; top:44%; width:29%; height:25%; border-radius:42%; transform:rotate(-5deg); }
.region--single-finger { left:61%; top:9%; width:11%; height:40%; transform:rotate(2deg); }
.nerve-route__legend { bottom:13px; max-width:calc(100% - 30px); }

/* Cleaner warning tile. */
.symptom-tile--alert {
  color:var(--nerve-ink);
  background:linear-gradient(145deg,#fffaf1,#f6e8cd);
  border-color:rgba(190,139,54,.28);
}
.symptom-tile--alert h3 { color:#5d431c; }
.symptom-tile--alert p { color:#665945; }

/* Surgery becomes light, readable and less visually heavy. */
.surgery-section {
  color:var(--nerve-ink);
  background:
    radial-gradient(circle at 88% 12%,rgba(119,199,199,.14),transparent 25%),
    linear-gradient(180deg,#eef4f1,#f8f6f1);
}
.surgery-head > p { color:var(--nerve-copy); }
.surgery-card {
  color:var(--nerve-ink);
  border:1px solid rgba(18,55,45,.11);
  background:rgba(255,253,248,.94);
  box-shadow:0 14px 32px rgba(33,58,48,.07);
  backdrop-filter:none;
}
.surgery-card h3 { color:var(--nerve-ink); }
.surgery-card p { color:#5b675f; }
.surgery-card a { color:#2c6c5c; }
.surgery-card:hover { transform:translateY(-4px); border-color:rgba(44,108,92,.28); }
.recovery-line {
  color:var(--nerve-ink);
  border:1px solid rgba(18,55,45,.10);
  background:#e5efea;
}
.recovery-line p { color:#56635b; }

/* Compact, light consultation CTA so text stays fully readable. */
.care-booking { padding:0 0 58px; background:#e8efea; }
.care-booking__card {
  padding:30px 34px;
  border:1px solid rgba(18,55,45,.12);
  background:linear-gradient(135deg,#fffdf8,#edf4ef);
  color:var(--nerve-ink);
  box-shadow:0 16px 38px rgba(31,55,45,.08);
}
.care-booking .care-kicker { color:#6c7e75; }
.care-booking h2 { color:var(--nerve-ink); font-size:clamp(25px,2.21vw,28px); }
.care-booking p { color:#56635b; }
.care-booking .text-link--light { color:#1c5c4e; border-color:#1c5c4e; }

@media (max-width:900px) {
  .nerve-hero__grid { grid-template-columns:minmax(0,1fr) !important; gap:24px; }
  .nerve-hero__copy,.nerve-hero__visual { width:100%; max-width:none; }
  .nerve-hero__visual { height:auto; aspect-ratio:16/10; }
  .nerve-hero__visual img { object-position:28% center; transform:scale(1.02); }
  .nerve-signal { display:none; }
  .nerve-hero__caption { left:15px; right:15px; bottom:13px; }
  .nerve-hero__caption b { max-width:65%; font-size:16px; }

  .nerve-mobile-toc {
    position:sticky;
    top:72px;
    z-index:120;
    display:block;
    padding:8px 10px;
    border-top:1px solid rgba(18,55,45,.08);
    border-bottom:1px solid rgba(18,55,45,.10);
    background:rgba(250,248,243,.94);
    box-shadow:0 9px 24px rgba(25,47,38,.08);
    backdrop-filter:blur(14px);
  }
  .nerve-mobile-toc__track {
    display:flex;
    gap:5px;
    max-width:100%;
    overflow-x:auto;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
  }
  .nerve-mobile-toc__track::-webkit-scrollbar { display:none; }
  .nerve-mobile-toc a {
    flex:0 0 auto;
    padding:8px 11px;
    border-radius:999px;
    color:#59675f;
    font-size:15px;
    font-weight:760;
    white-space:nowrap;
  }
  .nerve-mobile-toc a.is-active { color:#fff; background:var(--care-deep); }
  .nerve-toc { display:none !important; }
  .nerve-overview__grid { grid-template-columns:minmax(0,1fr); gap:0; }
  .nerve-overview { padding-top:44px; }

  .xray-stage { width:min(58%,230px); }
  .surgery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .care-booking__card { padding:27px; }
}

@media (max-width:640px) {
  .nerve-hero { padding-top:82px; }
  .nerve-hero h1 { font-size:clamp(31px,7.92vw,34px); }
  .nerve-hero__visual { aspect-ratio:4/3; border-radius:21px; }
  .nerve-hero__visual img { object-position:18% center; }
  .nerve-hero__caption { align-items:center; }
  .nerve-hero__caption span { display:none; }
  .nerve-hero__caption b { max-width:100%; text-align:left; font-size:15px; }
  .nerve-mobile-toc { top:66px; }

  .nerve-anatomy-tabs { gap:7px; }
  .nerve-anatomy-tabs button { padding:10px 12px; }
  .nerve-route__diagram { min-height:300px; padding-bottom:42px; }
  .xray-stage { width:min(62%,215px); }
  .nerve-route__copy { padding:21px 20px 24px; }
  .nerve-route__copy h3 { font-size:23.5px; }

  .surgery-grid { grid-template-columns:1fr; }
  .surgery-card { min-height:0; }
  .surgery-card h3 { margin-top:22px; }
  .care-booking__card { padding:24px 21px; border-radius:20px; }
  .care-booking h2 { font-size:clamp(23px,5.99vw,24px); }
}

/* V50 — restore the professional nerve visual and use a precise symptom-distribution hand map. */
.nerve-route__diagram--anatomy {
  position:relative;
  display:block;
  min-height:430px;
  padding:0;
  overflow:hidden;
  background:#0b2a34;
}
.nerve-route__diagram--anatomy::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(5,25,33,.04) 0%,rgba(5,25,33,.10) 52%,rgba(5,25,33,.68) 100%),
    linear-gradient(180deg,rgba(4,20,27,.04),rgba(4,20,27,.18));
  pointer-events:none;
}
.nerve-route__medical {
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:42% center;
  filter:saturate(.92) contrast(1.04) brightness(.92);
}
.symptom-distribution {
  position:absolute;
  z-index:3;
  top:24px;
  right:22px;
  width:190px;
  padding:14px 14px 12px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:20px;
  color:rgba(238,250,249,.72);
  background:rgba(8,35,43,.84);
  box-shadow:0 18px 40px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
}
.symptom-distribution__title,
.symptom-distribution__note {
  display:block;
  color:#ecf7f5;
  font-size:14px;
  font-weight:850;
  letter-spacing:.14em;
  line-height:1.62;
  text-transform:uppercase;
}
.symptom-distribution__note {
  margin-top:7px;
  color:rgba(224,242,239,.58);
  font-size:13px;
  letter-spacing:.09em;
}
.symptom-distribution svg {
  display:block;
  width:100%;
  height:auto;
  margin:7px auto 0;
  overflow:visible;
}
.symptom-distribution .hand-base { color:rgba(216,239,235,.52); }
.map-region {
  fill:rgba(111,213,190,.34);
  stroke:rgba(164,240,220,.84);
  stroke-width:1.6;
  opacity:0;
  transition:opacity .22s ease;
}
.map-region--ulnar {
  fill:rgba(90,185,221,.34);
  stroke:rgba(144,218,246,.88);
}
.map-region--digital {
  fill:rgba(224,177,85,.42);
  stroke:rgba(255,213,126,.94);
}
.map-region.is-active { opacity:1; }
.map-pulse {
  fill:none;
  stroke:rgba(255,214,125,.92);
  stroke-width:2;
  opacity:0;
  transform-origin:center;
}
.map-pulse.is-active {
  opacity:1;
  animation:mapPulse 2s ease-in-out infinite;
}
@keyframes mapPulse {
  0%,100% { transform:scale(.84); opacity:.38; }
  50% { transform:scale(1.18); opacity:.95; }
}
.nerve-route__diagram--anatomy .nerve-route__legend {
  z-index:4;
  left:18px;
  right:auto;
  bottom:15px;
  max-width:calc(100% - 240px);
  background:rgba(8,31,39,.72);
  color:rgba(238,249,247,.82);
  backdrop-filter:blur(8px);
}

@media (max-width:900px) {
  .nerve-route__diagram--anatomy { min-height:390px; }
  .symptom-distribution { width:174px; top:18px; right:16px; }
  .nerve-route__diagram--anatomy .nerve-route__legend { max-width:calc(100% - 218px); }
}

@media (max-width:640px) {
  .nerve-route__diagram--anatomy {
    min-height:360px;
    padding:0;
  }
  .nerve-route__medical {
    object-position:40% center;
    filter:saturate(.90) contrast(1.04) brightness(.88);
  }
  .symptom-distribution {
    top:auto;
    right:13px;
    bottom:50px;
    width:145px;
    padding:10px 10px 9px;
    border-radius:16px;
  }
  .symptom-distribution__title { font-size:13.5px; }
  .symptom-distribution__note { display:none; }
  .nerve-route__diagram--anatomy .nerve-route__legend {
    left:12px;
    right:12px;
    bottom:11px;
    max-width:none;
  }
}

/* V51 — direct symptom distribution highlights on the approved medical nerve image. */
.nerve-route__diagram--anatomy {
  position:relative;
  min-height:0 !important;
  aspect-ratio:550 / 285;
  padding:0 !important;
  overflow:hidden;
  background:#0b2a34;
}
.nerve-route__diagram--anatomy::before {
  background:
    linear-gradient(90deg,rgba(5,25,33,.02) 0%,rgba(5,25,33,.03) 58%,rgba(5,25,33,.16) 100%),
    linear-gradient(180deg,rgba(4,20,27,.01),rgba(4,20,27,.10));
}
.nerve-route__medical {
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  transform:none;
  filter:saturate(.96) contrast(1.04) brightness(.97);
}
.nerve-anatomy-overlay {
  position:absolute;
  inset:0;
  z-index:3;
  width:100%;
  height:100%;
  pointer-events:none;
}
.nerve-region {
  opacity:0;
  transition:opacity .25s ease;
}
.nerve-region.is-active { opacity:1; }
.nerve-region__glow { opacity:.78; }
.nerve-region__shape path {
  stroke-width:1.25;
  vector-effect:non-scaling-stroke;
}
.nerve-region--median .nerve-region__glow path,
.nerve-region--median .nerve-region__shape path {
  fill:rgba(87,222,193,.28);
  stroke:rgba(161,247,226,.86);
}
.nerve-region--ulnar .nerve-region__glow path,
.nerve-region--ulnar .nerve-region__shape path {
  fill:rgba(76,177,231,.28);
  stroke:rgba(156,220,252,.88);
}
.nerve-region--digital .nerve-region__glow path,
.nerve-region--digital .nerve-region__shape path {
  fill:rgba(232,174,66,.34);
  stroke:rgba(255,216,134,.94);
}
.nerve-region.is-active .nerve-region__glow {
  animation:nerveRegionPulse 2.15s ease-in-out infinite;
}
@keyframes nerveRegionPulse {
  0%,100% { opacity:.48; }
  50% { opacity:.92; }
}
.nerve-route__diagram--anatomy .nerve-route__legend {
  z-index:5;
  left:16px;
  right:auto;
  bottom:13px;
  max-width:calc(100% - 32px);
  background:rgba(8,31,39,.78);
}
.nerve-route {
  min-height:0;
  align-items:stretch;
}
.nerve-route__copy {
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
@media (max-width:900px) {
  .nerve-route__diagram--anatomy {
    aspect-ratio:550 / 285;
    min-height:0 !important;
  }
}
@media (max-width:640px) {
  .nerve-route__diagram--anatomy {
    aspect-ratio:550 / 285;
    min-height:0 !important;
  }
  .nerve-route__medical { object-position:center top; }
  .nerve-route__diagram--anatomy .nerve-route__legend {
    left:10px;
    right:10px;
    bottom:9px;
    max-width:none;
    justify-content:center;
  }
}

/* V52 — clear front-facing hand map with premium blinking location points. */
.nerve-route__diagram--hotspots {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:420px !important;
  padding:20px 18px 48px !important;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 42%,rgba(68,143,163,.18),transparent 40%),
    linear-gradient(145deg,#082630,#0d3541);
}
.nerve-route__diagram--hotspots::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.24;
  background-image:
    linear-gradient(rgba(137,203,218,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(137,203,218,.10) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,black,transparent 92%);
  pointer-events:none;
}
.nerve-xray-stage {
  position:relative;
  z-index:1;
  width:min(62%,270px);
  aspect-ratio:490 / 780;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.28));
}
.nerve-xray-stage > img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.nerve-hotspots.route {
  position:absolute;
  inset:0;
  opacity:0;
  animation:none !important;
  pointer-events:none;
  transition:opacity .22s ease;
}
.nerve-hotspots.route.is-active { opacity:1; }
.nerve-hotspot {
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:14px;
  height:14px;
  border:3px solid rgba(243,255,252,.95);
  border-radius:50%;
  background:#72dbc3;
  box-shadow:
    0 0 0 5px rgba(114,219,195,.18),
    0 0 22px rgba(114,219,195,.72);
  transform:translate(-50%,-50%);
  animation:nervePointGlow 1.75s ease-in-out infinite;
  animation-delay:var(--delay,0s);
}
.nerve-hotspot::before,
.nerve-hotspot::after {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  border:1.5px solid currentColor;
  border-radius:50%;
  transform:translate(-50%,-50%) scale(.35);
  opacity:0;
  animation:nervePointRing 1.75s ease-out infinite;
  animation-delay:var(--delay,0s);
}
.nerve-hotspot::before { width:34px; height:34px; }
.nerve-hotspot::after { width:50px; height:50px; animation-delay:calc(var(--delay,0s) + .28s); }
.nerve-hotspot--mint { color:#74dfc7; }
.nerve-hotspot--blue {
  color:#8ad4f4;
  background:#65bfe8;
  box-shadow:0 0 0 5px rgba(101,191,232,.17),0 0 22px rgba(101,191,232,.70);
}
.nerve-hotspot--gold {
  color:#f0bd68;
  background:#e7a947;
  box-shadow:0 0 0 5px rgba(231,169,71,.18),0 0 24px rgba(231,169,71,.78);
}
.nerve-hotspot--small { width:11px; height:11px; border-width:2px; }
.nerve-hotspot--half { width:12px; height:12px; }
.nerve-hotspot--focused { width:17px; height:17px; }
@keyframes nervePointGlow {
  0%,100% { transform:translate(-50%,-50%) scale(.88); filter:brightness(.94); }
  50% { transform:translate(-50%,-50%) scale(1.12); filter:brightness(1.25); }
}
@keyframes nervePointRing {
  0% { opacity:.72; transform:translate(-50%,-50%) scale(.30); }
  72%,100% { opacity:0; transform:translate(-50%,-50%) scale(1); }
}
.nerve-route__diagram--hotspots .nerve-route__legend {
  z-index:4;
  left:16px;
  right:16px;
  bottom:13px;
  max-width:none;
  justify-content:center;
  color:rgba(238,250,247,.86);
  background:rgba(6,28,35,.76);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
}
.nerve-route__diagram--hotspots .nerve-route__legend i {
  background:#72dbc3;
  box-shadow:0 0 0 5px rgba(114,219,195,.16),0 0 14px rgba(114,219,195,.58);
  animation:legendPointPulse 1.75s ease-in-out infinite;
}
@keyframes legendPointPulse { 0%,100%{transform:scale(.88)}50%{transform:scale(1.2)} }

@media (max-width:900px) {
  .nerve-route__diagram--hotspots { min-height:380px !important; }
  .nerve-xray-stage { width:min(56%,245px); }
}
@media (max-width:640px) {
  .nerve-route__diagram--hotspots {
    min-height:350px !important;
    padding:16px 12px 48px !important;
  }
  .nerve-xray-stage { width:min(58%,220px); }
  .nerve-route__diagram--hotspots .nerve-route__legend {
    left:10px;
    right:10px;
    bottom:10px;
    padding:7px 9px;
    font-size:13.5px;
  }
  .nerve-hotspot { width:12px; height:12px; border-width:2px; }
  .nerve-hotspot::before { width:28px; height:28px; }
  .nerve-hotspot::after { width:42px; height:42px; }
  .nerve-hotspot--focused { width:15px; height:15px; }
}
@media (prefers-reduced-motion:reduce) {
  .nerve-hotspot,.nerve-hotspot::before,.nerve-hotspot::after,
  .nerve-route__diagram--hotspots .nerve-route__legend i { animation:none !important; }
  .nerve-hotspot::before { opacity:.38; transform:translate(-50%,-50%) scale(.75); }
}

/* V53 shared premium butter hover interaction */
.symptom-tile,
.nerve-condition-card,
.diagnosis-step,
.surgery-card,
.faq-list details {
  transition: transform .24s ease, background .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.symptom-tile:hover,
.diagnosis-step:hover,
.surgery-card:hover,
.faq-list details:hover {
  transform: translateY(-5px);
  background: #f6e8c9;
  border-color: rgba(190,145,73,.35);
  box-shadow: 0 18px 38px rgba(65,52,31,.11);
}
.nerve-condition-card__body { transition: background .24s ease; }
.nerve-condition-card:hover {
  transform: translateY(-5px);
  border-color: rgba(190,145,73,.35);
  box-shadow: 0 20px 42px rgba(65,52,31,.12);
}
.nerve-condition-card:hover .nerve-condition-card__body { background:#f6e8c9; }

/* V67 mobile containment: later desktop refinements must not reintroduce two-column section heads on phones. */
@media (max-width:900px){
  .nerve-page .care-section-head,
  .nerve-page .surgery-head{
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;
  }
  .nerve-page .care-section-head > *,
  .nerve-page .surgery-head > *{
    min-width:0;
    width:auto;
    max-width:100%;
  }
  .nerve-page .care-section-head > p,
  .nerve-page .surgery-head > p{
    justify-self:stretch;
  }
}