:root{--condition-deep:#0d3329;--condition-ink:#12372d;--condition-gold:#cba56c;--condition-butter:#f6e8c9;--condition-paper:#fffdf8;--condition-mist:#e8efeb;--condition-line:rgba(14,52,42,.12);--condition-shadow:0 18px 50px rgba(35,51,43,.10)}
.condition-page{background:#f8f4ed;color:#17342b}.condition-page main{overflow:clip}.condition-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.condition-kicker{font-size:14.5px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;color:#7b817b}.condition-page h1,.condition-page h2,.condition-page h3{font-family:"Archivo Narrow","Helvetica Neue",Arial,sans-serif;color:var(--condition-ink);letter-spacing:-.045em}.condition-page h2{font-size:clamp(30px,2.76vw,37px);line-height:.94;text-transform:uppercase}.condition-page h2 span,.condition-page h1 span{color:var(--condition-gold)}
.reading-progress{position:fixed;z-index:800;top:0;left:0;right:0;height:3px}.reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#6ccfba,var(--condition-gold))}
.condition-hero{padding:125px 0 58px;background:radial-gradient(circle at 82% 22%,rgba(204,225,217,.75),transparent 29%),linear-gradient(180deg,#edf3ef,#fbf8f2)}.condition-hero__grid{display:grid;grid-template-columns:1fr .92fr;gap:50px;align-items:center}.condition-hero__copy h1{margin:12px 0 18px;font-size:clamp(40px,3.79vw,49px);line-height:.88;text-transform:uppercase}.condition-hero__lead{max-width:670px;color:#506158;font-size:18.5px;line-height:1.65}.condition-chips{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.condition-chips span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid var(--condition-line);font-size:14.5px;font-weight:750;color:#315c50}.condition-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.condition-location{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:17px;border-top:1px solid var(--condition-line);font-size:15px;color:#68746d}.condition-location b{font-size:17px;color:var(--condition-ink)}.condition-hero__visual{position:relative;height:485px;border-radius:28px;overflow:hidden;box-shadow:var(--condition-shadow);will-change:transform}.condition-hero__visual>img{width:100%;height:100%;object-fit:cover}.condition-hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(6,24,18,.72))}.condition-hero__label{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:end;color:#fff}.condition-hero__label small{font-size:14px;letter-spacing:.16em;text-transform:uppercase}.condition-hero__label strong{font-size:16.5px}.condition-pulse{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.91);color:#173b31;font-size:14.5px;font-weight:800}.condition-pulse i{position:relative;width:8px;height:8px;border-radius:50%;background:#76d6c0}.condition-pulse i:after{content:"";position:absolute;inset:-5px;border:1px solid #76d6c0;border-radius:50%;animation:conditionPulse 1.8s ease-out infinite}@keyframes conditionPulse{0%{transform:scale(.45);opacity:.9}100%{transform:scale(1.55);opacity:0}}
.quick-strip{padding:0 0 54px;background:#fbf8f2}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-answer{min-height:126px;padding:18px;border-radius:17px;background:var(--condition-paper);border:1px solid var(--condition-line);box-shadow:0 10px 28px rgba(38,51,44,.06);transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease}.quick-answer:hover{transform:translateY(-5px);background:var(--condition-butter);border-color:rgba(190,145,73,.34);box-shadow:0 18px 36px rgba(65,52,31,.11)}.quick-answer small{display:block;margin-bottom:8px;color:#a47b42;font-size:14px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.quick-answer p{margin:0;color:#4f5d55;font-size:16px;line-height:1.62}
.condition-toc{position:relative;z-index:2;padding:9px 0;background:#f8f4ed;border-block:1px solid rgba(14,52,42,.08)}.condition-toc .condition-shell{display:flex;align-items:center;gap:22px;overflow-x:auto;scrollbar-width:none}.condition-toc .condition-shell::-webkit-scrollbar{display:none}.condition-toc span,.condition-toc a{white-space:nowrap;font-size:14.5px;font-weight:800}.condition-toc span{padding:8px 12px;border-radius:999px;background:var(--condition-deep);color:#fff;text-transform:uppercase;letter-spacing:.08em}.condition-toc a{color:#59675f;padding:8px 0;border-bottom:1px solid transparent}.condition-toc a.is-active{color:var(--condition-deep);border-color:var(--condition-gold)}
.condition-section{padding:70px 0}.condition-overview{background:#fbf8f2}.overview-grid{display:grid;grid-template-columns:1fr .92fr;gap:54px;align-items:start}.section-copy h2{margin:11px 0 20px}.section-copy>p{color:#516058;font-size:18px;line-height:1.75}.trust-note{margin-top:24px;padding:18px;border-left:3px solid var(--condition-gold);border-radius:0 14px 14px 0;background:#eaf2ee;display:grid;gap:5px}.trust-note b{font-size:16.5px}.trust-note span{color:#59675f;font-size:16px;line-height:1.62}.anatomy-card{border-radius:24px;overflow:hidden;background:var(--condition-paper);border:1px solid var(--condition-line);box-shadow:var(--condition-shadow);transition:transform .25s ease,background .25s ease}.anatomy-card:hover{transform:translateY(-5px);background:var(--condition-butter)}.anatomy-card__visual{height:260px;overflow:hidden;background:#0d3640}.anatomy-card__visual img{width:100%;height:100%;object-fit:cover}.anatomy-card__body{padding:24px}.anatomy-card__body small{color:#a37c45;font-size:14px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.anatomy-card__body h3{margin:8px 0 13px;font-size:27px;line-height:1}.anatomy-card__body ul{padding:0;margin:0;list-style:none;display:grid;gap:9px}.anatomy-card__body li{position:relative;padding-left:17px;color:#516158;font-size:16px}.anatomy-card__body li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#78cbb8}
.condition-symptoms{background:linear-gradient(180deg,#e8efeb,#f4f5ef)}.condition-head{display:grid;grid-template-columns:1fr 390px;gap:40px;align-items:end;margin-bottom:30px}.condition-head h2{margin:8px 0 0}.condition-head>p{margin:0;color:#58675f;font-size:17px;line-height:1.65}.symptom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.symptom-card,.cause-card,.diagnosis-card{position:relative;min-height:175px;padding:20px;border-radius:18px;background:var(--condition-paper);border:1px solid var(--condition-line);box-shadow:0 10px 28px rgba(38,51,44,.05);transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease}.symptom-card:hover,.cause-card:hover,.diagnosis-card:hover{transform:translateY(-5px);background:var(--condition-butter);border-color:rgba(190,145,73,.36);box-shadow:0 20px 40px rgba(65,52,31,.11)}.symptom-card>span,.cause-card>span,.diagnosis-card>span{color:#b48b52;font-size:14px;font-weight:850}.symptom-card h3,.cause-card h3,.diagnosis-card h3{margin:38px 0 7px;font-size:22px;line-height:1}.symptom-card p,.cause-card p,.diagnosis-card p{margin:0;color:#5a665f;font-size:15.5px;line-height:1.62}.urgent-bar{margin-top:14px;padding:14px 18px;border-radius:15px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:#fff8ed;border:1px solid rgba(195,143,62,.32)}.urgent-bar b{font-size:14.5px;letter-spacing:.11em;text-transform:uppercase;color:#92662e}.urgent-bar p{margin:0;color:#675f54;font-size:15.5px}.urgent-bar a{font-size:14.5px;font-weight:850;color:#9c6c2f}
.condition-causes{background:#fbf8f2}.cause-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.cause-card{min-height:185px}.condition-diagnosis{background:#e7efeb}.diagnosis-layout{display:grid;grid-template-columns:360px 1fr;gap:44px;align-items:start}.diagnosis-intro{position:sticky;top:155px}.diagnosis-intro h2{margin:9px 0 17px}.diagnosis-intro>p{color:#526158;font-size:17px;line-height:1.65}.appointment-note{margin-top:22px;padding:17px;border-radius:14px;background:rgba(255,255,255,.72);display:grid;gap:6px}.appointment-note b{font-size:14.5px;text-transform:uppercase;letter-spacing:.1em}.appointment-note span{font-size:15.5px;color:#5d6862}.diagnosis-grid{display:grid;gap:10px}.diagnosis-card{min-height:0;padding:18px 20px 18px 76px}.diagnosis-card>span{position:absolute;left:20px;top:18px;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--condition-deep);color:#fff}.diagnosis-card h3{margin:2px 0 5px;font-size:20px}.diagnosis-card p{font-size:16px}
.condition-treatment{background:#fbf8f2}.treatment-switch{display:flex;gap:8px;margin-bottom:16px}.treatment-switch button{padding:11px 15px;border-radius:999px;border:1px solid var(--condition-line);background:#fff;cursor:pointer;font-size:14.5px;font-weight:800}.treatment-switch button.is-active{background:var(--condition-deep);color:#fff}.treatment-card{display:grid;grid-template-columns:.82fr 1.18fr;height:470px;min-height:0;border-radius:24px;overflow:hidden;background:var(--condition-paper);border:1px solid var(--condition-line);box-shadow:var(--condition-shadow)}.treatment-card__visual{min-width:0;min-height:0;overflow:hidden}.treatment-card__visual img{display:block;width:100%;height:100%;object-fit:cover}.treatment-card__copy{padding:30px 35px 26px;min-width:0;min-height:0;overflow:hidden}.treatment-card__copy small{color:#a37c45;font-size:14px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.treatment-card__copy h3{margin:8px 0 16px;font-size:32px;line-height:.98;text-transform:uppercase}.treatment-card__copy ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.treatment-card__copy li{padding:10px 12px;border-radius:12px;background:#edf3ee;display:grid;grid-template-columns:145px 1fr;gap:11px;transition:background .2s ease,transform .2s ease}.treatment-card__copy li:hover{background:var(--condition-butter);transform:translateX(3px)}.treatment-card__copy li strong{font-size:15px}.treatment-card__copy li span{color:#59675f;font-size:15px;line-height:1.62}
.condition-surgery{background:linear-gradient(145deg,#f5ecd9,#fffaf2)}.surgery-layout{display:grid;grid-template-columns:1fr .88fr;gap:45px;align-items:center}.surgery-copy h2{margin:9px 0 18px}.surgery-copy>p{color:#526158;font-size:17px;line-height:1.7}.surgery-copy ol{counter-reset:steps;list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:9px}.surgery-copy li{counter-increment:steps;padding:12px 12px 12px 43px;position:relative;border-radius:12px;background:rgba(255,255,255,.72);font-size:15px;font-weight:750}.surgery-copy li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:12px;color:#ad7c3d;font-size:14px}.surgery-note{padding:16px;border-radius:14px;background:#e8f0ec;display:grid;gap:5px}.surgery-note b{font-size:16px}.surgery-note span{font-size:15.5px;color:#5b6760}.surgery-visual{position:relative;height:455px;border-radius:25px;overflow:hidden;box-shadow:var(--condition-shadow)}.surgery-visual img{width:100%;height:100%;object-fit:cover}.surgery-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,24,18,.8))}.surgery-visual>div{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;color:#fff;display:flex;justify-content:space-between;align-items:end}.surgery-visual small{font-size:14px;text-transform:uppercase;letter-spacing:.14em}.surgery-visual strong{font-size:16.5px}
.condition-recovery{background:#e7efeb}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.timeline-item{padding:18px;border-radius:18px;background:var(--condition-paper);border:1px solid var(--condition-line);transition:transform .24s ease,background .24s ease}.timeline-item:hover{transform:translateY(-5px);background:var(--condition-butter)}.timeline-item>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--condition-deep);color:#fff;font-size:14px}.timeline-item h3{margin:30px 0 6px;font-size:21px}.timeline-item p{margin:0;color:#5b6860;font-size:15.5px;line-height:1.62}
.condition-specialist{padding:70px 0;background:#f8f4ed}.specialist-card{display:grid;grid-template-columns:.82fr 1.18fr;min-height:455px;border-radius:26px;overflow:hidden;background:var(--condition-paper);box-shadow:var(--condition-shadow)}.specialist-visual{position:relative;overflow:hidden;background:#e3eff1}.specialist-bg{position:absolute;inset:0;background:url("assets/specialist-modern-bg.png") center/cover no-repeat}.specialist-visual>img{position:absolute;z-index:2;left:50%;bottom:0;width:min(76%,350px);transform:translateX(-50%);filter:drop-shadow(0 16px 24px rgba(20,40,50,.16));height:auto}.review-badge{position:absolute;z-index:3;left:18px;bottom:18px;padding:10px 13px;border-radius:13px;background:rgba(255,255,255,.94);display:grid;grid-template-columns:28px auto;gap:1px 9px;align-items:center}.review-badge img{grid-row:span 2;width:27px;height:auto}.review-badge b{font-size:18px}.review-badge small{font-size:13.5px;color:#6f7972}.specialist-copy{padding:39px;display:flex;flex-direction:column;justify-content:center}.specialist-copy h2{margin:9px 0 16px;font-size:clamp(30px,2.55vw,34px)}.specialist-copy>p{color:#526158;font-size:17px;line-height:1.65}.specialist-points{display:grid;gap:7px;margin:16px 0 20px}.specialist-points span{padding:10px 12px;border-radius:12px;background:#eaf1ed;font-size:15px;font-weight:750;transition:background .2s ease,transform .2s ease}.specialist-points span:hover{background:var(--condition-butter);transform:translateX(3px)}.specialist-copy .text-link{align-self:flex-start}
.related-section{background:#fbf8f2}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.related-card{min-height:150px;padding:20px;border-radius:18px;background:var(--condition-paper);border:1px solid var(--condition-line);display:flex;flex-direction:column;justify-content:space-between;transition:transform .24s ease,background .24s ease,border-color .24s ease}.related-card:hover{transform:translateY(-5px);background:var(--condition-butter);border-color:rgba(190,145,73,.35)}.related-card small{color:#99703b;font-size:14px;text-transform:uppercase;letter-spacing:.13em}.related-card strong{font-family:"Archivo Narrow",Arial,sans-serif;font-size:23px;line-height:1;color:var(--condition-ink)}.related-card span{color:#347262;font-size:14.5px;font-weight:850}
.condition-faq{background:#e7efeb}.faq-layout{display:grid;grid-template-columns:330px 1fr;gap:45px}.faq-intro h2{margin:9px 0 15px}.faq-intro p{color:#57645d;font-size:16px}.faq-list{display:grid;gap:8px}.faq-item{border-radius:14px;background:var(--condition-paper);border:1px solid var(--condition-line);transition:background .2s ease,border-color .2s ease}.faq-item:hover{background:var(--condition-butter);border-color:rgba(190,145,73,.35)}.faq-item summary{cursor:pointer;list-style:none;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:800}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e9f1ed}.faq-item[open] summary i{transform:rotate(45deg)}.faq-item div{padding:0 18px 16px}.faq-item p{margin:0;color:#59665f;font-size:15.5px;line-height:1.62}.references{margin-top:42px;padding:20px;border-radius:17px;background:rgba(255,255,255,.68);display:grid;grid-template-columns:330px 1fr;gap:30px}.references>div:first-child{display:grid;gap:5px}.references small{font-size:14px;text-transform:uppercase;letter-spacing:.14em;color:#7c837e}.references strong{font-family:"Archivo Narrow",Arial,sans-serif;font-size:21.5px;color:var(--condition-ink)}.references>div:last-child{display:grid;gap:7px}.references a{padding:9px 11px;border-radius:10px;background:#fffdf8;color:#377164;font-size:14.5px;font-weight:750;display:flex;justify-content:space-between;transition:background .2s ease,transform .2s ease}.references a:hover{background:var(--condition-butter);transform:translateX(3px)}
.condition-booking{padding:0 0 70px;background:#e7efeb}.booking-card{padding:36px 40px;border-radius:24px;background:var(--condition-deep);color:#fff;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.booking-card .condition-kicker{color:#9eb5aa}.booking-card h2{margin:8px 0 10px;color:#fff;font-size:clamp(30px,2.76vw,35px)}.booking-card p{margin:0;color:#cad7d0;font-size:16.5px}.booking-card>div:last-child{display:grid;gap:13px;justify-items:start}
.condition-reveal{opacity:0;transform:translateY(18px);transition:opacity .52s ease,transform .52s cubic-bezier(.2,.8,.2,1)}.condition-reveal.is-visible{opacity:1;transform:none}
/* Butter hover system for the locked category page */
.nerve-page .symptom-tile,.nerve-page .nerve-condition-card,.nerve-page .diagnosis-step,.nerve-page .surgery-card,.nerve-page .faq-list details{transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease}.nerve-page .symptom-tile:hover,.nerve-page .diagnosis-step:hover,.nerve-page .surgery-card:hover,.nerve-page .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-page .nerve-condition-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(65,52,31,.12);border-color:rgba(190,145,73,.35)}.nerve-page .nerve-condition-card:hover .nerve-condition-card__body{background:#f6e8c9}
@media(max-width:1000px){.condition-hero__grid,.overview-grid,.surgery-layout{grid-template-columns:1fr 1fr;gap:28px}.quick-grid{grid-template-columns:1fr 1fr}.cause-grid,.timeline{grid-template-columns:1fr 1fr}.diagnosis-layout{grid-template-columns:300px 1fr}.condition-head{grid-template-columns:1fr 320px}.specialist-card{grid-template-columns:1fr 1.15fr}}
@media(max-width:760px){.condition-shell{width:min(100% - 26px,680px)}.condition-hero{padding-top:98px}.condition-hero__grid,.overview-grid,.surgery-layout,.diagnosis-layout,.specialist-card,.faq-layout,.references{grid-template-columns:1fr}.condition-hero__copy h1{font-size:clamp(33px,8.27vw,37px)}.condition-hero__visual{height:360px}.condition-location{align-items:flex-start;flex-direction:column}.quick-grid{grid-template-columns:1fr}.quick-answer{min-height:0}.condition-toc{top:auto}.condition-toc .condition-shell{gap:17px}.condition-section{padding:52px 0}.condition-head{grid-template-columns:1fr;gap:14px}.symptom-grid,.cause-grid,.timeline,.related-grid{grid-template-columns:1fr}.diagnosis-intro{position:static}.treatment-card{grid-template-columns:1fr;height:auto}.treatment-card__visual{height:235px}.treatment-card__copy{padding:24px;overflow:visible}.treatment-card__copy li{grid-template-columns:1fr;gap:3px}.surgery-copy ol{grid-template-columns:1fr}.surgery-visual{height:340px}.specialist-visual{min-height:350px}.specialist-copy{padding:27px}.urgent-bar{grid-template-columns:1fr;gap:7px}.booking-card{grid-template-columns:1fr;padding:28px}.references{margin-top:28px}.care-footer__grid{grid-template-columns:1fr 1fr}.condition-actions{gap:14px}}
@media(max-width:470px){.condition-page h2{font-size:clamp(25px,6.89vw,27px)}.condition-hero__visual{height:310px}.condition-hero__label{display:grid;gap:5px}.condition-chips span{font-size:14px}.treatment-switch{display:grid;grid-template-columns:1fr 1fr}.care-footer__grid{grid-template-columns:1fr}.care-footer__bottom{display:grid;gap:8px}}
@media(prefers-reduced-motion:reduce){.condition-reveal{opacity:1;transform:none}.condition-pulse i:after{animation:none}}

/* V56 tendon/finger refinements */
.condition-page .anatomy-card__visual img{object-position:center}.condition-page .quick-answer:hover,.condition-page .symptom-card:hover,.condition-page .cause-card:hover,.condition-page .diagnosis-card:hover,.condition-page .timeline-item:hover,.condition-page .related-card:hover,.condition-page .faq-item:hover{background:#f6e8c9!important}.condition-page .treatment-card{min-height:0}.condition-page .treatment-card__copy{min-height:0}.condition-page .treatment-card__visual{min-height:360px}@media(max-width:760px){.condition-page .treatment-card__visual{min-height:0;height:230px}}

/* V57 wrist refinements */
.condition-page .quick-answer:hover,.condition-page .symptom-card:hover,.condition-page .cause-card:hover,.condition-page .diagnosis-card:hover,.condition-page .timeline-item:hover,.condition-page .related-card:hover,.condition-page .faq-item:hover{background:#f6e8c9!important}.condition-page .treatment-card{min-height:0}.condition-page .treatment-card__copy{min-height:0}.condition-page .treatment-card__visual{min-height:360px}@media(max-width:760px){.condition-page .treatment-card__visual{min-height:0;height:230px}}

/* V58 hand condition refinements */
.condition-page .quick-answer:hover,.condition-page .symptom-card:hover,.condition-page .cause-card:hover,.condition-page .diagnosis-card:hover,.condition-page .timeline-item:hover,.condition-page .related-card:hover,.condition-page .faq-item:hover{background:#f6e8c9!important}.condition-page .treatment-card{min-height:0}.condition-page .treatment-card__copy{min-height:0}.condition-page .treatment-card__visual{min-height:360px}@media(max-width:760px){.condition-page .treatment-card__visual{min-height:0;height:230px}}