/* Contrast study: clean white, charcoal structure and a focused orange accent.
   This direction borrows the reference's hierarchy, using YaYuanSu's own brand assets. */
html[data-style=orange]{--blue:#cb4620;--bright:#ed6233;--navy:#242b31;--deep:#242b31;--ink:#282c31;--muted:#70777e;--line:#e2e4e5;--pale:#f4f5f6;--accent:#e75a2b}
[data-style=orange] body{background:#fff}
[data-style=orange] .topbar{background:#f3f4f4;color:#73797e;border-top-color:#e65b2f}
[data-style=orange] .topbar i{background:#cfd3d6}
[data-style=orange] .site-header{background:#fff;border-color:#e5e6e7}
[data-style=orange] .masthead-phone{color:#df5124}
[data-style=orange] #service-menu-toggle{background:#282b2e}
[data-style=orange] .hero{background:#28323b;color:#fff;height:690px;min-height:650px;margin:0;border-radius:0;padding-bottom:0}
[data-style=orange] .hero-images{inset:0;width:100%;height:100%;z-index:-2;border-radius:0}
[data-style=orange] .hero-image{object-position:70% 45%;filter:saturate(.72);opacity:0}
[data-style=orange] .hero-image.is-active{opacity:1}
[data-style=orange] .hero-shade{display:block;inset:0;z-index:-1;background:linear-gradient(90deg,#202c38eb 0%,#26333ed9 27%,#39455080 59%,#45515b22 100%),linear-gradient(0deg,#25313b99,transparent 45%)}
[data-style=orange] .hero-inner{padding-top:76px}
[data-style=orange] .hero-copy{margin-left:0;max-width:790px}
[data-style=orange] .hero-copy:before{display:none}
[data-style=orange] .hero-copy .eyebrow{font-size:11px;letter-spacing:2.8px;color:#ffd8c8;margin-bottom:24px;display:flex;align-items:center;gap:17px}
[data-style=orange] .hero-copy .eyebrow:before{content:'';display:block;width:40px;height:3px;background:#ee6a3b}
[data-style=orange] .hero h1{font-size:clamp(47px,4.9vw,76px);line-height:1.37;font-weight:650;letter-spacing:-.6px}
[data-style=orange] .hero-emphasis{color:#ffc0a2;text-decoration:none}
[data-style=orange] .hero-english{font:10px/1.9 Arial,sans-serif;color:#d4dbe0;letter-spacing:2.2px;margin-top:20px;max-width:530px}
[data-style=orange] .hero-description{font-size:15px;line-height:1.95;color:#e0e5e8;margin-top:26px;max-width:470px}
[data-style=orange] .hero-actions{margin-top:32px;gap:35px}
[data-style=orange] .hero .button.white{background:#cb4620;color:#fff;border:1px solid #ec7a57;border-radius:0;font-size:15px;padding:16px 27px;min-height:58px}
[data-style=orange] .hero .button.white:hover{background:#b83d1b}
[data-style=orange] .hero-text-link{color:#fff;font-size:14px}
[data-style=orange] .hero-discover{display:flex;border-left:3px solid #e65b2f}
[data-style=orange] .hero-bottom{bottom:0;border-color:#ffffff40;color:#fff;padding:22px 0 24px}
[data-style=orange] .hero-chapters{color:#fff;gap:32px}
[data-style=orange] .hero-chapters button[aria-pressed=true]:before{background:#f28258}
[data-style=orange] .hero-controls{color:white;background:transparent;border-radius:0;padding:0}
[data-style=orange] .hero-controls .total{color:#c0cbd2}
[data-style=orange] .round-button{border-color:#ffffff70;color:#fff}
[data-style=orange] .round-button:hover{background:white;color:#cb4620}
[data-style=orange] .slide-track{background:#ffffff45}
[data-style=orange] .slide-track i{background:#f28258}
[data-style=orange] .hero-caption{display:block;color:#edf1f4}
[data-style=orange] .intro-strip{width:100%;max-width:none;background:#292f34;color:#fff;border:0;padding:31px max(50px,calc((100% - 1280px)/2))}
[data-style=orange] .intro-strip>div{border-color:#ffffff29}
[data-style=orange] .intro-strip strong{font-family:Arial,var(--sans);font-size:31px;color:#fff}
[data-style=orange] .intro-strip strong span{color:#d2d7db}
[data-style=orange] .intro-strip p,[data-style=orange] .strip-hours,[data-style=orange] .strip-label{color:#b7c0c7}
[data-style=orange] .intro-strip .phone-number,[data-style=orange] .strip-hours b{color:#ff9e74}
[data-style=orange] .section{padding-block:100px}
[data-style=orange] h2{font-size:42px;font-weight:650;letter-spacing:-1px;line-height:1.45}
[data-style=orange] .section-heading h2:after{width:48px;height:3px;background:#cb4620;margin-top:20px}
[data-style=orange] .button{border-radius:0}
[data-style=orange] .button.blue:hover{background:#bd3c15}
[data-style=orange] .service-tabs{border:1px solid #e1e3e4;margin-bottom:0}
[data-style=orange] .service-tabs>button{padding:23px}
[data-style=orange] .service-tabs>button[aria-selected=true]{background:#cb4620;color:#fff;box-shadow:none}
[data-style=orange] .service-tabs>button[aria-selected=true] .tab-index{color:#ffd5c3}
[data-style=orange] .tab-index{color:#aeb4b9;font:17px/1.9 Arial,sans-serif}
[data-style=orange] .service-panel{background:#f4f5f6;border:0;min-height:500px}
[data-style=orange] .service-content{padding:45px 48px}
[data-style=orange] .service-photo{min-height:500px}
[data-style=orange] .service-tags span{border-color:#d6dade;color:#64717b}
[data-style=orange] .about-section{background:#282e34;color:white}
[data-style=orange] .about-copy .eyebrow{color:#f39068}
[data-style=orange] .about-copy h2{font-size:55px}
[data-style=orange] .about-copy>p:not(.eyebrow):not(.about-lead){color:#b8c3cc}
[data-style=orange] .about-copy .text-link,[data-style=orange] .principles i{color:#f39770}
[data-style=orange] .about-image-inset{border-color:#282e34;background:#282e34}
[data-style=orange] .about-image-inset span,[data-style=orange] .about-label small{color:#bdc7cf}
[data-style=orange] .doctor-spotlight{background:#f2f4f5}
[data-style=orange] .doctor-feature-photo{background:#dfe5e8}
[data-style=orange] .doctor-card .portrait{background:#e3e8eb}
[data-style=orange] .doctor-card{border-bottom:1px solid #dce1e5;padding-bottom:12px}
[data-style=orange] .doctor-card.selected{box-shadow:inset 0 -3px #df552c;border-color:#df552c}
[data-style=orange] .filter-buttons button.selected{background:#cb4620;border-color:#cb4620}
[data-style=orange] .care-journey{background:#f3f4f5;color:var(--ink)}
[data-style=orange] .care-journey .eyebrow{color:#cb4620}
[data-style=orange] .care-journey .section-intro{color:#747e86}
[data-style=orange] .journey-steps button{color:var(--ink);border-color:#cfd5da;opacity:.55}
[data-style=orange] .journey-steps button.selected,[data-style=orange] .journey-steps button:hover{opacity:1}
[data-style=orange] .journey-steps button>span,[data-style=orange] .journey-steps small{color:#cb4620}
[data-style=orange] .journey-steps p{color:#67747e}
[data-style=orange] .spaces-section{background:#fff;color:var(--ink)}
[data-style=orange] .spaces-top .eyebrow{color:#cb4620}
[data-style=orange] .spaces-top-right>p,[data-style=orange] .space-tabs button{color:#747e86}
[data-style=orange] .space-tabs button.selected{color:#cb4620;border-color:#cb4620}
[data-style=orange] .visit-steps>div>span{color:#d6dade}
[data-style=orange] .closing{background:#cb4620}
[data-style=orange] .closing p{color:#ffded1}
[data-style=orange] .closing .button{background:#fff;color:#c5411b}
[data-style=orange] .footer{background:#f5f6f7}
[data-style=orange] .floating-tools>button{background:#cb4620}
[data-style=orange] .review-launcher{border-radius:4px}
[data-style=green] .spaces-section{background:#edf3ec;color:var(--ink)}
[data-style=green] .spaces-top .eyebrow{color:#176b59}
[data-style=green] .spaces-top-right>p,[data-style=green] .space-tabs button{color:#647b70}
[data-style=green] .space-tabs button.selected{color:#176b59;border-color:#176b59}
[data-style=green] .care-journey{background:#153f36}
[data-style=green] .care-journey .eyebrow,[data-style=green] .journey-steps small,[data-style=green] .journey-steps button>span{color:#bcd8c5}
[data-style=green] .care-journey .section-intro,[data-style=green] .journey-steps p{color:#c4d6cd}
@media(min-width:1600px){[data-style=orange] .hero{height:740px}[data-style=orange] .hero-inner{padding-top:100px}[data-style=orange] .intro-strip{padding-inline:max(70px,calc((100% - 1380px)/2))}}
@media(max-width:1240px){[data-style=orange] .hero h1{font-size:58px}[data-style=orange] .hero-inner{padding-top:83px}[data-style=orange] .intro-strip{padding-inline:35px}[data-style=orange] .service-content{padding:34px}}
@media(max-width:1000px){[data-style=orange] .hero{height:660px;min-height:630px}[data-style=orange] .hero h1{font-size:54px}[data-style=orange] .hero-chapters{gap:18px}[data-style=orange] .hero-controls .slide-track{display:none}}
@media(max-width:760px){
 [data-style=orange] .hero{height:690px;min-height:0}
 [data-style=orange] .hero-inner{padding-top:69px}
 [data-style=orange] .hero-copy{max-width:100%}
 [data-style=orange] .hero-images{inset:0;width:100%;height:100%}
 [data-style=orange] .hero-image{object-position:64% center}
 [data-style=orange] .hero-shade{background:linear-gradient(90deg,#23303bdf,#23303b85),linear-gradient(0deg,#23303b99,transparent 60%)}
 [data-style=orange] .hero h1{font-size:clamp(32px,7.8vw,49px);line-height:1.42;letter-spacing:-.8px}
 [data-style=orange] .hero-copy .eyebrow{font-size:8px;letter-spacing:1.7px;gap:10px;margin-bottom:27px}
 [data-style=orange] .hero-copy .eyebrow:before{width:18px;height:2px}
 [data-style=orange] .hero-english{font-size:8px;max-width:280px;letter-spacing:1.1px}
 [data-style=orange] .hero-description{font-size:13px;line-height:2;margin-top:26px}
 [data-style=orange] .hero-actions{margin-top:30px;gap:22px}
 [data-style=orange] .hero .button.white{font-size:13px;min-height:51px;padding:13px 20px}
 [data-style=orange] .hero-text-link{font-size:12px}
 [data-style=orange] .hero-discover,[data-style=orange] .hero-caption{display:none}
 [data-style=orange] .hero-bottom{padding:18px 0;gap:13px;color:white}
 [data-style=orange] .hero-chapters{gap:10px}
 [data-style=orange] .hero-controls{padding:0;background:transparent}
 [data-style=orange] .hero-controls .slide-track{display:block}
 [data-style=orange] .intro-strip{padding:26px 22px;gap:23px 0}
 [data-style=orange] .intro-strip>div,[data-style=orange] .intro-strip>a{padding-inline:18px}
 [data-style=orange] .intro-strip>div:first-child,[data-style=orange] .intro-strip>div:nth-child(3){padding-left:0}
 [data-style=orange] .intro-strip strong{font-size:27px}
 [data-style=orange] .intro-strip .phone-number{font-size:20px}
 [data-style=orange] .section{padding-block:64px}
 [data-style=orange] h2{font-size:28px;letter-spacing:-.8px}
 [data-style=orange] .service-tabs>button{padding:15px 12px}
 [data-style=orange] .service-tabs>button>span:nth-child(2){font-size:15px}
 [data-style=orange] .service-tabs .tab-index{font-size:12px}
 [data-style=orange] .service-tabs small{font-size:8px}
 [data-style=orange] .service-content{padding:30px 25px;order:2}
 [data-style=orange] .service-photo{min-height:290px;order:1}
 [data-style=orange] .service-content h3{font-size:25px}
 [data-style=orange] .about-copy h2{font-size:40px}
 [data-style=green] .hero{height:775px}
 [data-style=green] .hero-images{height:310px;bottom:110px}
}