@import url('https://cdn.jsdelivr.net/gh/goldenhousemedia/jamesbarnesmd-website@51d7d5ef873f6c87db37fbf35e11030fbcb73a21/assets/css/styles.css');

/* v76 Bone Blog rendering fix + restored site-wide header icons. */
:root{--bone-navy:#0B1F3A;--bone-navy-2:#0D2B45;--bone-blue:#1E5BD8;--bone-teal:#14B8A6;--bone-slate:#475569;--bone-light:#F8FAFC;--bone-border:#E2E8F0;--bone-white:#FFFFFF;--navy:var(--bone-navy);--navy2:var(--bone-navy-2);--electric:var(--bone-blue);--teal:var(--bone-teal);--ice:var(--bone-light);--line:var(--bone-border);--muted:#64748B;--text:#24364F;--shadow:0 18px 42px rgba(15,23,42,.08)}
a{color:var(--bone-blue)}.nav{box-shadow:0 8px 22px rgba(11,31,58,.05)}.nav-links a:hover,.dropdown:hover .dropbtn{background:#EFF6FF;color:var(--bone-navy)}.btn-primary{background:linear-gradient(135deg,var(--bone-blue),#0B65C2);box-shadow:0 10px 24px rgba(30,91,216,.22)}.btn-secondary{background:#EFF6FF;color:var(--bone-navy)!important;border-color:rgba(30,91,216,.22)}

/* Restored site-wide header menu icons. Uses suffix/contains selectors so icons work from root pages and nested Bone Blog pages. */
.nav-links a,.nav-links .dropbtn{display:inline-flex;align-items:center;gap:7px;line-height:1.1}.dropdown-menu a{display:flex!important;align-items:center;gap:8px;width:100%}.nav-links a::before,.nav-links .dropbtn::before{display:inline-flex;align-items:center;justify-content:center;width:1.35em;min-width:1.35em;height:1.35em;border-radius:999px;background:rgba(30,91,216,.10);border:1px solid rgba(30,91,216,.20);font-size:.95em;line-height:1;box-shadow:0 6px 14px rgba(7,29,73,.06)}.nav-links a:hover::before,.nav-links .dropdown:hover .dropbtn::before,.nav-links .dropdown.open .dropbtn::before{background:rgba(30,91,216,.18);border-color:rgba(30,91,216,.36)}
.nav-links>a[href$='index.html']::before{content:'🏠'}.nav-links>a[href$='locations.html']::before{content:'📍'}.nav-links>a[href$='the-bone-blog.html']::before{content:'✍️'}.nav-links>a.btn-primary::before{content:'📅'}
.nav-links>.dropdown:nth-of-type(1)>.dropbtn::before{content:'🦴'}.nav-links>.dropdown:nth-of-type(2)>.dropbtn::before{content:'📋'}.nav-links>.dropdown:nth-of-type(3)>.dropbtn::before{content:'⭐'}
.dropdown-menu a[href$='joint-replacement-lake-havasu.html']::before{content:'🦿'}.dropdown-menu a[href$='lake-havasu-sports-medicine.html']::before,.dropdown-menu a[href$='sports-medicine.html']::before{content:'🏃'}.dropdown-menu a[href$='hip.html']::before{content:'🦴'}.dropdown-menu a[href$='knee.html']::before{content:'🦵'}.dropdown-menu a[href$='shoulder.html']::before{content:'💪'}.dropdown-menu a[href$='foot-ankle.html']::before{content:'👣'}.dropdown-menu a[href$='hand.html']::before{content:'✋'}.dropdown-menu a[href$='orthobiologics.html']::before{content:'🧬'}.dropdown-menu a[href$='locations.html']::before{content:'📍'}.dropdown-menu a[href$='physical-therapy.html']::before{content:'🏋️'}.dropdown-menu a[href$='sports-injury-advice.html']::before{content:'🩹'}.dropdown-menu a[href$='sports-recovery.html']::before{content:'🔁'}.dropdown-menu a[href*='reviews']::before{content:'💬'}.dropdown-menu a[href$='the-bone-blog.html']::before{content:'✍️'}.dropdown-menu a[href$='why-patients-choose-dr-barnes.html']::before{content:'⭐'}.dropdown-menu a[href$='lake-havasu-orthopedic-surgeon.html']::before{content:'🌵'}.dropdown-menu a[href*='#story']::before{content:'📖'}.dropdown-menu a[href*='#education']::before{content:'🎓'}.dropdown-menu a[href*='#accomplishments']::before{content:'🏅'}.dropdown-menu a[href*='#athletics']::before{content:'🏀'}

/* Bone Blog hero: stable layout. Do not use grid on individual hero children. */
.blog-hero{position:relative;overflow:hidden;color:#fff!important;background:radial-gradient(circle at 18% 10%,rgba(20,184,166,.22),transparent 24%),linear-gradient(135deg,var(--bone-navy),var(--bone-navy-2));padding:clamp(58px,8vw,104px) 0}.blog-hero>.container{position:relative;display:block!important;min-height:260px;padding-right:min(34vw,360px)}.blog-hero>.container::after{content:'';position:absolute;right:clamp(12px,3vw,34px);top:50%;transform:translateY(-50%);display:block;width:min(260px,24vw);min-width:170px;aspect-ratio:1/1;background:url('/assets/logos/the-bone-blog-brand-mark-primary.svg') center/contain no-repeat;border-radius:32px;box-shadow:0 18px 42px rgba(0,0,0,.18);opacity:.98}.blog-hero .breadcrumb-simple,.blog-hero h1,.blog-hero p,.blog-hero .blog-meta{position:relative;z-index:1;max-width:760px}.blog-hero .breadcrumb-simple{color:#D8E6F3!important;font-weight:900;margin-bottom:18px}.blog-hero .breadcrumb-simple a{color:#A7F3D0!important;text-decoration:none}.blog-hero h1{color:#fff!important;font-size:clamp(2.5rem,6vw,5.2rem)!important;line-height:.98!important;margin:0 0 18px!important;letter-spacing:-.045em;text-shadow:0 8px 24px rgba(0,0,0,.16)}.blog-hero h1::before{content:'Patient-friendly orthopedic education';display:block;width:max-content;max-width:100%;border:1px solid rgba(20,184,166,.34);background:rgba(20,184,166,.14);color:#DFFCF6;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;text-shadow:none}.blog-hero h1::after{content:'Orthopedic knowledge. Clearly explained.';display:block;color:#B7C7D8;font-size:clamp(.98rem,1.8vw,1.25rem);font-weight:800;letter-spacing:.01em;line-height:1.55;margin-top:14px;text-shadow:none}.blog-hero p{color:#D8E6F3!important;font-size:clamp(1.02rem,2vw,1.22rem);line-height:1.7;margin:0 0 24px}.blog-meta{display:flex!important;flex-wrap:wrap;gap:10px;align-items:center}.blog-meta span{display:inline-flex!important;align-items:center;background:rgba(20,184,166,.14);border:1px solid rgba(20,184,166,.30);color:#DFFCF6!important;border-radius:999px;padding:8px 12px;font-weight:900;line-height:1.15}.blog-card:hover{border-color:var(--bone-teal)}.blog-tag{background:#ECFDF5;color:#0F766E}.article-cta{background:linear-gradient(135deg,#F8FAFC,#EFF6FF)}
@supports not selector(body:has(.blog-hero)){.blog-hero>.container{position:relative}}
@media(max-width:860px){.blog-hero>.container{padding-right:0}.blog-hero>.container::after{position:relative;right:auto;top:auto;transform:none;width:190px;min-width:0;margin:28px 0 0}.blog-hero h1{font-size:clamp(2.2rem,12vw,3.4rem)!important}}