.seo-breadcrumbs{max-width:1280px;margin:0 auto;padding:24px clamp(20px,4vw,64px) 0;font-size:.82rem;line-height:1.8;opacity:.8}.seo-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.seo-author{margin-top:36px;padding-top:24px;border-top:1px solid #b69a6b55;font-size:.88rem;line-height:1.8}.seo-author a{display:inline-block}.hero h1{font-size:clamp(2rem,4.3vw,4.8rem);max-width:18ch}.procedure-copy h1{font-size:clamp(2rem,3.8vw,4rem)}@media(max-width:560px){.hero h1{font-size:clamp(1.9rem,8vw,2.5rem)}.seo-breadcrumbs{padding-top:18px}}
.seo-faq{margin-top:40px}.seo-faq details{padding:18px 0;border-bottom:1px solid #b69a6b55}.seo-faq summary{cursor:pointer;font-weight:600;line-height:1.6}.seo-faq details p{margin:14px 0 0}

.circumferential-two{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.circumferential-two{grid-template-columns:1fr}}
#circumferential-blepharoplasty .upper-bleph-intro{grid-template-columns:minmax(0,1fr)}
@media(max-width:760px){
 .bleph-subnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:24px;padding-bottom:24px}
 .bleph-subnav a{display:flex;align-items:center;justify-content:center;min-height:56px;box-sizing:border-box;padding:14px 12px;border:2px solid #967244;border-radius:10px;background:#fffaf0;color:#26352f;font-size:14px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;box-shadow:0 3px 10px #70552614;touch-action:manipulation;-webkit-tap-highlight-color:#b9955933}
 .bleph-subnav a[aria-current=page]{background:#35483c;border-color:#35483c;color:#fffaf0;box-shadow:0 3px 12px #26352f26}
 .bleph-subnav a:active{transform:translateY(1px);background:#ead9b9;color:#26352f}
 .bleph-subnav a:focus-visible{outline:3px solid #b77e23;outline-offset:3px}
 html[data-theme=dark] .bleph-subnav a{background:#1b2927;color:#f5ead7;border-color:#c6a06b}
 html[data-theme=dark] .bleph-subnav a[aria-current=page]{background:#c6a06b;color:#16251f;border-color:#c6a06b}
 .bleph-card-link{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
}
@media(max-width:380px){.bleph-subnav{grid-template-columns:minmax(0,1fr)}.bleph-subnav a{min-height:52px}}

@media(max-width:760px){.bleph-subnav a{min-width:0;overflow-wrap:anywhere}.bleph-subnav a[href*="transconjunctival"],.bleph-subnav a[href*="transdermal"]{grid-column:1/-1}}
@media(max-width:560px){
 .bleph-subnav{grid-template-columns:minmax(0,1fr);gap:10px}
 .bleph-subnav a{min-height:56px;padding:14px 18px;justify-content:space-between;text-align:left;gap:14px}
 .bleph-subnav a::after{content:"›";font-size:24px;line-height:1;flex:none}
}

.hero .hero-copy .hero-experience{font-size:clamp(1.05rem,1.6vw,1.35rem);font-weight:600;line-height:1.5;color:var(--text);margin:20px 0 12px;max-width:34em}

.lower-approach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:28px}.lower-approach-grid article{scroll-margin-top:100px;padding:24px;border:1px solid var(--line)}.lower-approach-grid h3{margin:0 0 14px}.lower-approach-grid p{line-height:1.8;margin:0}@media(max-width:760px){.lower-approach-grid{grid-template-columns:1fr;gap:18px}.lower-approach-grid article{padding:20px}}

/* Card actions share the consultation button treatment. */
.bleph-card-link{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;box-sizing:border-box;min-height:48px;max-width:100%;gap:6px;padding:14px 21px;border:1px solid transparent;background:linear-gradient(120deg,var(--red),var(--gold));color:#fff8ec;font-size:12px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;letter-spacing:.4px}
.bleph-card:hover .bleph-card-link{background:#684316}
.bleph-card-copy,.procedure-copy,.content-col,.docs-aside{min-width:0}
.bleph-card-copy h3{overflow-wrap:break-word}
@media(max-width:560px){.bleph-card-link{align-self:stretch;width:100%}.bleph-card-copy{padding:22px}.bleph-card-copy h3{font-size:clamp(21px,6vw,25px)}}
/* Keep the header within small phone viewports, including scrollbar space. */
html,body{min-width:0}
@media(max-width:560px){
.header .logo{flex:1 1 auto;min-width:0;gap:8px;white-space:normal}
.header .logo-mark{flex:0 0 30px;width:30px;height:30px}
.header .logo small{max-width:100%;font-size:6px;letter-spacing:.2px;line-height:1.5;white-space:normal}
.header .header-actions{flex:0 0 auto;gap:5px}
.header{gap:8px;padding-inline:12px}
}
@media(max-width:560px){h1,h2,h3{overflow-wrap:anywhere}.upper-bleph-intro>div{min-width:0}}
@media(max-width:380px){.upper-bleph-intro{grid-template-columns:minmax(0,1fr)}.upper-bleph-icon{width:80px}}