/* Petroleum / silver. Final shared presentation layer for every public route. */
:root{--petrol:#244653;--petrol-deep:#183844;--slate:#8fa5af;--silver:#d8e1e5;--pearl:#edf2f4;--paper:#c5d2d8;--ink:#142e39;--muted:#203844;--on-dark:#f1f5f7;--on-dark-muted:#c6d7df;--line:#829ba7;--mint:#315f73;--bg:var(--paper);--accent:#82501e;--radius:18px;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);color-scheme:light}
body{background:var(--paper);color:var(--ink)}h1,h2,h3{font-family:'Manrope',sans-serif}h1,h2{font-weight:450}h1 span,h2 span{color:var(--petrol)}p{line-height:1.85}::selection{background:var(--petrol);color:var(--on-dark)}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}.eyebrow{color:var(--muted);font-size:13px;letter-spacing:2px}.text-link{color:var(--petrol);border-color:var(--line);font-size:15px;min-height:44px}.text-link:hover{color:var(--ink)}
.site-header{height:106px;padding-inline:5%;background:rgba(216,225,229,.94);border-bottom:1px solid #a0b3bc;backdrop-filter:blur(16px);color:var(--ink);gap:22px}.site-header .brand{padding:10px 15px;background:var(--pearl);border:1px solid #c0cfd6;border-radius:12px}.brand-logo{width:225px;max-height:76px;object-fit:contain;padding:0}.desktop-nav{color:var(--ink);gap:27px}.desktop-nav a{font-size:14px;position:relative}.desktop-nav a:hover{color:var(--petrol)}.desktop-nav a::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.desktop-nav a:hover::after{transform:scaleX(1)}.header-cta{background:var(--petrol);color:var(--on-dark);border:1px solid var(--petrol);border-radius:999px;padding:13px 20px;min-height:48px;font-size:14px;gap:18px}.header-cta:hover{background:var(--petrol-deep);color:var(--on-dark)}.menu-toggle{border-color:var(--line);border-radius:50%;width:44px;height:44px}.menu-toggle span{background:var(--ink)}.mobile-nav,.inner-page .site-header+.mobile-nav{top:106px;background:var(--silver);color:var(--ink);border-color:var(--line);box-shadow:0 20px 35px #18384415}.mobile-nav a{font-size:17px;min-height:44px;display:flex;align-items:center}.button{border-radius:999px;min-height:48px;gap:22px;font-size:15px}.button-light{background:var(--petrol);color:var(--on-dark);border-color:var(--petrol)}.button-light:hover{background:var(--petrol-deep);color:var(--on-dark)}
/* An uninterrupted anatomical stage; no raster poster or decorative overlay. */
.spine-cinema{background:radial-gradient(ellipse at 50% 43%,#cad9e0 0%,#9bafba 40%,#819aa8 100%);color:var(--ink)}.atlas-intro h1,.atlas-outro h2,.region-content h2{color:var(--ink);font-weight:450}.atlas-intro h1 span,.atlas-outro h2 span{color:var(--petrol)}.atlas-intro .scene-description,.atlas-outro>p:not(.eyebrow),.region-content #region-summary,.region-content #region-insight{color:var(--ink)}.region-content #condition-title{color:#402507;border-color:#82501e65}.scene-footnote,.model-status,.static-anatomy-link{color:var(--ink)}.scroll-cue,.scene-action,.journey-cue{color:var(--ink)}.story-progress{background:#6b8898}.story-progress span{background:var(--petrol)}
.practice-strip{background:var(--petrol)!important;color:var(--on-dark-muted);border-color:#587582}.practice-strip>span:first-child,.practice-strip a,.practice-strip a span{color:var(--on-dark)}
/* Practice story: pearl, slate and deep blue alternate across the page. */
.doctor-section,.profile-content{background:var(--silver);color:var(--ink)}.doctor-section{padding-block:110px}.doctor-copy .eyebrow,.doctor-copy>p:not(.eyebrow){color:var(--muted)}.doctor-copy h2 span{color:#426b7b}.doctor-copy h3{font-size:23px}.doctor-copy .text-link{border-color:var(--line)}.doctor-photo{border-radius:24px;isolation:isolate}.doctor-photo>img{border-radius:24px;filter:saturate(.55) contrast(1.03)}.photo-caption{border-radius:0 0 24px 24px;background:linear-gradient(transparent,#183844e6);color:var(--on-dark);font-size:12px;letter-spacing:1px}.experience-seal{background:var(--petrol);color:var(--on-dark);border:1px solid #809daa;border-radius:16px;box-shadow:0 12px 35px #18384426;right:-22px}.experience-seal>span{font-size:12px}.technique-list span{background:#e7eef1;border:1px solid #9db2bd;color:var(--petrol);border-radius:999px;font-size:14px;padding:9px 14px}.profile-content>img{border-radius:22px;filter:saturate(.65)}
.care-section{background:var(--petrol);color:var(--on-dark);padding-block:100px}.care-heading h2 span{color:#b5d0dc}.care-heading .eyebrow,.care-heading>p:last-child,.care-section .care-detail p{color:var(--on-dark-muted)}.care-list details,.care-list details:first-child{border-color:#75909d}.care-number,.detail-toggle,.care-section .care-detail a{color:#d8e8f0}.care-number{font-size:13px}.care-detail a{font-size:14px;min-height:35px;border-color:#85a6b5}.care-list summary{transition:background .2s}.care-list summary:hover{background:#e6eff508}.care-list h3{font-weight:450}.care-section .care-list details[open]{background:#f2f6f708;border-radius:0 0 14px 14px}
.patient-stories{background:#a8bbc5;color:var(--ink)}.patient-stories h2 span{color:var(--petrol)}.review-grid{gap:22px}.review-grid article{background:#c8d6de;border:1px solid #91a9b6;border-radius:var(--radius);padding:27px}.review-grid article>span{color:var(--muted);font-size:14px}.review-grid h3{font-size:17px}.review-grid p{color:var(--ink)}
.visit-section,.contact-directory{background:#b6c8d2;color:var(--ink)}.visit-heading .eyebrow,.visit-heading>p:last-child{color:var(--muted)}.visit-heading h2 span{color:var(--petrol)}.locations{gap:24px;padding:0;border:0}.location,.location:first-child{background:var(--silver);border:1px solid #8da6b4;border-radius:20px;padding:32px;box-shadow:0 14px 35px #18384408}.location h3{font-size:28px}.location h3 a{text-decoration:none}.location h3 a:hover{text-decoration:underline}.location-region{font-size:12px;color:var(--muted)}.location address,.map-link{color:var(--muted)}.location-phone{color:var(--ink);border-color:var(--line);font-size:25px;gap:10px}.location-phone:hover{color:var(--petrol)}.map-link{font-size:14px;min-height:44px;align-items:center}.visit-bottom{color:var(--muted)}.visit-bottom a{color:var(--petrol)}.hours-table>div{border-color:var(--line);font-size:16px}.small-note{color:var(--muted);font-size:14px!important}.consultation-card{background:var(--silver);border:1px solid #8da6b4;border-radius:20px;padding:32px}.social-links{gap:16px}.social-links a{min-height:36px}.journal-teaser{background:#9cb3bf;color:var(--ink)}.journal-teaser a{border-color:#607e8e;min-height:44px;display:flex;align-items:center}.journal-teaser .eyebrow{color:var(--muted)}
/* Inner pages share the same hierarchy and materials. */
.page-intro{background:radial-gradient(ellipse at 85% 20%,#c7d7df,#91aab8 75%);color:var(--ink);border-color:#7894a4;padding-block:50px 65px}.page-intro .eyebrow{color:var(--muted);font-size:13px}.page-intro .breadcrumb{color:var(--ink);font-size:14px}.page-intro h1{font-size:clamp(42px,5.4vw,78px);line-height:1.12;letter-spacing:-.055em}.seo-lead{color:var(--ink)}.service-directory{background:var(--silver)}.service-directory .care-list,.service-directory .care-detail p,.service-directory .care-number,.service-directory .detail-toggle,.service-directory .care-detail a{color:var(--ink)}.service-directory .care-list details,.inner-page .care-detail a{border-color:var(--line)}.practice-gallery{background:var(--silver);gap:24px}.practice-gallery img{border-radius:18px;filter:saturate(.55)}.request-section{background:var(--silver)}.request-section input,.request-section textarea{background:var(--pearl);border:1px solid #8da6b4;border-radius:12px;color:var(--ink);padding:16px;font-size:16px}.request-section input:focus,.request-section textarea:focus{outline:2px solid var(--petrol);outline-offset:3px}.spanish-content,.journal-content{background:var(--silver);color:var(--ink)}.journal-card,.journal-content details,.resource-links a{border-color:var(--line)}.journal-content .office-links{grid-template-columns:1fr 1fr;gap:24px;max-width:1000px}.journal-content .office-links>a{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.journal-content .service-links{max-width:900px}.journal-content>div>p{max-width:70ch}
.faq-layout,.service-layout,.location-layout{background:var(--silver);color:var(--ink);gap:6%;padding-block:70px}.faq-guide,.office-card,.service-aside{background:var(--petrol);color:var(--on-dark);border:1px solid #668594;border-radius:22px;box-shadow:0 18px 45px #18384410}.faq-guide .eyebrow,.office-card .eyebrow,.service-aside .eyebrow{color:var(--on-dark-muted)}.faq-guide nav a,.service-aside .service-links a{border-color:#698894}.office-links>a{border-color:#7895a3}.office-card .button{background:var(--silver);color:var(--ink);border-color:#c5d6de}.office-card .button:hover{background:var(--pearl)}.faq-list details,.content-sources{border-color:#8ba4b1}.faq-list details[open]{background:#edf2f480;border-radius:12px;padding-inline:18px;margin-inline:-18px}.faq-list summary{font-weight:500}.faq-list summary>span{color:var(--petrol)}.faq-answer a,.editorial-copy a{color:var(--petrol)}.service-links a{border-color:#8ba4b1}.service-aside a{color:var(--on-dark)}.other-office{background:var(--paper);border:1px solid var(--line);border-radius:16px}.content-sources{color:var(--muted)}.content-sources a{color:var(--petrol)}.home-faq{background:var(--silver);color:var(--ink)}.home-faq .eyebrow{color:var(--muted)}
footer{background:var(--petrol-deep);color:var(--on-dark);padding-block:55px 28px}.footer-main .brand{padding:12px 18px;background:var(--silver);border-radius:14px}.footer-main .brand-logo{width:225px}.footer-tagline,.footer-bottom,.footer-links{color:var(--on-dark)}.footer-bottom{border-color:#587785;font-size:13px;line-height:1.8}.footer-links{font-size:14px;gap:12px 25px}.footer-links a{min-height:36px;display:flex;align-items:center}.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}.back-top{font-size:12px}.back-top span{border-color:#7897a6;width:44px;height:44px}.anatomy-guide{background:var(--silver);color:var(--ink)}.anatomy-guide p,.anatomy-guide li{color:var(--muted)}.anatomy-guide a{color:var(--petrol)}.anatomy-guide section{border-color:var(--line)}.anatomy-guide footer{background:transparent;color:var(--muted)}
@media(max-width:1100px){.site-header{gap:16px;padding-inline:4%}.site-header .brand{padding:8px 10px}.brand-logo{width:205px}.desktop-nav{gap:16px}.desktop-nav a{font-size:14px}.header-cta{padding:12px 15px;font-size:13px;gap:12px}.location,.location:first-child{padding:26px}.location h3{font-size:25px}.location-phone{font-size:23px}}
@media(max-width:850px) and (min-width:761px){.header-cta{display:none}.doctor-section{gap:6%;padding-inline:6%}.experience-seal{right:-12px;width:140px}.locations{gap:16px}.location,.location:first-child{padding:22px}.location h3{font-size:23px}.location-phone{font-size:21px}.care-section{gap:6%;padding-inline:6%}.care-list h3{font-size:21px}.faq-layout,.service-layout,.location-layout{gap:4%;padding-inline:5%}.faq-guide,.office-card,.service-aside{padding:22px}}
@media(max-width:760px){.site-header{height:92px;padding-inline:5%}.site-header .brand{padding:8px 10px;border-radius:10px}.brand-logo{width:190px;max-height:68px}.mobile-nav,.inner-page .site-header+.mobile-nav{top:92px;padding:18px 7%;gap:10px}.doctor-section{padding:65px 7%;gap:42px}.doctor-photo,.doctor-photo>img{border-radius:18px}.photo-caption{border-radius:0 0 18px 18px}.experience-seal{right:-8px;top:20px}.care-section{padding:65px 7%}.patient-stories{padding:65px 7%}.review-grid article{padding:25px}.visit-section{padding:65px 7% 30px}.locations{grid-template-columns:1fr;gap:18px;padding:0}.location,.location:first-child{padding:26px;border:1px solid #8da6b4}.location h3{font-size:26px}.location-phone{font-size:24px}.visit-resources{gap:30px}.consultation-card{padding:26px}.page-intro{padding:32px 7% 45px}.page-intro h1{font-size:42px;letter-spacing:-2px}.faq-layout,.service-layout,.location-layout{padding:40px 7%;gap:32px}.faq-guide,.office-card,.service-aside{padding:26px;border-radius:18px}.faq-list details[open]{padding-inline:12px;margin-inline:-12px}.journal-content .office-links{grid-template-columns:1fr}.footer-main{gap:30px}.footer-main .brand-logo{width:195px}.footer-tagline{font-size:28px}.footer-bottom{font-size:13px}.footer-links{font-size:14px}.anatomy-guide h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.desktop-nav a::after,.care-list summary{transition:none}}
/* Grok Imagine artwork: decorative movement motif, never an anatomical substitute. */
.page-intro{background-image:linear-gradient(90deg,#a5bac5 0%,#a5bac5f2 45%,#a5bac5a6 72%,#a5bac533 100%),url('/assets/design/silver-motion-grok.jpg');background-position:center,right center;background-size:cover;background-repeat:no-repeat}.journal-teaser{background-image:linear-gradient(90deg,#aec2ce 0%,#aec2cef5 44%,#aec2ce9c 70%,#aec2ce30),url('/assets/design/silver-motion-grok.jpg');background-size:cover;background-position:center,right 62%;background-repeat:no-repeat}.journal-teaser h2{max-width:70%}.journal-teaser>div{position:relative;max-width:80%;gap:25px}.journal-teaser>div a{background:#d8e1e5e8;border:1px solid #8fa5af;border-radius:999px;padding:12px 18px;font-size:14px}
@media(max-width:760px){.page-intro{background-image:linear-gradient(90deg,#a5bac5f7,#a5bac5e8),url('/assets/design/silver-motion-grok.jpg');background-position:center,right bottom}.journal-teaser{background-image:linear-gradient(90deg,#aec2cef5,#aec2ced9),url('/assets/design/silver-motion-grok.jpg')}.journal-teaser h2,.journal-teaser>div{max-width:100%}.journal-teaser>div{gap:12px}}