/* Department-first directory: one scene, five clear choices, two entry paths. */
body .ss-directory .ss-wrap{width:92%;max-width:1520px;margin-inline:auto;padding-inline:0;}
body .ss-directory .sd-hero{padding:88px 0 96px;min-height:550px;background:linear-gradient(90deg,#eef8fd 0%,#eef8fdf2 34%,#eef8fd70 58%,#eef8fd00 78%),url("../clinical-scenes-20260920/skin-display-1536.webp") right 38%/cover no-repeat;}
body .ss-directory .sd-hero h1{font-size:clamp(36px,3.5vw,54px);max-width:760px;line-height:1.4;letter-spacing:-.02em;}

body .ss-directory .ss-button{border-radius:6px;min-height:52px;padding:12px 28px;background:#0075b8;}
body .ss-directory .ss-button:hover{background:#005f98;}
body .ss-directory .sd-section{padding-block:88px;}
body .ss-directory .ss-heading{margin-bottom:36px;}
body .ss-directory h2{font-size:34px;line-height:1.45;}
body .ss-directory .ss-heading>p:last-child{font-size:16px;color:#617583;}
body .ss-directory .sd-grid{grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(232px,auto));gap:20px;}
body .ss-directory .sd-card{padding:32px;border:1px solid transparent;border-radius:8px;transition:border-color .2s,transform .2s;background:#f0f7fc;}
body .ss-directory .sd-card:hover{border-color:#8cbdd7;transform:translateY(-3px);}
body .ss-directory .sd-card h3{font-size:25px;max-width:11em;}
body .ss-directory .sd-card .ss-eyebrow{font-size:10px;margin-bottom:16px;max-width:80%;}
body .ss-directory .sd-card-topics{font-size:14px;line-height:1.8;max-width:80%;margin:14px 0 28px;color:#536d7e;}
body .ss-directory .sd-card-link{font-size:14px;justify-content:flex-start;gap:20px;color:#006b9d;}
body .ss-directory .sd-card-24{grid-row:span 2;grid-column:auto;padding:36px;background:linear-gradient(180deg,#e6f5fd 0%,#e6f5fd 29%,#e6f5fd22 65%,#e6f5fdd9 100%),url("../user-home-20260914/aesthetic.webp") 66% bottom/auto 80% no-repeat;}
body .ss-directory .sd-card-24:after{display:none;}
body .ss-directory .sd-card-24 h3{font-size:32px;max-width:none;}
body .ss-directory .sd-card-24 .sd-card-topics{max-width:none;}
body .ss-directory .sd-card-34{background:#f7f3f8;--department-icon:url("../icons/medical-gynecology-blue.svg");}
body .ss-directory .sd-card-26{background:#eef7fc;--department-icon:url("../icons/medical-ent-orange.svg");}
body .ss-directory .sd-card-25{background:#f1f6fc;--department-icon:url("../icons/medical-rehabilitation-orange.svg");}
body .ss-directory .sd-card-33{background:#f0f7f5;--department-icon:url("../icons/medical-tcm-blue.svg");}
body .ss-directory .sd-card:not(.sd-card-24):after{content:"";position:absolute;right:24px;bottom:24px;width:68px;height:68px;background:var(--department-icon) center/contain no-repeat;opacity:.35;pointer-events:none;}
body .ss-directory .sd-needs{padding-top:0;padding-bottom:88px;}
body .ss-directory .sd-need-links{gap:16px;}
body .ss-directory .sd-need-links>a{min-height:76px;padding:20px 24px;border-radius:6px;border-color:#dce8f0;gap:16px;font-size:16px;transition:background-color .2s,border-color .2s;}
body .ss-directory .sd-need-links>a span{margin-left:auto;}
body .ss-directory .sd-need-links>a:before{content:"";width:30px;height:30px;flex:none;background:url("../icons/medical-aesthetic-orange.svg") center/contain no-repeat;}
body .ss-directory .sd-need-links>a:nth-child(4):before{background-image:url("../icons/medical-gynecology-blue.svg");}
body .ss-directory .sd-need-links>a:nth-child(5):before,body .ss-directory .sd-need-links>a:nth-child(6):before{background-image:url("../icons/medical-rehabilitation-orange.svg");}
body .ss-directory .sd-need-links>a:nth-child(7):before{background-image:url("../icons/medical-ent-orange.svg");}
body .ss-directory .sd-need-links>a:nth-child(8):before{background-image:url("../icons/medical-tcm-blue.svg");}
body .ss-directory .sd-approach{background:#edf6fb;}
body .ss-directory .sd-approach-grid{grid-template-columns:1fr 1.15fr;gap:96px;}
body .ss-directory .sd-steps article{padding:24px 0;gap:24px;}
body .ss-directory .sd-steps article:first-child{padding-top:0;}
body .ss-directory .sd-steps h3{font-size:21px;}
body .ss-directory .sd-steps p{font-size:15px;color:#526b7d;line-height:1.8;}
body .ss-directory .sd-contact{padding:72px 0;background:white;}
body .ss-directory .sd-contact>.ss-wrap{gap:64px;}
body .ss-directory .sd-contact p{max-width:760px;font-size:16px;color:#617583;line-height:1.8;margin-top:20px;}
@media(min-width:1800px){body .ss-directory .sd-hero{min-height:620px;padding-block:112px;}body .ss-directory .sd-grid{grid-template-rows:repeat(2,minmax(260px,auto));}}
@media(max-width:1100px){body .ss-directory .sd-grid{grid-template-columns:1fr 1fr;}body .ss-directory .sd-card-24{grid-column:1/-1;grid-row:auto;min-height:340px;background:linear-gradient(90deg,#e6f5fd 0%,#e6f5fd 30%,#e6f5fd00 75%),url("../user-home-20260914/aesthetic.webp") right center/cover no-repeat;}body .ss-directory .sd-need-links{grid-template-columns:1fr 1fr;}body .ss-directory .sd-hero{background-position:65% center;}body .ss-directory .sd-approach-grid{gap:40px;}}
@media(max-width:700px){
 body .ss-directory .ss-wrap{width:calc(100% - 48px);}
 body .ss-directory .sd-hero{padding:48px 0 56px;min-height:0;background:linear-gradient(90deg,#eef8fdfa,#eef8fde6),url("../clinical-scenes-20260920/skin-display-1536.webp") 65% center/cover no-repeat;}
 body .ss-directory .sd-hero h1{font-size:32px;}
 body .ss-directory .sd-section{padding-block:52px;}body .ss-directory h2{font-size:27px;}
 body .ss-directory .ss-heading{margin-bottom:28px;}
 body .ss-directory .sd-grid{gap:16px;grid-template-columns:1fr;grid-template-rows:auto;}
 body .ss-directory .sd-card{padding:24px;min-height:208px;}
 body .ss-directory .sd-card-24{grid-column:auto;min-height:360px;}
 body .ss-directory .sd-card h3{font-size:24px;}body .ss-directory .sd-card-24 h3{font-size:28px;}
 body .ss-directory .sd-card .ss-eyebrow{min-height:0;}
 body .ss-directory .sd-card-topics{max-width:85%;margin-bottom:24px;}
 body .ss-directory .sd-needs{padding-top:0;}
 body .ss-directory .sd-need-links{gap:12px;}
 body .ss-directory .sd-need-links>a{padding:14px 12px;gap:8px;font-size:14px;min-height:64px;}
 body .ss-directory .sd-need-links>a:before{width:22px;height:22px;}
 body .ss-directory .sd-approach-grid{grid-template-columns:1fr;gap:32px;}
 body .ss-directory .sd-contact{padding:48px 0;}body .ss-directory .sd-contact>.ss-wrap{gap:28px;}
}
@media(prefers-reduced-motion:reduce){body .ss-directory .sd-card,body .ss-directory .sd-need-links>a{transition:none;transform:none;}}
@media(max-width:700px){body .ss-directory .ss-heading h2{max-width:none;text-wrap:balance;}body .ss-directory .sd-card-24{background:linear-gradient(180deg,#e6f5fd 0%,#e6f5fd 22%,#e6f5fdd9 39%,#e6f5fd22 68%,#e6f5fdd9 100%),url("../user-home-20260914/aesthetic.webp") 65% bottom/auto 85% no-repeat;}}