/* Shared presentation for the three specialties. Clinical content and forms stay independent. */
:root{--clinic-ink:#293b32;--clinic-muted:#637067;--clinic-line:#dce2d9;--clinic-surface:#faf9f6;--clinic-radius:18px}
.grey-specialty-directory,.gsh-hub,.gcd,.gex-detail{background:var(--clinic-surface);color:var(--clinic-ink)}
.grey-specialty-directory{padding-bottom:64px}
.grey-specialty-directory .section-shell,.gsh-hub .section-shell,.gex-detail .section-shell,.gcd .wrap{width:calc(100% - 80px);max-width:1120px;margin-left:auto;margin-right:auto}
.grey-specialty-directory .section-shell .section-shell,.gsh-hub .section-shell .section-shell{width:100%}
.grey-specialty-directory{display:flow-root}
.grey-specialty-directory .section-shell,.gsh-hub .section-shell:not(.gsh-help):not(.page-cta),.gex-detail .section-shell,.gcd .wrap{padding-left:0;padding-right:0}
.grey-specialty-directory .clinic-matcher-heading{max-width:none;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:0 36px;align-items:start}
.grey-specialty-directory .clinic-matcher-heading>.section-kicker,.grey-specialty-directory .clinic-matcher-heading>h1,.grey-specialty-directory .clinic-matcher-heading>p{grid-column:1}
.grey-specialty-directory .clinic-matcher-heading>h1{font-size:38px;margin:10px 0 16px}
.grey-specialty-directory .clinic-matcher-heading>.grey-entry-help{grid-column:2;grid-row:1/5;margin:0}
.grey-specialty-directory .clinic-matcher-grid{gap:18px;border:0;margin-top:28px}
.grey-specialty-directory .clinic-matcher-grid>article{border:1px solid var(--clinic-line);border-radius:14px;padding:24px;background:#fff}
.grey-specialty-directory .grey-specialty-nav,.gsh-hub .gsh-nav{display:flex;gap:10px;flex-wrap:wrap;padding:0;margin-top:32px;margin-bottom:32px}
.grey-specialty-nav a{min-height:46px;border:1px solid #cad4c8;border-radius:999px;padding:11px 19px;font-size:14px;font-weight:600;line-height:1.4;background:#fff;color:#415246;text-align:center;text-decoration:none}
.grey-specialty-nav a:hover{background:#edf1e9}
.grey-specialty-nav a[aria-current=true],.grey-specialty-nav a[aria-current=page]{background:#435647;color:#fff;border-color:#435647}
.grey-specialty-directory h1,.gsh-heading h1,.gcd .hero h1,.gex-detail .gex-hero h1{font-size:clamp(34px,4vw,50px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.grey-specialty-directory .grey-eye-page-title{padding:12px 0 30px;margin-top:0;margin-bottom:0}
.grey-specialty-directory .clinic-matcher{padding-top:14px;padding-bottom:34px}
.grey-specialty-directory .clinics-section{padding-top:0;padding-bottom:28px}
.grey-specialty-directory .clinic-list{display:grid;grid-template-columns:1fr;gap:24px;border:0}
.grey-specialty-directory .clinics-section .clinic-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;padding:0;min-width:0;border:1px solid var(--clinic-line);border-radius:var(--clinic-radius);overflow:hidden;background:#fff;align-items:stretch}
.grey-specialty-directory .clinics-section .clinic-image-button{width:100%;height:100%;min-height:280px;aspect-ratio:auto;border:0;border-radius:0;display:block}
.grey-specialty-directory .clinic-image-button img{width:100%;height:100%;object-fit:cover;display:block}
.grey-specialty-directory .clinics-section .clinic-copy{padding:30px 34px;min-height:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.grey-specialty-directory .clinic-copy h3{font-size:26px;line-height:1.2;letter-spacing:-.025em;margin:0 0 10px}
.grey-specialty-directory .clinic-copy p{font-size:14px;line-height:1.65;color:var(--clinic-muted);margin:6px 0}
.grey-specialty-directory .clinic-copy p[lang=ko]{font-size:12px!important}
.grey-specialty-directory .clinic-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;width:100%}
.grey-specialty-directory .clinic-card-actions .clinic-link,.grey-specialty-directory .clinic-card-actions .button{margin:0;font-size:13px}
.grey-specialty-directory .clinic-row>.clinic-link{grid-column:2;margin:0 34px 30px;justify-self:start}
.grey-specialty-directory .help-explore{grid-column:1/-1}
.home-block.grey-eye-clinics .home-clinic-grid{display:block;border:0}
.home-block.grey-eye-clinics .home-clinic-grid>a{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:100%;max-width:none;border:1px solid var(--clinic-line);border-radius:var(--clinic-radius);overflow:hidden}
.home-block.grey-eye-clinics .home-clinic-grid figure{height:100%;min-height:280px;aspect-ratio:auto;border-radius:0}
.home-block.grey-eye-clinics .home-clinic-grid>a>div{min-height:280px;padding:32px;justify-content:center}
.home-block.grey-eye-clinics .home-clinic-grid h3{font-size:26px;line-height:1.2;letter-spacing:-.025em}
.home-block.grey-eye-clinics .home-clinic-grid small{font-size:14px;line-height:1.65}
.home-block.grey-eye-clinics .home-clinic-grid strong{font-size:14px;padding-top:22px;margin-top:0}
.gcl-rail .home-clinic-grid{border:0}
.gcl-rail .home-clinic-grid>a{border:1px solid var(--clinic-line);border-radius:var(--clinic-radius);overflow:hidden}
.gsh-heading{padding-top:48px;padding-bottom:0}
.gsh-heading>p:last-child{font-size:17px;margin-bottom:0}
.guc-specialty-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;background:#edf1e9;border:1px solid var(--clinic-line);border-radius:var(--clinic-radius);overflow:hidden;margin:0 0 30px}
.guc-specialty-intro>div{padding:28px 32px}
.guc-specialty-intro h2{font-size:32px;line-height:1.2;letter-spacing:-.025em;margin:0 0 12px}
.guc-specialty-intro p{font-size:15px;line-height:1.7;max-width:610px;color:var(--clinic-muted);margin:0}
.guc-specialty-intro>img{width:100%;height:190px;object-fit:cover;display:block}
.gsh-skin>.guc-specialty-intro{margin-bottom:30px}
.gsh-skin .treatment-catalog-page{padding-bottom:24px}
.gsh-hub .notice-band{border:1px solid var(--clinic-line);border-radius:12px;background:#eef2ed;padding:18px 20px;color:var(--clinic-muted);font-size:13px}
.treatment-category-tabs,.gcd .jump,.gex-detail .gex-jump{display:flex;gap:8px;flex-wrap:wrap;background:transparent;border:0;padding:0;margin:28px 0;line-height:1.4}
.treatment-category-tabs a,.gcd .jump a,.gex-detail .gex-jump a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--clinic-line);border-radius:999px;background:#fff;font-size:13px;font-weight:500;line-height:1.4;text-align:center;color:#415246;text-decoration:none}
.treatment-category-tabs a:hover,.gcd .jump a:hover,.gex-detail .gex-jump a:hover{background:#edf1e9;border-color:#9eae99}
.gsh-hub .treatment-category-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px;border:0}
.gsh-hub .treatment-category-directory>a,.gsh-procedure{display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;border:1px solid var(--clinic-line);border-radius:var(--clinic-radius);overflow:hidden;background:#fff;box-shadow:none}
.gsh-hub .treatment-category-directory>a>figure{height:200px;aspect-ratio:auto;border:0!important;border-bottom:1px solid var(--clinic-line)!important;background:#f4f4ef!important;flex:none}
.gsh-hub .treatment-category-directory>a>figure>img{width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;object-fit:contain!important;padding:22px!important;background:transparent!important}
.gsh-hub .category-directory-copy,.gsh-procedure>div{padding:24px;min-height:0;display:flex;flex-direction:column;flex:1;align-items:stretch}
.gsh-hub .category-directory-copy h2,.gsh-procedure h3{font-size:23px;line-height:1.25;letter-spacing:-.02em;margin:12px 0}
.gsh-hub .category-directory-copy>p,.gsh-procedure p{font-size:14px;line-height:1.7;color:var(--clinic-muted);margin:0 0 18px}
.gsh-hub .category-directory-copy ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 24px}
.gsh-hub .category-directory-copy li{font-size:11px;line-height:1.5;background:#f1f3ed;border-radius:5px;padding:5px 8px;color:#53624f}
.gsh-hub .category-directory-copy li::before{content:none}
.gsh-hub .category-directory-action{font-size:13px;margin-top:auto;padding-top:18px;border-top:1px solid var(--clinic-line)}
.gsh-procedure>img{height:200px}
.gsh-procedures{gap:22px}
.gsh-actions{margin-top:auto;padding-top:18px;border-top:1px solid var(--clinic-line);gap:12px}
.gsh-actions .button{width:100%}
.gsh-actions>a{align-self:center;min-height:32px;display:flex;align-items:center}
.gsh-group>h3{font-size:23px;line-height:1.3;margin-bottom:20px}
.gsh-planning{border:1px solid var(--clinic-line);border-radius:var(--clinic-radius)}
.gsh-help,.gsh-skin .page-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid var(--clinic-line);border-radius:var(--clinic-radius);padding:30px;background:#edf1e9;margin-top:38px}
.gsh-help h2,.gsh-skin .page-cta h2{font-size:25px;line-height:1.25;margin:0 0 10px}
.gsh-help p,.gsh-skin .page-cta p{font-size:14px;line-height:1.7;margin:0;color:var(--clinic-muted)}
.gsh-skin .page-cta{flex-wrap:wrap}
.gsh-skin .page-cta>p{flex-basis:100%}
.gsh-skin .page-cta>.button{margin:0}
.gcd .hero{padding-top:28px}
.gcd .crumb,.gex-crumb{font-size:13px;line-height:1.5;margin:0 0 28px;color:var(--clinic-muted)}
.gcd .hero h1{margin:12px 0 18px}
.gcd .hero-sub,.gex-detail .gex-intro{font-size:18px;line-height:1.65;color:var(--clinic-muted)}
.gex-detail .gex-hero{grid-template-columns:1fr 1.12fr;gap:40px;align-items:center}
.gex-detail .gex-hero h1{max-width:470px;margin:14px 0 20px}
.gex-detail .gex-hero figure{border-radius:0;overflow:visible}
.gex-detail .gex-hero figure>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:var(--clinic-radius);display:block}
.gex-detail .gex-hero figcaption{padding:10px 2px 0}
.gex-detail .gsh-specialist{margin-bottom:14px}
.gex-detail .gex-intro{margin:0 0 20px}
.gex-detail .gex-jump{margin:32px 0 24px}
.gcd h2,.gex-detail h2{font-size:clamp(27px,2.8vw,36px);line-height:1.2;letter-spacing:-.025em}
.gcd .section,.gex-section{scroll-margin-top:100px}
.gex-options article,.gcd .eye-price-card,.gcd .gfp-card,.gpr-editorial,.lmp-featured article{border-color:var(--clinic-line);border-radius:var(--clinic-radius);box-shadow:none}
.gcd .gfp-grid,.gpr-polished>.gpr-grid,.lmp-featured{gap:22px}
.gcd .gfp-card h3,.lmp-featured h3,.gpr-editorial h3{font-size:23px;line-height:1.25;letter-spacing:-.02em}
.gcd .gfp-body,.lmp-featured article>div,.gpr-editorial .gpr-card-body{padding:24px}
.gcd .gfp-price strong,.gpr-editorial .gpr-price strong,.lmp-featured .lmp-amount strong{font-size:28px;line-height:1.25;letter-spacing:-.025em}
.gcd .gfp-price small,.gpr-editorial .gpr-price small,.lmp-featured .lmp-amount small{font-size:11px;line-height:1.5;color:var(--clinic-muted)}
.gcd .gfp-art,.lmp-featured article>img{height:200px}
.grey-specialty-directory .button,.gsh-hub .button,.gex-detail .button,.gcd .gfp-ask,.gcd .eye-price-ask{min-height:46px;border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.4;white-space:normal;text-align:center}
.gcd .eye-price-ask{display:flex;justify-content:center;align-items:center}
:is(.grey-specialty-directory,.gsh-hub,.gex-detail,.gcd) :is(a,button,summary):focus-visible{outline:3px solid #b7794c;outline-offset:4px}
.treatment-category-page .treatment-option-list{gap:20px;border:0}
.treatment-category-page .treatment-option-list>a{border:1px solid var(--clinic-line);border-radius:var(--clinic-radius);overflow:hidden;background:#fff}
@media(max-width:1000px){.gsh-hub .treatment-category-directory,.gsh-procedures{grid-template-columns:repeat(2,minmax(0,1fr))}.grey-specialty-directory .clinic-copy h3,.home-block.grey-eye-clinics .home-clinic-grid h3{font-size:24px}.grey-specialty-directory .clinics-section .clinic-copy{padding:24px}.guc-specialty-intro>div{padding:24px}.guc-specialty-intro h2{font-size:28px}}
@media(max-width:700px){
 .grey-specialty-directory .section-shell,.gsh-hub .section-shell,.gex-detail .section-shell,.gcd .wrap{width:calc(100% - 40px)}
 .grey-specialty-directory{padding-bottom:36px}
 .grey-specialty-directory .clinic-matcher-heading{grid-template-columns:1fr}
 .grey-specialty-directory .clinic-matcher-heading>h1{font-size:30px}
 .grey-specialty-directory .clinic-matcher-heading>.grey-entry-help{grid-column:1;grid-row:auto;margin-top:18px}
 .grey-specialty-directory .grey-specialty-nav,.gsh-hub .gsh-nav{gap:8px;margin-top:22px;margin-bottom:24px}
 .grey-specialty-nav a{font-size:12px;padding:10px 13px;min-height:44px}
 .grey-specialty-directory .grey-eye-page-title{padding:6px 0 22px;font-size:34px}
 .grey-specialty-directory .clinics-section .clinic-row,.home-block.grey-eye-clinics .home-clinic-grid>a{grid-template-columns:1fr}
 .grey-specialty-directory .clinics-section .clinic-image-button,.home-block.grey-eye-clinics .home-clinic-grid figure{height:210px;min-height:0;aspect-ratio:auto}
 .grey-specialty-directory .clinics-section .clinic-copy,.home-block.grey-eye-clinics .home-clinic-grid>a>div{padding:24px;min-height:0}
 .grey-specialty-directory .clinic-row>.clinic-link{grid-column:1;margin:0 24px 24px}
 .grey-specialty-directory .clinic-card-actions{flex-direction:column;align-items:stretch;margin-top:18px}
 .gsh-heading{padding-top:30px}.gsh-heading h1{font-size:36px}.gsh-heading>p:last-child{font-size:16px}
 .guc-specialty-intro{grid-template-columns:1fr}.guc-specialty-intro>div{padding:24px}.guc-specialty-intro>img{height:155px}.guc-specialty-intro h2{font-size:28px}
 .gsh-hub .treatment-category-directory,.gsh-procedures{grid-template-columns:1fr;gap:22px}
 .treatment-category-tabs,.gcd .jump,.gex-detail .gex-jump{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:3px 2px 10px;margin-top:24px;margin-bottom:24px;max-width:100%}
 .treatment-category-tabs a,.gcd .jump a,.gex-detail .gex-jump a{flex:none;font-size:12px;white-space:nowrap;padding:10px 14px}
 .gsh-help,.gsh-skin .page-cta{flex-direction:column;align-items:stretch;padding:24px;gap:20px}
 .gsh-help .button,.gsh-skin .page-cta>.button{width:100%}
 .gcd .hero{padding-top:18px}.gcd .hero h1,.gex-detail .gex-hero h1{font-size:36px}
 .gcd .hero-sub,.gex-detail .gex-intro{font-size:16px}
 .gex-detail .gex-hero{grid-template-columns:1fr;gap:26px}.gex-detail .gex-hero figure{grid-row:1}
 .gex-detail .gex-jump{margin-top:28px}.gex-section{padding:36px 0}
 .gcd .gfp-grid,.gpr-polished>.gpr-grid,.lmp-featured{gap:22px}
 .gcd .gfp-price strong,.gpr-editorial .gpr-price strong,.lmp-featured .lmp-amount strong{font-size:28px}
}