/* /assets/experience-motion/motion.css */
/* Reference: dr-simon-chen-site/assets/styles.css. Normal document scrolling. */
@keyframes site-page-float {
  from { transform: perspective(1700px) translate3d(0,65svh,-220px) rotateX(-13deg) scale(.88); }
  to { transform: perspective(1700px) translate3d(0,0,0) rotateX(0) scale(1); }
}
html[data-motion-entrance="ready"] [data-motion-entry] {
  transform-origin:50% 100%;
  animation:site-page-float .78s cubic-bezier(.4,0,.2,1) backwards;
}
.site-reveal-pending { opacity:0; transform:translateY(18px); }
.site-reveal-pending:focus-within { opacity:1; transform:none; }
.site-motion-word { display:inline-block; }
/* The side-by-side desktop panel needs the existing three-line wording until
   there is room for the wide two-line version. Preserve tablet/phone layouts. */
@media(min-width:1101px) and (max-width:1599px) {
  html[lang|="en"] body.home #main .hero-copy h1 .hl-wide { display:none; }
  html[lang|="en"] body.home #main .hero-copy h1 .hl-narrow { display:block; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-motion-entrance="ready"] [data-motion-entry] { animation:none; }
  .site-reveal-pending { opacity:1; transform:none; }
}
body.home #experience { background:var(--paper,#f6f5ef); color:var(--navy,#183d69); }
body.home #experience .experience { display:block; }
body.home #trust .peer-number { align-items:center; }
body.home #trust .peer-plus { line-height:1; }
.experience-heading { display:flex; justify-content:space-between; align-items:baseline; gap:24px; }
#experience .experience-heading h2 { font:500 clamp(32px,3.7vw,48px)/1.12 var(--font-display); }
.experience-heading p { font-size:14px; max-width:42ch; }
.experience-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 40px; margin-top:24px; }
.experience-stat { min-width:0; padding:25px 0 27px; border-bottom:1px solid rgba(24,61,105,.2); }
#experience .glass-icon { display:block; width:56px; height:56px; margin-bottom:16px; }
#experience .experience-number { display:flex; align-items:center; color:var(--navy); font:500 clamp(48px,5.5vw,80px)/1 var(--font-display); font-variant-numeric:tabular-nums lining-nums; letter-spacing:-.045em; white-space:nowrap; }
.experience-number .peer-plus { font-size:.48em; line-height:1; margin-left:.05em; }
.experience-stat h3 { font:600 17px/1.4 var(--font-body); margin:14px 0 6px; }
.experience-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
#experience.biography-experience { margin-top:36px; padding:28px; background:var(--paper,#f6f5ef); border-top:1px solid rgba(24,61,105,.2); }
#experience.biography-experience .experience-heading { display:block; }
#experience.biography-experience h2 { font-size:clamp(28px,3vw,36px); }
#experience.biography-experience .experience-heading p { margin-top:12px; }
#experience.biography-experience .experience-number { font-size:clamp(38px,4.2vw,56px); }
#experience.biography-experience .glass-icon { width:42px; height:42px; margin-bottom:12px; }
#experience.biography-experience .experience-grid { column-gap:24px; margin-top:12px; }
#experience.biography-experience .experience-stat { padding:20px 0; }
@media(max-width:760px) {
  .experience-heading { display:block; }
  .experience-heading p { margin-top:12px; }
  .experience-grid { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:22px; margin-top:16px; }
  #experience .experience-number { font-size:clamp(38px,10.7vw,67px); }
  .experience-stat { padding:22px 0 18px; }
  .experience-stat h3 { font-size:14px; }
  #experience .glass-icon { width:46px; height:46px; margin-bottom:12px; }
  #experience.biography-experience { padding:24px 0 0; }
  #experience.biography-experience .experience-number { font-size:clamp(30px,9.5vw,50px); }
}
@media print {
  html[data-motion-entrance="ready"] [data-motion-entry] { animation:none; }
  .site-reveal-pending { opacity:1; transform:none; }
}
/* Compact care cards: title, identifying icon and destination belong together. */
body.home #main #two-specialties .duo { gap:20px; }
body.home #main #two-specialties .lift-card {
  display:grid; grid-template-columns:52px minmax(0,1fr);
  grid-template-areas:"icon label" "icon title" "copy copy" "link link";
  grid-template-rows:auto auto 1fr auto;
  gap:8px 16px; align-content:start; padding:24px 28px;
}
body.home #main #two-specialties .lift-card>.eyebrow { grid-area:label; margin:0; }
body.home #main #two-specialties .lift-card>.glass-icon {
  grid-area:icon; width:52px; height:52px; margin:0; align-self:center;
}
body.home #main #two-specialties .lift-card>h3 { grid-area:title; margin:0; min-width:0; }
body.home #main #two-specialties .lift-card>p { grid-area:copy; margin:8px 0 0; }
body.home #main #two-specialties .lift-card>a {
  grid-area:link; justify-self:stretch; display:flex; align-items:center;
  justify-content:space-between; gap:16px; min-height:44px; margin:8px 0 0;
  text-decoration:none; border-bottom:0;
}
.care-panel-label { text-decoration:underline; text-underline-offset:.2em; text-decoration-thickness:1px; }
body.home #main #two-specialties .care-panel-arrow {
  display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px;
  border:1px solid rgba(24,61,105,.18); border-radius:50%;
  background:rgba(24,61,105,.05); font:400 22px/1 var(--font-body);
  text-decoration:none;
}
body.home #main #care .condition {
  display:grid; grid-template-columns:40px minmax(0,1fr) 36px;
  grid-template-areas:"icon title arrow" "copy copy copy";
  gap:12px 10px; align-items:center; align-content:start;
  min-height:0; padding:22px 24px;
}
body.home #main #care .condition>.glass-icon { grid-area:icon; width:40px; height:40px; margin:0; }
body.home #main #care .condition>h3 { grid-area:title; min-width:0; margin:0; }
body.home #main #care .condition>p { grid-area:copy; margin:0; }
body.home #main #care .condition>.tile-arrow {
  grid-area:arrow; position:static; display:grid; place-items:center;
  width:36px; height:36px; border:1px solid rgba(24,61,105,.18);
  border-radius:50%; background:rgba(24,61,105,.05);
  font:400 22px/1 var(--font-body); color:inherit;
}
@media(max-width:760px) {
  body.home #main #two-specialties .lift-card { padding:20px; column-gap:12px; }
  body.home #main #care .condition { padding:20px; }
}
@media(min-width:761px) and (max-width:1100px) {
  body.home #main #care .condition-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:360px) {
  body.home #main #care .condition { grid-template-columns:32px minmax(0,1fr) 32px; column-gap:8px; padding:18px 16px; }
  body.home #main #care .condition>.glass-icon,
  body.home #main #care .condition>.tile-arrow { width:32px; height:32px; }
}

/* /53-referrer-navigation.css */
/* Compact disclosures with one shared mobile text edge. */
body header .menu-primary > a,
body header .menu-primary > .menu-care > summary {
  padding:10px 8px; min-height:44px; font-size:16px; line-height:1.5;
}
body header .menu-primary > .menu-care > summary {
  display:flex; justify-content:flex-start; align-items:center; gap:10px;
}
body header .menu-primary > .menu-care > summary::after {
  content:""; display:block; width:7px; height:7px; flex:0 0 7px;
  margin:0 2px 3px 0; border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor; transform:rotate(45deg);
}
body header .menu-primary > .menu-care[open] > summary::after {
  transform:rotate(225deg); margin-top:5px;
}
body header .menu-primary > .menu-care > div {padding-left:16px;}
body header .header-referrers {position:relative; border:0; padding:0; margin:0;}
body header .header-referrers > summary {
  display:flex; align-items:center; gap:10px; cursor:pointer; list-style:none;
  background:transparent; color:var(--ink); font:600 14px/1.3 var(--font-body);
  border:1px solid var(--blue); border-radius:30px; min-height:48px;
  padding:12px 18px; white-space:nowrap;
}
body header .header-referrers > summary::-webkit-details-marker {display:none;}
body header .header-referrers > summary::after {
  content:""; width:7px; height:7px; border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor; transform:rotate(45deg); margin-bottom:3px;
}
body header .header-referrers[open] > summary::after {transform:rotate(225deg);margin-top:5px;}
body header .header-referrers > summary:hover {background:var(--soft);}
body header .referrer-options {
  position:absolute; top:calc(100% + 8px); right:0; z-index:150;
  display:grid; gap:0; align-items:stretch; width:max-content; min-width:220px;
  max-width:min(320px,90vw); padding:8px; background:var(--paper);
  border:1px solid #183d6933; border-radius:12px; box-shadow:0 8px 24px #183d6918;
}
body header .referrer-options > a {
  display:block; padding:12px; min-height:44px; font:400 15px/1.5 var(--font-body);
  border-radius:6px;
}
body header .referrer-options > a:hover {background:var(--soft);}
.referrer-apps-link {margin:20px 0 0; padding-top:16px; border-top:1px solid #183d6926;}
.referrer-apps-link a {text-decoration:underline; text-underline-offset:.2em;}
@media(max-width:1100px){body header .header-referrers {display:none;}}

/* /54-header-navigation.css */
/* Clearance is applied once at the scroll container, not again at every target. */
html[data-header-clearance] {scroll-padding-top:var(--header-clearance)!important;scroll-padding-bottom:8px!important}
html[data-header-clearance] body :is(section,aside,details,[id],a,button,summary,input,select,textarea) {scroll-margin-top:0!important;scroll-margin-bottom:8px!important}
html[data-header-clearance] body>header {position:sticky!important;top:0!important;z-index:1000!important}
html[data-header-clearance] body [data-measured-sticky] {top:var(--header-clearance)!important}
html[data-header-clearance] body :is(#bio-contents,.console-rail)[data-measured-sticky] {max-height:calc(100dvh - var(--header-clearance) - 12px)!important;overflow-y:auto}
html[data-header-clearance] body>header :is(.menu-panel,.language-options,.referrer-options) {max-height:calc(100dvh - var(--header-clearance) - 12px)!important;overflow-y:auto;overscroll-behavior:contain}
html[data-header-clearance] body>header .mobile-menu>.menu-panel {top:100%!important}
/* Preserve the scrollbar space while the first-scroll lift temporarily locks scrolling. */
html[data-header-clearance]:has(body>header[data-site-header="desktop"]) {scrollbar-gutter:stable;overflow-y:scroll}
/* Existing mobile layout: only remove the white language-button fill. */
@media (max-width:1100px) {
 body>header[data-site-header="desktop"] .language-menu>summary {background:transparent!important}
}
/* Input is already locked by the lift's wheel/key handlers; do not remove the desktop scrollbar. */
html[data-header-clearance].home-lift-active:has(body>header[data-site-header="desktop"]) {overflow-y:scroll!important}

/* /assets/audit-2026-09-21/css/bundle-5e6cf5377412.css */
/* /assets/performance/care-design-8f5d94e278470939.css */


html body header .language-menu>summary,
html body header .language-menu>summary:hover,
html body header .language-menu[open]>summary{background:transparent!important}
:root{--aes-line:#c5d0d7;--aes-note:#e7edf0;--aes-ink:#183d69}

html.aes-rhythm body.interior #main>.band{padding-top:48px!important;padding-bottom:48px!important}
html.aes-rhythm body.interior #main>.page{padding-top:48px!important;padding-bottom:48px!important}
html.aes-rhythm body.interior #main .section-top{margin-bottom:24px!important;gap:28px!important}
html.aes-rhythm body.interior #main .band-inner>h2,
html.aes-rhythm body.interior #main .section-top h2,
html.aes-rhythm body.interior #main .care-topic-group>h2{max-width:none!important;font-size:clamp(30px,3.1vw,44px)!important;line-height:1.17!important;text-wrap:pretty;letter-spacing:-.015em}
html.aes-rhythm body #main :is(#cataract-pages,#lens-choice,#comfort,#questions) h2 br{display:none}
html.aes-rhythm body.cataract #main #overview{border-top:1px solid var(--aes-line);background:#f6f5ef!important}
html.aes-rhythm body.cataract #main #cataract-introduction{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:48px!important;align-items:center!important}
html.aes-rhythm body.cataract #main #overview .split-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:48px!important}
html.aes-rhythm body.cataract #main #cataract-pages{padding-bottom:36px!important}
html.aes-rhythm body.cataract #main #lens-choice{padding-top:36px!important;border-top:1px solid var(--aes-line)}
html.aes-rhythm body.cataract #main #questions{background:#f6f5ef!important;border-top:1px solid #d9cdbd}
html.aes-rhythm body.interior #main .split-content{gap:36px!important}
html.aes-rhythm body.interior #main .section-top+div{margin-top:0}

html.aes-cards body #main .condition{display:grid!important;grid-template-columns:40px minmax(0,1fr) 36px!important;grid-template-rows:auto auto!important;gap:8px 14px!important;align-content:center;align-items:center;min-height:0!important;height:auto!important;max-width:none!important;padding:22px!important;border-radius:14px!important;box-shadow:none!important;color:var(--aes-ink)!important}

html.aes-cards body #main .condition>:is(.glass-icon,.line-icon){position:static!important;grid-column:1!important;grid-row:1!important;width:40px!important;height:40px!important;margin:0!important}
html.aes-cards body #main .condition>h3{grid-column:2!important;grid-row:1!important;font:600 19px/1.4 Manrope,sans-serif!important;margin:0!important;padding:0!important;max-width:none!important}
html.aes-cards body #main .condition>p{grid-column:2/4!important;grid-row:2!important;margin:0!important;max-width:none!important;font-size:16px!important;line-height:1.55!important;color:#334d62!important}
html.aes-cards body #main .condition>.tile-arrow{display:flex!important;position:static!important;grid-column:3!important;grid-row:1!important;align-items:center;justify-content:center;width:36px!important;height:36px!important;border:1px solid #99aebf;border-radius:50%;font:400 22px/1 Manrope,sans-serif!important;transform:none!important;margin:0!important;text-decoration:none!important}
html.aes-cards body #main .condition:hover{box-shadow:none!important}
html.aes-cards body #main .condition:hover>.tile-arrow{background:#183d69;color:#fff;border-color:#183d69}

html.aes-notes body #main .matt-note{padding:24px 28px!important;border-radius:14px!important;background:var(--aes-note)!important;box-shadow:none!important;margin-top:0!important}
html.aes-notes body #main .blue .matt-note{background:#ffffff14!important}
html.aes-notes body #main .matt-note>:is(.glass-icon,.line-icon){float:left;width:36px!important;height:36px!important;margin:0 12px 12px 0!important}
html.aes-notes body #main .matt-note>h3{font:600 20px/1.5 Manrope,sans-serif!important;min-height:36px;display:flex;align-items:center;margin:0 0 12px!important}
html.aes-notes body #main .matt-note>ul,html.aes-notes body #main .matt-note>ol{clear:both;margin:8px 0 0!important;padding-left:20px!important}
html.aes-notes body #main .matt-note li{padding:3px 0!important;margin:0 0 4px!important;line-height:1.6!important}
html.aes-notes body #main .matt-note li:last-child{margin-bottom:0!important}
html.aes-notes body.cataract #main #overview .matt-note{background:#e7edf0!important;width:100%;box-sizing:border-box}

html.aes-actions body #main :is(a.pill:not(.appointment-request),a.aes-secondary){display:inline-flex!important;align-items:center;justify-content:center;gap:12px!important;min-height:48px!important;box-sizing:border-box;font:600 15px/1.45 Manrope,sans-serif!important;padding:10px 16px!important;border:1px solid #94aabb!important;border-radius:12px!important;box-shadow:none!important;backdrop-filter:none!important;background:transparent!important;color:#183d69!important;text-decoration:none!important;max-width:100%;vertical-align:middle}
html.aes-actions body #main a.aes-secondary{margin-top:18px!important}
html.aes-actions body #main .blue :is(a.pill:not(.appointment-request),a.aes-secondary){color:#fff!important;border-color:#9cbbcf!important}
html.aes-actions body #main :is(a.pill:not(.appointment-request),a.aes-secondary):hover{background:#e4ecf1!important;color:#183d69!important}
html.aes-actions body #main .aes-link-label{font:inherit!important;line-height:inherit!important;min-width:0}
html.aes-actions body #main .aes-arrow{display:inline-flex!important;align-items:center;justify-content:center;width:28px!important;height:28px!important;flex:0 0 28px;border:1px solid currentColor;border-radius:50%;font:400 19px/1 Manrope,sans-serif!important;text-decoration:none!important;opacity:.85}
html.aes-actions body #main .clinical-arrow{display:inline-flex!important;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #94aabb;border-radius:50%;text-decoration:none!important}
html.aes-actions body #main .clinical-title-link{text-decoration:none!important}
html.aes-actions body #main .split-content .pill{margin-top:18px!important;margin-right:8px;margin-bottom:4px}
html.aes-actions body #main .yt-link .aes-link-label{display:inline-flex;align-items:center;gap:10px}
html.aes-actions body #main .yt-link .aes-link-label>span{font:inherit!important}

html.aes-resources body.interior #main #related-videos{padding-left:8%!important;padding-right:8%!important;background:#f6f5ef!important;border-top:1px solid var(--aes-line)}
html.aes-resources body.interior #main #related-videos>.band-inner{width:100%!important;max-width:1200px!important;padding:0!important}
html.aes-resources body #main #related-videos .related-videos{gap:24px!important}
html.aes-resources body #main #related-videos .related-videos>div{padding:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
html.aes-resources body #main #related-videos .related-videos>div:only-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px 36px!important;align-items:start!important}
html.aes-resources body #main #related-videos .related-videos>div:only-child>a{grid-column:2!important;grid-row:1/4!important;justify-self:end!important;align-self:start!important;margin:0!important}
html.aes-resources body #main #related-videos .related-videos h3{font:600 21px/1.45 Manrope,sans-serif!important;margin:0 0 10px!important;max-width:42ch!important}
html.aes-resources body #main #related-videos .quiet-note{margin:22px 0 0!important;max-width:85ch!important;font-size:14px!important;line-height:1.6!important}
html.aes-resources body #main .booking-band{padding:32px 8%!important}
html.aes-resources body #main .booking-band .booking-inner{max-width:1200px!important;gap:16px 22px!important;grid-template-columns:36px minmax(0,1fr) auto!important;align-items:start!important}
html.aes-resources body #main .booking-inner>:is(.glass-icon,.line-icon){width:36px!important;height:36px!important;margin:0!important}
html.aes-resources body #main .booking-inner h2{font-size:34px!important;line-height:1.15!important}

html.aes-details body #main .acc{max-width:none!important;width:100%!important}
html.aes-details body #main .acc-item{background:transparent!important;border-radius:0!important;box-shadow:none!important;border:0!important;border-top:1px solid var(--aes-line)!important;margin:0!important}
html.aes-details body #main .acc-item:last-child{border-bottom:1px solid var(--aes-line)!important}
html.aes-details body #main .acc-item summary{min-height:56px!important;padding:18px 0!important;gap:24px!important}
html.aes-details body #main .acc-a{padding:0 0 22px!important;max-width:78ch}
html.aes-details body #main .acc-a>p{margin-top:0!important}
html.aes-details body #main .acc-a>p+p{margin-top:14px!important}
html.aes-details body #main .acc-a .text-link{margin-top:6px!important}

html.aes-editorial body.biography-review #main .biography-content>section>.band-inner{padding:36px 28px!important}
html.aes-editorial body.biography-review #main .lift-card{padding:22px!important;min-height:0!important;box-shadow:none!important}
html.aes-editorial body #main .visit-matte{padding:26px!important;box-shadow:none!important}
html.aes-editorial body #main .visit-matte h3{font-size:23px!important;line-height:1.35!important}
html.aes-editorial body.videos #main #library{padding-top:40px!important}
html.aes-editorial body.referrers #main .ref-sheet{padding:28px!important}
html.aes-editorial body.contact #main #next .condition-grid{align-items:start}
html.aes-editorial body #main .related-videos>div p{max-width:70ch}
html:is(.aes-actions,.aes-cards) body #main a:focus-visible{outline:3px solid #326e91!important;outline-offset:4px!important}
@media(max-width:1100px){
 html.aes-cards body #main .condition{padding:20px!important;grid-template-columns:34px minmax(0,1fr) 32px!important;gap:8px 12px!important}
 html.aes-cards body #main .condition>:is(.glass-icon,.line-icon){width:34px!important;height:34px!important}
 html.aes-cards body #main .condition>h3{font-size:18px!important}
 html.aes-cards body #main .condition>.tile-arrow{width:32px!important;height:32px!important}
 html.aes-resources body #main .booking-band .booking-inner{grid-template-columns:36px minmax(0,1fr)!important}
 html.aes-resources body #main .booking-band .booking-inner>.pill{grid-column:2!important}
}
@media(max-width:760px){
 html.aes-rhythm body.interior #main>.band,html.aes-rhythm body.interior #main>.page{padding-top:32px!important;padding-bottom:32px!important}
 html.aes-rhythm body.cataract #main #cataract-introduction{grid-template-columns:1fr!important;gap:28px!important}
 html.aes-rhythm body.cataract #main #overview .split-content{grid-template-columns:1fr!important;gap:24px!important}
 html.aes-rhythm body.interior #main .section-top{margin-bottom:20px!important}
 html.aes-rhythm body.interior #main .split-content{gap:24px!important}
 html.aes-cards body #main .condition{padding:18px!important;grid-template-columns:30px minmax(0,1fr) 30px!important;gap:8px 10px!important}
 html.aes-cards body #main .condition>:is(.glass-icon,.line-icon){width:30px!important;height:30px!important}
 html.aes-cards body #main .condition>.tile-arrow{width:30px!important;height:30px!important}
 html.aes-cards body #main .condition>h3{font-size:17px!important}
 html.aes-cards body #main .condition>p{grid-column:1/4!important;font-size:15px!important}
 html.aes-notes body #main .matt-note{padding:22px!important;margin-top:24px!important}
 html.aes-notes body #main .matt-note>h3{font-size:19px!important}
 html.aes-resources body.interior #main #related-videos{padding-left:6%!important;padding-right:6%!important}
 html.aes-resources body #main #related-videos .related-videos>div:only-child{display:block!important}
 html.aes-resources body #main #related-videos .related-videos>div:only-child>a{margin-top:18px!important}
 html.aes-resources body #main .booking-band{padding:28px 6%!important}
 html.aes-resources body #main .booking-band .booking-inner{grid-template-columns:30px minmax(0,1fr)!important;gap:12px!important}
 html.aes-resources body #main .booking-band .booking-inner>.pill{grid-column:1/-1!important;width:100%!important}
 html.aes-resources body #main .booking-inner h2{font-size:30px!important}
 html.aes-resources body #main .booking-inner>:is(.glass-icon,.line-icon){width:30px!important;height:30px!important}
 html.aes-editorial body.biography-review #main .biography-content>section>.band-inner{padding:28px 20px!important}
 html.aes-editorial body #main .visit-matte{padding:22px!important}
}


html.aes-resources[lang^="en"] body #main #related-videos h2{font-family:Bodoni,Georgia,serif!important;font-weight:500!important}
html.aes-notes body #main .pale .matt-note{background:#f6f5ef!important}
html.aes-actions body #main a.aes-inline-arrow{text-decoration:none!important}
html.aes-actions body #main a.aes-inline-arrow>.aes-link-label{text-decoration:underline;text-underline-offset:3px}
html.aes-actions body #main a.aes-inline-arrow>.aes-arrow{width:22px!important;height:22px!important;font-size:15px!important;vertical-align:middle;margin-left:6px}
html.aes-actions body #main .aes-navigation-arrow{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 28px;width:28px!important;height:28px!important;border:1px solid currentColor;border-radius:50%;font:400 19px/1 Manrope,sans-serif!important;text-decoration:none!important}
html.aes-resources body #main .booking-band .booking-inner{display:grid!important}
html.aes-resources body #main .booking-inner>.booking-copy{grid-column:2!important;grid-row:1!important}
html.aes-resources body #main .booking-inner>:is(.glass-icon,.line-icon){grid-column:1!important;grid-row:1!important}
html.aes-resources body #main .booking-inner>.booking-actions{grid-column:3!important;grid-row:1!important}
@media(max-width:1100px){html.aes-resources body #main .booking-inner>.booking-actions{grid-column:2!important;grid-row:2!important}}
@media(max-width:760px){html.aes-resources body #main .booking-inner>.booking-actions{grid-column:1/-1!important;grid-row:2!important}}


html body{--care-blue:#285b83;--care-deep:#183d69;--care-border:#bccbd4}
html.aes-cards body #main .condition{border:1px solid #b8c8d1!important}
html.aes-cards body #main .condition.warm{border-color:#cec5b7!important}
html.aes-notes body #main .matt-note{border:1px solid #c0ccd3!important}
html.aes-actions body #main :is(a.pill:not(.appointment-request),a.aes-secondary){background:var(--care-blue)!important;color:#fff!important;border:1px solid #214e72!important;box-shadow:none!important}
html.aes-actions body #main :is(a.pill:not(.appointment-request),a.aes-secondary):hover{background:#204b6e!important;color:#fff!important}
html.aes-actions body #main :is(a.yt-link,a[href*="youtube.com"].pill,a[href*="youtu.be"].pill){background:var(--care-deep)!important;color:#fff!important;border-color:#416485!important}
html.aes-actions body #main .aes-arrow{border-color:#ffffff78;opacity:1}
html.aes-actions body #main a.aes-inline-arrow>.aes-arrow{border-color:currentColor}
html.aes-actions body #main .care-panel-arrow{display:inline-flex!important;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;width:30px;height:30px;flex:0 0 30px}
html.aes-actions body #main .care-panel-label{border:0!important;background:none!important;border-radius:0!important}
html.aes-actions body #main .stretched-link{display:flex!important;justify-content:space-between!important;gap:16px!important;align-items:center!important}

html.aes-details body #main .acc-item{background:#f6f5ef!important;border:1px solid #c5d2db!important;border-radius:12px!important;box-shadow:none!important;margin:10px 0!important}
html.aes-details body #main .acc-item:last-child{border-bottom:1px solid #c5d2db!important}
html.aes-details body #main .acc-item summary{padding:18px 22px!important;min-height:58px!important}
html.aes-details body #main .acc-a{padding:0 22px 22px!important}
html.aes-resources body #main #related-videos .related-videos>div{background:#f6f5ef!important;border:1px solid #bccbd4!important;border-radius:14px!important;padding:24px!important}
html.aes-resources body #main #related-videos .related-videos>div:only-child>a{align-self:center!important;grid-row:1/3!important}
html body #main .booking-copy .clinic-phone{font-size:17px!important;margin:12px 0 0!important;font-weight:600}
html body #main .booking-copy .language-quiet{font-size:13px!important;line-height:1.5!important;margin:8px 0 0!important;font-weight:400;color:#425e73!important}
html body #main .language-quiet a{font-weight:400!important;color:inherit!important;text-decoration:underline;text-underline-offset:3px}
html body #main .language-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;max-width:1200px}
html body #main .language-compact h2{font:500 32px/1.2 Bodoni,Georgia,serif!important;margin:0 0 12px!important}
html body #main .language-compact p{margin:0!important;max-width:62ch}
html body #main .language-contacts{display:flex;align-items:flex-start;flex-direction:column;gap:12px}
html body #main .language-contacts .text-link{font-size:14px!important}
html body #main .language-support{padding:36px 8%!important}
html body #main .booking-actions{display:flex;gap:12px;flex-wrap:wrap;grid-column:3;align-self:center;max-width:390px}
html body #main .booking-actions>.pill{background:#285b83!important;color:white!important;border:1px solid #214e72!important;border-radius:12px!important;min-height:48px!important;padding:12px 16px!important;font:600 15px/1.45 Manrope,sans-serif!important;box-shadow:none!important;margin:0!important;width:100%;justify-content:center}
html body #main .single-reading-column{display:block!important;max-width:900px}
html body #main a.recovery-action{margin:20px 0 0!important;align-self:flex-start;text-decoration:none!important}
html body #main .complex-videos{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html body #main .complex-videos>div{padding:18px!important;border:1px solid #bdcbd5;border-radius:12px;background:#e8eff3}
html body #main .complex-videos .pill{font-size:14px!important;padding:10px 12px!important}

html body #main .steps .step{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:start!important;gap:14px!important;padding:22px!important}
html body #main .steps .step-plate{width:34px!important;height:34px!important;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important}
html body #main .steps .step-plate .glass-icon{width:34px!important;height:34px!important}
html body #main .steps .step-copy h3{margin:2px 0 12px!important;font-size:19px!important;line-height:1.4!important}
html body #main .sequence-number{white-space:nowrap;font:inherit;color:inherit}
html body #main .visit-matte{padding:24px!important}
html body #main .visit-matte h3{margin:0 0 16px!important}
html body #main .visit-matte .appointment-checklist{margin-top:0!important}

html body #main #lens-spatial .scrub-track{height:auto!important;min-height:0!important}
html body #main #lens-spatial .scrub-stage{position:relative!important;top:auto!important;min-height:0!important;padding:22px!important}
html body #main #lens-spatial .scrub-viewport{height:360px!important;min-height:0!important}
html body #main #lens-spatial{padding-top:36px!important;padding-bottom:36px!important}
html body #main #compare .quiet-note{font-size:15px!important;line-height:1.6!important;max-width:80ch!important;margin-top:16px!important}

html body.macular-hole #main #symptoms .symptom-grid,
html body.epiretinal-membrane #main #symptoms .symptom-grid{align-items:start!important}
html body #main #symptoms .symptom-card:not(:has(.simulator)):not(:has(input)){height:auto!important;min-height:0!important;align-self:start!important}
html body #main .erm-explanation{display:grid;grid-template-columns:1fr 1.15fr;gap:32px 48px;align-items:center}
html body #main .erm-heading h2{font:500 clamp(32px,3.5vw,49px)/1.12 Bodoni,Georgia,serif!important;margin:0 0 24px!important}
html body #main .erm-heading p{font-size:18px;line-height:1.65;max-width:46ch}
html body #main .erm-visual{margin:0;border:1px solid #c4cbd0;background:#f6f5ef;border-radius:14px;overflow:hidden}
html body #main .erm-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
html body #main .erm-visual figcaption{padding:20px 24px;border-top:1px solid #d4d8d8;font:400 15px/1.6 Manrope,sans-serif;display:block}
html body #main .erm-visual figcaption strong{font-size:19px;display:block;color:#183d69;margin-bottom:4px}
html body #main .erm-visual figcaption span{display:block}
html body #main .erm-decisions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid #c4cfd6;padding-top:28px}
html body #main .erm-decisions h3{font:600 20px/1.35 Manrope,sans-serif;margin:0 0 12px}
html body #main .erm-decisions p{font-size:16px;line-height:1.6;margin:0}
html body #main .erm-surgery-section{background:#edf2f5!important}
html body #main .oct-anatomy-label{font:500 15px Manrope,sans-serif;fill:#fff;paint-order:stroke;stroke:#070d0b;stroke-width:4px;stroke-linejoin:round}
html body #main .oct-anatomy-line{stroke:#f5f3e8;stroke-width:1.2;fill:none}
@media(max-width:1100px){html body #main .booking-actions{grid-column:2;max-width:none}html body #main .erm-explanation{gap:28px}}
@media(max-width:760px){
 html body #main .language-compact{grid-template-columns:1fr;gap:22px}
 html body #main .language-support{padding:28px 6%!important}
 html body #main .booking-actions{grid-column:1/-1;width:100%}
 html body #main .complex-videos{grid-template-columns:1fr}
 html body #main .erm-explanation{grid-template-columns:1fr}
 html body #main .erm-decisions{grid-template-columns:1fr;gap:22px}
 html body #main .erm-visual{grid-row:2}
 html body #main .erm-heading h2{font-size:34px!important}
 html body #main .steps .step{padding:18px!important}
 html.aes-resources body #main #related-videos .related-videos>div{padding:20px!important}
 html body #main #lens-spatial .scrub-viewport{height:290px!important}
}

html body #main #symptoms .compare-grid{align-items:start!important}
html body #main #symptoms .compare-text{height:auto!important;min-height:0!important;align-self:start!important}

html body #main .complex-videos>div{display:flex;flex-direction:column;gap:16px}
html body #main .complex-videos h3{font:600 20px/1.4 Manrope,sans-serif!important;margin:0!important}
html body #main .complex-videos .pill{margin-top:auto!important}
html body #main .erm-heading p+p{margin-top:16px!important}
html.aes-notes body #main :is(.visit-matte,.compare-aside){border:1px solid #c5cdd0!important}
html body #main #symptoms .compare-pair>aside{height:auto!important;min-height:0!important;align-self:start!important}
html body #main .booking-copy .language-quiet{border:0!important;padding:0!important}
@media(max-width:760px){html body #main .oct-anatomy-label{font-size:23px}}

html.aes-actions body.videos #main :is(.page,.band) a.pill{background:#183d69!important;color:#fff!important;border:1px solid #416485!important}
html body #main .booking-band .booking-inner .booking-copy .language-quiet,html body #main .booking-band .booking-inner .booking-copy .language-quiet a{font-size:13px!important;font-weight:400!important;line-height:1.5!important}
html body #main .steps .step::after,html body #main .steps::before{display:none!important}
html body #main .sequence-number{margin-right:.2em}
html.aes-notes body #main :is(.compare-text,.compare,.lift-card,.clinical-card){border:1px solid #c1cdd4!important}


html body #main .acc-item{background:#f6f5ef!important}
html body #main .band:not(.pale):not(.blue) .acc-item{background:#e8eff3!important}
html body #main :is(.acrylic-lens-feature,.acrylic-lens-launch){background:#e8eff3!important}
html body #main #related-videos .related-videos>div{background:#f6f5ef!important}
html body #main :is(.page-links a,.hero-pills.care-routes a){background-color:#e7eef2!important}
html.aes-actions body #main .page-links a{background-color:var(--care-blue)!important}
html body #main .not-for-emergencies{border:1px solid #c8c3b9!important;border-radius:12px!important;padding:16px 18px!important;background:#f6f5ef!important}
html body #main .filters .chip,html body.videos #main .chip{background-color:#e8eff3!important}
html body #main input[type="range"]{background-color:transparent!important}

html body #main .steps{gap:0!important}
html body #main .steps .step{border:0!important;border-inline-start:1px solid #bdccd5!important;border-radius:0!important;padding:16px 24px!important}
html body #main .steps .step:first-child{border-inline-start:0!important;padding-inline-start:0!important}
html body #main .steps .step:has(>.step-link){display:block!important}
html body #main .steps .step-link{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:start!important;gap:12px!important;width:100%!important;min-width:0!important;padding:0!important}
html body #main .steps .step-copy{min-width:0!important;width:auto!important}
html body #main .steps .step-copy h3{display:block!important;font-size:18px!important}
html body #main .steps .step-copy p{font-size:16px!important;line-height:1.65!important;max-width:none!important}
html body #main .steps .step-link::after{display:none!important}
html body #main .steps .step-heading-number{display:inline!important;background:none!important;color:inherit!important;border:0!important;padding:0!important;margin:0 .3em 0 0!important;width:auto!important;height:auto!important;font:inherit!important}
html body #main .steps .step-heading-number::after{content:':'!important}
html body #main .surgery-photo-crop{overflow:hidden;border-radius:14px;height:450px;min-width:0}
html body #main .surgery-photo-crop img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:left 20%!important;transform:scale(1.12);transform-origin:left 20%;border-radius:0!important}

html body #main #laser-introduction.laser-intro{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;align-items:center!important;gap:40px!important}
html body #main .laser-intro-copy{min-width:0}
html body #main .laser-intro .intro{max-width:none!important}
html body #main .laser-intro h1{font-size:clamp(36px,3.7vw,54px)!important;line-height:1.08!important}
html body #main .laser-intro .page-links{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:24px!important}
html body #main .laser-intro .page-links a{font-size:14px!important;min-height:44px!important;padding:10px 14px!important}
html body #main .laser-visual{margin:0!important;border:1px solid #c1cdd4;border-radius:14px;overflow:hidden;background:#f6f5ef;min-width:0}
html body #main .laser-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
html body #main .laser-visual figcaption{border-top:1px solid #d6d9d6;padding:16px 20px;font:400 15px/1.6 Manrope,sans-serif;color:#385a73;background:#edf2f4}
html body #main .laser-featured-case .related-videos>div{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(240px,350px)!important;gap:24px!important;align-items:center!important}
html body #main .laser-featured-case .related-videos>div>.laser-case-copy{grid-column:1!important;min-width:0}
html body #main .laser-featured-case .related-videos>div>.pill{grid-column:2!important;grid-row:1!important;margin:0!important}
html body #main .laser-featured-case h3{font-size:22px!important;margin:0 0 12px!important}
html body #main .laser-featured-case p{margin:0!important;max-width:65ch}
@media(max-width:1100px){
 html body #main .steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body #main .steps .step{padding:22px!important}
 html body #main .steps .step:first-child{padding-inline-start:22px!important}
 html body #main .steps .step:nth-child(odd){border-inline-start:0!important}
 html body #main .steps .step:nth-child(n+3){border-top:1px solid #bdccd5!important}
 html body #main #laser-introduction.laser-intro{gap:28px!important}
}
@media(max-width:760px){
 html body #main .steps{grid-template-columns:1fr!important}
 html body #main .steps .step{border-inline-start:0!important;border-top:1px solid #bdccd5!important;padding:22px 0!important}
 html body #main .steps .step:first-child{border-top:0!important;padding-inline-start:0!important}
 html body #main .surgery-photo-crop{height:300px}
 html body #main #laser-introduction.laser-intro{grid-template-columns:1fr!important;gap:24px!important}
 html body #main .laser-featured-case .related-videos>div{grid-template-columns:1fr!important;gap:20px!important}
 html body #main .laser-featured-case .related-videos>div>.pill{grid-column:1!important;grid-row:auto!important;justify-self:start}
}


html body #main .retina-reason-list a{background-color:#e8eff3!important}
html body #main .chip[aria-pressed="true"]{background-color:#285581!important;color:#fffaf2!important;border-color:#285581!important}
html body #main .steps .step::before{display:none!important}


html body #main .laser-visual figcaption strong{display:block;font-size:15px;font-weight:700;margin:0 0 3px;color:#183d60}
html body #main .laser-visual figcaption span{display:block}
html body #main .laser-process-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center;margin:28px 0}
html body #main .laser-process-layout .laser-process{grid-column:1;grid-row:1;margin:0;max-width:none}
html body #main .laser-process-layout .laser-process li{grid-template-columns:44px minmax(0,1fr);gap:6px 18px;padding:20px 0}
html body #main .laser-process-layout .laser-process li:first-child{border-top:0;padding-top:0}
html body #main .laser-process-layout .laser-process li:last-child{padding-bottom:0}
html body #main .laser-process-layout .laser-process li:before{grid-column:1;grid-row:1 / span 2}
html body #main .laser-process-layout .laser-process h3{grid-column:2;margin:4px 0 0}
html body #main .laser-process-layout .laser-process p{grid-column:2;margin:0}
html body #main .laser-process-visual{grid-column:2;grid-row:1}
@media(max-width:1000px){
 html body #main .laser-process-layout{gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
}
@media(max-width:760px){
 html body #main .laser-process-layout{grid-template-columns:minmax(0,1fr);gap:28px;margin:24px 0}
 html body #main .laser-process-visual{grid-column:1;grid-row:1}
 html body #main .laser-process-layout .laser-process{grid-column:1;grid-row:2}
 html body #main .laser-process-layout .laser-process li{grid-template-columns:38px minmax(0,1fr);gap:6px 14px}
 html body #main .laser-visual figcaption{padding:14px 16px}
}

html.aes-actions body #main .aes-arrow-label{display:inline-flex;align-items:center;gap:8px;max-width:100%;text-decoration:none!important}
html.aes-actions body #main .aes-arrow-label>.aes-arrow{width:22px!important;height:22px!important;flex-basis:22px;font-size:15px!important;border-color:currentColor}
html.aes-actions body #main .reason-link{text-decoration:none!important}

/* /assets/patient-visuals/patient-visuals-93ae3c06cb27ffc5.css */
.patient-figure{margin:34px 0 0;overflow:hidden;border:1px solid #d5dfdf;border-radius:18px;background:#fbfaf6;grid-column:1/-1;min-width:0}
.patient-figure>a{display:block;line-height:0}
.patient-figure img{display:block;width:100%;height:auto;max-height:700px;object-fit:contain}
.patient-figure figcaption{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d5dfdf;line-height:1.65;font-size:15px}
.patient-figure figcaption p{margin:0;max-width:78ch;font-size:inherit;line-height:inherit}
.patient-enlarge{flex-shrink:0;display:inline-flex;align-items:center;min-height:48px;font-size:14px;text-decoration:underline;text-underline-offset:4px;color:#183d69}
.patient-figure video{display:block;width:100%;height:auto;max-height:700px;background:#f6f5ef;aspect-ratio:3/2}
.patient-transcript{margin:0 24px 20px;font-size:14px;border:0!important;padding:0!important}
.patient-transcript summary{min-height:48px;display:flex;align-items:center;text-decoration:underline;cursor:pointer;padding:0!important}
.patient-transcript p{line-height:1.7;max-width:85ch;font-size:14px}
.patient-lightbox{width:calc(100vw - 32px);max-width:1640px;max-height:94dvh;padding:0;border:1px solid #aabcc8;border-radius:18px;background:#f6f5ef;color:#183d69}
.patient-lightbox::backdrop{background:#10273dd9}
.patient-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;border-bottom:1px solid #d5dfdf}
.patient-lightbox button{font:inherit;font-size:14px;min-height:48px;padding:8px 16px;background:white;color:#183d69;border:1px solid #aabcc8;border-radius:24px;cursor:pointer}
.patient-lightbox-scroll{overflow:auto;max-height:calc(94dvh - 78px)}
.patient-lightbox img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(94dvh - 84px);margin:auto;object-fit:contain}
.patient-lightbox[data-zoom=true] img{max-width:none;max-height:none;width:1536px}
.patient-lightbox button:focus-visible,.patient-enlarge:focus-visible,.patient-figure>a:focus-visible,#two-specialties .care-route summary:focus-visible{outline:3px solid #285581;outline-offset:4px}
#two-specialties .care-routes{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
#two-specialties .care-route{background:#e8eef2;border:1px solid #ccd8e1!important;border-radius:18px!important;padding:0!important;overflow:hidden;margin:0!important;min-width:0}
#two-specialties .care-route:nth-child(2){background:#eee8de;border-color:#dfd6c9!important}
#two-specialties .care-route>summary{position:relative;display:grid!important;grid-template-columns:1fr 58px;gap:6px 18px;padding:28px!important;cursor:pointer;list-style:none!important;min-height:230px;align-content:center}
#two-specialties .care-route>summary::after{display:none!important}
#two-specialties .care-route>summary .eyebrow{grid-column:1;font-size:12px;letter-spacing:.1em}
#two-specialties .care-route>summary h3{grid-column:1;margin:0;font-size:clamp(24px,2.3vw,32px);line-height:1.2}
#two-specialties .care-route>summary .route-hint{grid-column:1;font-size:15px;line-height:1.65;margin:3px 0 7px}
#two-specialties .care-route>summary .glass-icon{grid-column:2;grid-row:1/4;width:58px;height:58px;align-self:center}
#two-specialties .route-action{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:600;min-height:30px}
#two-specialties .route-chevron{font-size:25px;line-height:1;transition:transform .15s}
#two-specialties .care-route[open] .route-chevron{transform:rotate(45deg)}
#two-specialties .route-less{display:none}#two-specialties .care-route[open] .route-more{display:none}#two-specialties .care-route[open] .route-less{display:inline}
#two-specialties .route-content{padding:0 28px 24px}
#two-specialties .route-content>p{margin:0 0 18px!important;font-size:15px;line-height:1.7}
#two-specialties .route-links{display:grid;gap:0;border-top:1px solid #b8c8d3}
#two-specialties .route-links a{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:13px 0;border-bottom:1px solid #b8c8d3;font-size:15px;line-height:1.5;color:#183d69;text-decoration:none}
#two-specialties .route-links a:hover,#two-specialties .route-links a:focus-visible{text-decoration:underline;text-underline-offset:4px}
#two-specialties .care-route:nth-child(2) .route-links,#two-specialties .care-route:nth-child(2) .route-links a{border-color:#d1c6b5}
#two-specialties .route-support{display:flex;flex-wrap:wrap;gap:12px 30px;align-items:center;margin-top:24px;font-size:15px;line-height:1.6}
#two-specialties .route-support a{color:#183d69;text-underline-offset:4px;min-height:48px;display:inline-flex;align-items:center}
.care-urgent{padding:17px 20px;margin:16px 0 0;max-width:none;border:1px solid #d5dfdf;border-radius:18px;font-size:14px;line-height:1.7;background:#faf9f5}
.care-urgent a{text-underline-offset:4px;color:#183d69}
#care{scroll-margin-top:150px}
.erm-explanation .patient-figure{grid-column:1/-1;margin:12px 0 0;grid-row:auto}
.floater-watch .patient-youtube{width:50px;height:36px;display:block;flex-shrink:0}
@media(max-width:760px){#two-specialties .care-routes{grid-template-columns:1fr;gap:14px}#two-specialties .care-route>summary{padding:22px!important;min-height:180px;grid-template-columns:1fr 48px;gap:5px 12px}#two-specialties .care-route>summary h3{font-size:25px}#two-specialties .care-route>summary .glass-icon{width:48px;height:48px}#two-specialties .route-content{padding:0 22px 18px}#two-specialties .route-support{gap:0 18px;margin-top:16px}.patient-figure{margin-top:24px}.patient-figure figcaption{padding:16px 18px;display:block;font-size:14px}.patient-enlarge{margin-top:6px}.patient-transcript{margin:0 18px 18px}.patient-lightbox-bar{padding:8px 12px}.patient-lightbox-bar strong{font-size:13px}.patient-lightbox button{font-size:13px;padding:8px 12px}.care-urgent{padding:16px}.erm-explanation .patient-figure{margin-top:0}}
@media(prefers-reduced-motion:reduce){#two-specialties .route-chevron{transition:none}}

/* Compact local proposal: section rhythm, balanced cards and early illustrations. */
body.patient-refined #main .band{padding-block:36px!important}
body.patient-refined.home #main .band{padding-block:48px!important}
body.patient-refined #main .page{padding-block:36px!important}
body.patient-refined #main .section-top{margin-bottom:24px!important;gap:28px}
body.patient-refined #main .split-content{gap:32px;align-items:start}
body.patient-refined #main .patient-figure{margin:24px 0;min-width:0}
body.patient-refined #main .patient-figure figcaption{padding:16px 20px;gap:16px;align-items:start}
body.patient-refined #main .patient-figure figcaption p{font-size:15px;line-height:1.65}
body.patient-refined #main .opening-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:center;max-width:1200px;margin:auto}
body.patient-refined #main .opening-grid .intro{width:auto;max-width:none;margin:0;padding:0}
body.patient-refined #main .opening-grid .intro h1{font-size:clamp(38px,4vw,58px);line-height:1.08}
body.patient-refined #main .opening-grid .lead{max-width:40ch}
body.patient-refined #main .opening-grid .patient-figure{grid-column:auto;margin:0}
body.patient-refined #main .opening-grid .patient-figure figcaption{display:block}
body.patient-refined #main .opening-grid .patient-enlarge{margin-top:4px;min-height:44px}
body.patient-refined #main .opening-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1200px;margin:24px auto 0;align-items:stretch}
body.patient-refined #main .opening-gallery .patient-figure{grid-column:auto;margin:0;display:flex;flex-direction:column}
body.patient-refined #main .opening-gallery figcaption{flex:1;display:block}
body.patient-refined #main .opening-gallery figcaption a{color:inherit;text-underline-offset:3px}
body.patient-refined #main .opening-gallery .patient-enlarge{min-height:44px;margin-top:4px}
body.patient-refined #main .page-links{margin-top:24px!important}
body.patient-refined #main .compare-grid{align-items:stretch!important;gap:20px}
html body.patient-refined #main #symptoms .compare-grid>.compare,html body.patient-refined #main #symptoms .compare-grid>.compare-text{align-self:stretch!important;height:auto!important;min-width:0}
body.patient-refined #main .compare-grid>.compare{display:flex;flex-direction:column}
body.patient-refined #main .compare figcaption{display:flex;flex-direction:column;flex:1;padding:20px}
body.patient-refined #main .compare-controls{margin-top:auto;padding-top:16px;gap:10px}
body.patient-refined #main .compare-note-group{margin-top:20px}
body.patient-refined[data-patient-page="retinal-detachment"] #symptoms .compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}
body.patient-refined[data-patient-page="floaters"] #symptoms .compare-grid{grid-template-columns:1.08fr 1fr;grid-template-rows:1fr 1fr}
body.patient-refined[data-patient-page="floaters"] #symptoms .compare-grid>.compare{grid-column:1;grid-row:1/3}
body.patient-refined[data-patient-page="floaters"] #symptoms .compare-text{grid-column:2;display:flex;flex-direction:column;justify-content:center}
body.patient-refined #main .erm-explanation{display:block}
body.patient-refined #main .erm-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;align-items:start;max-width:none}
body.patient-refined #main .erm-heading h2{grid-column:1;grid-row:1/3;margin:0}
body.patient-refined #main .erm-heading p{grid-column:2;margin:0 0 16px}
body.patient-refined #main .erm-decisions{margin-top:20px;gap:24px}
body.patient-refined #main .vr-feature{margin-block:24px;padding-top:24px}
body.patient-refined #main .vr-introduction{margin-bottom:22px}
body.patient-refined #main .vr-panels,body.patient-refined #main .vr-rows{gap:20px}
body.patient-refined #main .vr-panel,body.patient-refined #main .vr-row{padding:22px}
body.patient-refined #two-specialties .care-route>summary{min-height:190px;padding:24px!important}
@media(min-width:1401px){body.patient-refined.home #main .cinema{height:780px;min-height:720px;max-height:900px}}
@media(max-width:1000px){
 body.patient-refined #main .opening-grid{grid-template-columns:1fr;gap:24px}
 body.patient-refined #main .opening-grid .lead{max-width:70ch}
 body.patient-refined #main .opening-grid .patient-figure{width:100%;max-width:820px;margin-inline:auto}
 body.patient-refined #main .opening-grid .patient-figure img{max-height:500px}
 body.patient-refined #main .opening-gallery{grid-template-columns:1fr}
}
@media(max-width:760px){
 body.patient-refined #main .band,body.patient-refined.home #main .band{padding-block:32px!important}
 body.patient-refined #main .page{padding-block:28px!important}
 body.patient-refined #main .section-top{margin-bottom:20px!important}
 body.patient-refined #main .split-content{gap:24px}
 body.patient-refined #main .opening-grid .intro h1{font-size:40px}
 body.patient-refined #main .patient-figure figcaption{padding:16px}
 body.patient-refined #main .compare-grid{gap:16px}
 body.patient-refined[data-patient-page="retinal-detachment"] #symptoms .compare-grid,body.patient-refined[data-patient-page="floaters"] #symptoms .compare-grid{grid-template-columns:1fr;grid-template-rows:auto;grid-auto-rows:auto}
 body.patient-refined[data-patient-page="floaters"] #symptoms .compare-grid>.compare,body.patient-refined[data-patient-page="floaters"] #symptoms .compare-text{grid-column:auto;grid-row:auto}
 body.patient-refined #main .erm-heading{display:block}
 body.patient-refined #main .erm-heading h2{margin-bottom:20px}
 body.patient-refined #two-specialties .care-route>summary{min-height:172px;padding:20px!important}
}

@media(min-width:761px){
 html body.patient-refined #main #symptoms .compare-text{display:flex;flex-direction:column;justify-content:center}
 body.patient-refined[data-patient-page="retinal-detachment"] #symptoms .compare-stage{aspect-ratio:2.3;max-height:260px}
 body.patient-refined[data-patient-page="retinal-detachment"] #what .patient-figure img{max-height:560px}
}
/* Scrubbing is direct: generic motion rules must not delay SVG path geometry. */
body.patient-refined .oct-live .oct-scan path,body.patient-refined .oct-live .oct-scan polyline{transition:none!important}

body.patient-refined #main .laser-path{margin-top:22px}
body.patient-refined #main .laser-path .pill{max-width:100%;text-align:left;gap:14px}
.patient-refined[data-patient-page="retinal-vein-occlusion"] .opening-grid {align-items:center}
.patient-refined[data-patient-page="retinal-vein-occlusion"] .rvo-treatment {max-width:780px}
.patient-refined[data-patient-page="retinal-vein-occlusion"] .rvo-treatment>.pill {margin-top:20px}

/* /assets/patient-visuals/header-links-3f2c3548a28a2d99.css */
/* Keep the main destinations visible on ordinary desktop and tablet widths. */
@media(min-width:761px){
 body>header[data-site-header="desktop"]>nav[aria-label="Main"]{display:flex!important;align-items:center;justify-content:center;gap:22px;flex:0 1 auto}
 body>header[data-site-header="desktop"]>nav[aria-label="Main"]>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;white-space:nowrap}
}
@media(min-width:1400px) and (max-width:1750px){
 body>header[data-site-header="desktop"]{padding-inline:28px!important;gap:24px!important}
 body>header[data-site-header="desktop"] .header-actions{gap:12px!important}
 body>header[data-site-header="desktop"] .pill.book{font-size:13px!important;padding-inline:16px!important}
 body>header[data-site-header="desktop"] .mobile-menu{display:none!important}
}
@media(min-width:761px) and (max-width:1399px){
 body>header[data-site-header="desktop"]{flex-wrap:wrap!important;row-gap:0!important;height:auto!important;padding-block:10px 0!important}
 body>header[data-site-header="desktop"]>nav[aria-label="Main"]{order:3;flex-basis:100%;width:100%;border-top:1px solid #dce2e8;margin-top:10px;min-height:46px}
}

/* /assets/shared/patient-expansion-style-c604d98e8334.css */
/* Scoped English navigation proposal. */
body>header[data-site-header="desktop"]{overflow:visible;z-index:120}
body>header>nav[aria-label="Main"] .nav-group{position:relative;display:flex;align-items:center;gap:0}
body>header>nav[aria-label="Main"] .nav-group>a,body>header>nav[aria-label="Main"]>a{font-size:14px;font-weight:600;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.nav-arrow,.site-search-trigger{appearance:none;border:0;background:transparent;color:var(--ink,#183d69);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:inherit;border-radius:10px;flex-shrink:0}
.nav-arrow{width:32px;height:44px;padding:6px}.nav-arrow svg{width:13px;height:13px;transition:transform .15s}.nav-arrow[aria-expanded=true] svg{transform:rotate(180deg)}
.nav-arrow:hover,.nav-arrow[aria-expanded=true],.site-search-trigger:hover{background:#e9edf0}
.nav-arrow:focus-visible,.site-search-trigger:focus-visible,.nav-dropdown a:focus-visible,.search-close:focus-visible,.search-results a:focus-visible{outline:3px solid #315f89;outline-offset:3px}
.nav-dropdown{position:absolute;left:-16px;top:calc(100% - 1px);width:290px;max-width:calc(100vw - 32px);padding:10px;background:#fffefb;border:1px solid #dce2e8;border-radius:16px;box-shadow:0 12px 32px #183d691b;display:grid;gap:2px}
.nav-dropdown[hidden]{display:none!important}.nav-dropdown a{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.4;color:#263647;border-radius:9px;text-decoration:none;white-space:normal}.nav-dropdown a:hover{background:#f0f3f4;color:#183d69}
.site-search-trigger{width:44px;height:44px;border:1px solid #dce2e8;background:transparent}.site-search-trigger svg{height:19px;width:19px}
.site-search{box-sizing:border-box;position:fixed;inset:9vh 16px auto;margin:0 auto;width:min(640px,calc(100% - 32px));max-height:82dvh;overflow:auto;border:1px solid #dce2e8;border-radius:20px;padding:28px;color:#263647;background:#fffefb;box-shadow:0 20px 80px #10233333;font-family:inherit}
.site-search::backdrop{background:#10233366}.search-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.site-search h2{font-size:25px;margin:0;line-height:1.2;letter-spacing:-.03em;color:#183d69}.search-close{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border:1px solid #dce2e8;border-radius:50%;background:transparent;color:#183d69;font:24px/1 inherit;cursor:pointer}.search-close svg{height:20px;width:20px}
.search-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.site-search input{box-sizing:border-box;font:16px/1.5 inherit;font-family:inherit;width:100%;border:1px solid #98aabc;border-radius:12px;padding:14px 16px;color:#263647;background:white;outline-offset:3px}.search-status{font-size:13px;color:#526171;margin:12px 0 16px}.search-results{list-style:none;padding:0;margin:0;display:grid;gap:4px}.search-results li{margin:0}.search-results a{display:block;border-radius:12px;padding:12px;text-decoration:none;color:#263647;background:#f3f5f4}.search-results a:hover{background:#e9edef}.search-results strong{display:block;color:#183d69;font-size:15px;line-height:1.5}.search-results span{display:block;font-size:13px;line-height:1.55;color:#526171;margin-top:3px}.search-suggestions{display:flex;gap:8px;flex-wrap:wrap}.search-suggestions button{font:inherit;font-size:13px;border:1px solid #dce2e8;border-radius:99px;background:#f4f5f0;padding:10px 14px;color:#183d69;cursor:pointer;min-height:44px}.search-note{font-size:12px;color:#526171;line-height:1.5;margin:18px 0 0}
.faq-jumps{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 26px}.faq-jumps a{font-size:13px;display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #dce2e8;border-radius:30px;background:#fffefa;color:#183d69;text-decoration:none}.faq-group{scroll-margin-top:190px;margin:30px 0 0}.faq-group h3{font-size:19px;line-height:1.4;margin:0 0 14px;color:#183d69}.faq-intro{max-width:650px;color:#526171}.referrer-welcome{margin-top:28px;max-width:850px;padding:26px 30px;border:1px solid #dce2e8;background:#f3f4ee;border-radius:18px}.referrer-welcome h2{font-size:22px;line-height:1.35;letter-spacing:-.025em;margin:0 0 14px}.referrer-welcome p{font-size:16px;line-height:1.75;margin:0 0 13px;max-width:76ch}.referrer-welcome .referrer-signature{font-weight:650;font-size:14px;color:#183d69;margin:0}.review-care-note{margin-top:22px;padding:20px 24px;border:1px solid #dce2e8;border-radius:18px;background:#f3f4ee}.review-care-note h3{font-size:18px;margin:0 0 10px}.review-care-note p{margin:0;line-height:1.7}
/* One horizontal desktop bar; compact navigation on narrower screens. */
@media(min-width:761px){
 body>header[data-site-header="desktop"]{display:flex!important;flex-wrap:nowrap!important;height:88px!important;min-height:88px!important;padding:12px 28px!important;gap:20px!important;align-items:center!important}
 body>header[data-site-header="desktop"]>.brand{flex-shrink:0}
 body>header[data-site-header="desktop"]>nav[aria-label="Main"]{display:flex!important;order:0!important;flex:0 0 auto!important;width:auto!important;border:0!important;margin:0!important;min-height:44px!important;gap:14px!important}
 body>header[data-site-header="desktop"]>.header-actions{flex:0 0 auto!important;flex-wrap:nowrap!important;margin-left:auto;gap:8px!important}
 body>header[data-site-header="desktop"] .mobile-menu{display:none!important}
 body>header[data-site-header="desktop"] .pill.book{font-size:14px!important;padding-inline:18px!important;white-space:nowrap}
 body>header[data-site-header="desktop"] .header-referrers>summary{font-size:13px!important;padding-inline:12px!important;white-space:nowrap}
}
@media(min-width:1200px) and (max-width:1399px){
 body>header[data-site-header="desktop"]{padding-inline:18px!important;gap:12px!important}
 body>header[data-site-header="desktop"]>.brand{gap:9px!important;min-width:0!important}
 body>header[data-site-header="desktop"] .brand>span{font-size:18px!important}
 body>header[data-site-header="desktop"] .brand small{font-size:11px!important}
 body>header[data-site-header="desktop"] .brand img{width:32px!important;height:32px!important}
 body>header[data-site-header="desktop"]>nav[aria-label="Main"]{gap:8px!important}
 body>header[data-site-header="desktop"] .nav-group>a{font-size:13px!important}
 body>header[data-site-header="desktop"] .nav-arrow{width:24px}
 body>header[data-site-header="desktop"] .pill.book{font-size:13px!important;padding-inline:14px!important}
 body>header[data-site-header="desktop"]>.header-actions{gap:6px!important}
 body>header[data-site-header="desktop"] .language-menu>summary{padding-inline:12px!important}
}
@media(min-width:761px) and (max-width:1199px){
 body>header[data-site-header="desktop"]>nav[aria-label="Main"]{display:none!important}
 body>header[data-site-header="desktop"] .mobile-menu{display:block!important}
 body>header[data-site-header="desktop"] .header-referrers{display:none!important}
}
@media(min-width:761px) and (max-width:1000px){
 body>header[data-site-header="desktop"]{padding-inline:18px!important;gap:12px!important}
 body>header[data-site-header="desktop"] .pill.book{font-size:12px!important;padding-inline:13px!important}
 body>header[data-site-header="desktop"] .brand{min-width:0!important;gap:8px!important}
 body>header[data-site-header="desktop"] .brand>span{font-size:16px!important}
 body>header[data-site-header="desktop"] .brand small{font-size:10px!important}
 body>header[data-site-header="desktop"] .brand img{width:30px!important;height:30px!important}
 body>header[data-site-header="desktop"]>.header-actions{gap:6px!important}
 body>header[data-site-header="desktop"] .language-menu>summary{padding-inline:12px!important}
}
@media(max-width:760px){.site-search-trigger{width:40px;height:44px;background:transparent;border:0}.header-actions{column-gap:4px!important}.site-search{padding:20px;inset-block-start:20px;max-height:calc(100dvh - 40px)}.site-search h2{font-size:23px}.referrer-welcome{padding:20px;margin-top:20px}.referrer-welcome h2{font-size:20px}.referrer-welcome p{font-size:15px}.faq-group{scroll-margin-top:30px}.faq-jumps{gap:7px}.faq-jumps a{font-size:12px;padding-inline:11px}}
@media(prefers-reduced-motion:reduce){.nav-arrow svg{transition:none}}
.site-search h2{font-family:Manrope,Arial,sans-serif}.nav-arrow svg{min-width:13px;min-height:13px;max-width:13px;max-height:13px}.nav-dropdown{max-height:calc(100dvh - 155px);overflow-y:auto;overscroll-behavior:contain}.search-suggestions[hidden]{display:none}
@media(max-width:760px){body>header[data-site-header="desktop"]{grid-template-columns:minmax(0,1fr) 40px auto 40px!important;column-gap:4px!important}body>header>.header-actions>.site-search-trigger{grid-column:2;grid-row:1}body>header>.header-actions>.language-menu{grid-column:3!important;grid-row:1}body>header .mobile-menu{grid-column:4!important;grid-row:1}.site-search input{font-size:16px}}
@media(max-width:360px){body>header[data-site-header="desktop"]{padding-inline:12px!important;grid-template-columns:minmax(0,1fr) 32px auto 32px!important;column-gap:2px!important}body>header .site-search-trigger{width:32px}body>header .brand{gap:6px!important}body>header .brand img{width:24px!important;height:24px!important}body>header .brand>span{font-size:13px!important}body>header .brand small{font-size:9px!important}body>header .language-menu>summary{padding-inline:8px!important}body>header .mobile-menu>summary{padding-inline:6px!important;min-width:32px!important}}
body.referrers #main .referrer-masthead{grid-column:1/-1;display:grid;grid-template-columns:1fr 2.1fr;gap:48px;align-items:start}body.referrers #main .referrer-masthead .study-intro{padding:0!important;margin:0;max-width:none}body.referrers #main .referrer-masthead h1{font-size:clamp(38px,3.4vw,48px);line-height:1.12;margin:20px 0;max-width:13ch}body.referrers #main .referrer-masthead .study-lead{font-size:18px;line-height:1.6;margin:0;max-width:none}body.referrers #main .referrer-masthead .referrer-welcome{margin:0;max-width:none}body.referrers #main .referrer-masthead .referrer-welcome h2{font-family:Manrope,Arial,sans-serif;font-size:21px}
@media(max-width:1000px){body.referrers #main .referrer-masthead{grid-template-columns:1fr;gap:22px}body.referrers #main .referrer-masthead h1{max-width:22ch;margin:0 0 16px}body.referrers #main .referrer-masthead .referrer-welcome{padding:22px}body.referrers #main .referrer-masthead .study-lead{font-size:17px}}

/* Independent desktop columns keep clinic details beside the welcome. */
body.referrers #main .referrer-content>.referrer-welcome{margin:0 0 28px;max-width:none}
body.referrers #main .referrer-content>.referrer-welcome h2{font-family:Manrope,Arial,sans-serif;font-size:21px}

@media(max-width:850px){body.referrers #main .referrer-content>.referrer-welcome{margin-top:24px}}

.pe-section .band-inner>h2{margin-bottom:24px}.pe-section p{max-width:78ch;margin:0 0 18px;line-height:1.75}.pe-section p:last-child{margin-bottom:0}.pe-section h3,.care-principles h3,.pe-note h3{font:650 19px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 10px}.pe-section a:not(.pill),.pe-link a,.pe-note a{color:#183d69;text-decoration:underline;text-underline-offset:4px}.pe-lead{font-size:18px}.pe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px;margin:24px 0}.pe-grid article{padding:24px;border:1px solid #dce2e8;border-radius:18px;background:#f3f4ee}.pe-grid article p{font-size:16px;line-height:1.75}.pe-grid article a{font-size:15px}.pe-note{padding:22px 26px;margin:24px 0;border:1px solid #dce2e8;border-radius:18px;background:#f3f4ee}.pe-note p{font-size:16px;line-height:1.75;margin:0 0 14px}.pe-note p:last-child{margin-bottom:0}.pe-extra-faq{margin-top:16px}.pe-link{margin-top:24px}.care-introduction{margin:24px 0;max-width:84ch}.care-introduction p{margin:0 0 16px;line-height:1.75}.care-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 38px}.care-principles article{padding:24px;border-radius:18px;background:#f3f4ee;color:#183d69;border:1px solid #dce2e8}.care-principles p{font-size:15px;line-height:1.75}.pe-opening .intro{max-width:830px}.pe-opening .patient-figure{max-width:1000px;margin:30px auto 0}.pe-opening .patient-figure img{width:100%;height:auto}.pe-jumps{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.pe-jumps a{padding:12px 18px;border:1px solid #dce2e8;border-radius:30px;font-size:14px;background:#fffefa}.interactive-clinic-map{aspect-ratio:800/420;position:relative;background:#e9edef;border:1px solid #dce2e8;border-radius:16px;overflow:hidden}.page-referrers .clinic-map .interactive-clinic-map iframe{display:block;width:100%;height:100%;border:0;position:absolute;inset:0}.interactive-clinic-map noscript img{width:100%;height:100%;object-fit:cover}.map-help{font-size:12px!important;line-height:1.6;margin:10px 0 16px!important}.map-help a{text-decoration:underline}.gas-alert{background:#edf2f5}.pe-section{scroll-margin-top:110px}
.nested-dropdown{overflow:visible;max-height:none}.nav-subgroup{position:relative}.nav-subtrigger{width:100%;min-height:48px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:18px;background:transparent;font:600 14px/1.4 Manrope,Arial,sans-serif;padding:12px;color:#263647;border-radius:9px}.nav-subtrigger>span:last-child{font-size:22px;font-weight:400}.nav-subtrigger:hover,.nav-subtrigger[aria-expanded=true]{background:#edf1f2;color:#183d69}.nav-subtrigger:focus-visible{outline:3px solid #315f89;outline-offset:1px}.nav-subpanel{position:absolute;left:100%;top:0;width:290px;max-height:calc(100dvh - 140px);overflow:auto;overscroll-behavior:contain;padding:10px;background:#fffefb;border:1px solid #dce2e8;border-radius:14px;box-shadow:0 12px 32px #183d691b}.nav-subpanel[hidden]{display:none!important}.nav-subgroup.submenu-left>.nav-subpanel{left:auto;right:100%}.mobile-submenu{border-top:1px solid #dce2e8!important;border-bottom:0!important;padding:0!important}.mobile-submenu>summary{display:flex!important;justify-content:space-between;align-items:center;min-height:48px;padding:12px!important;font:600 14px/1.4 Manrope,Arial,sans-serif!important;cursor:pointer;list-style:none}.mobile-submenu>summary::after{content:'+';font-size:20px}.mobile-submenu[open]>summary::after{content:'−'}.mobile-submenu>summary::-webkit-details-marker{display:none}.mobile-submenu>div{padding:0 0 8px 14px!important}.mobile-submenu>div>a{font-size:14px!important;min-height:44px!important}
@media(max-height:640px){.nested-dropdown{max-height:calc(100dvh - 135px);overflow:auto}.nav-subpanel,.nav-subgroup.submenu-left>.nav-subpanel{position:static;width:100%;box-shadow:none;max-height:none;background:#f4f6f5}}
@media(max-width:760px){.pe-grid,.care-principles{grid-template-columns:1fr;gap:14px}.pe-grid article,.care-principles article{padding:20px}.pe-note{padding:20px}.pe-section h3,.care-principles h3{font-size:18px}.pe-section p{font-size:16px}.pe-opening .patient-figure{margin-top:22px}.pe-jumps{gap:8px}.pe-jumps a{font-size:13px;padding:10px 14px}.pe-section{scroll-margin-top:24px}.interactive-clinic-map{aspect-ratio:1/1}.care-principles{margin-bottom:26px}}

.interactive-clinic-map iframe:not([src]){display:none}
.pe-at-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0}.pe-at-glance article{background:#f3f4ee;border:1px solid #dce2e8;border-radius:18px;padding:22px}.pe-at-glance h2{font:650 17px/1.4 Manrope,Arial,sans-serif;margin:0 0 10px}.pe-at-glance p{font-size:15px;line-height:1.7;margin:0}.pe-guide-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.pe-guide-links>a{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:18px;background:#f3f4ee;border:1px solid #dce2e8;text-decoration:none!important}.pe-guide-links strong{font-size:18px}.pe-guide-links span{font-size:15px;line-height:1.6}.pe-guide-links>a:hover{background:#e9eee8}.pe-source{font-size:14px}.vei-logo-link{display:inline-flex;flex-shrink:0}.vei-name-link{color:inherit;text-decoration:none}.vei-name-link:hover{text-decoration:underline;text-underline-offset:4px}.vei-logo-link:focus-visible,.vei-name-link:focus-visible{outline:3px solid #315f89;outline-offset:4px;border-radius:3px}.profile-dropdown{max-height:calc(100dvh - 125px);overflow:auto;overscroll-behavior:contain}.profile-dropdown>a{min-height:42px}.pe-guide-opening{padding-bottom:36px}
@media(max-width:760px){.pe-at-glance,.pe-guide-links{grid-template-columns:1fr;gap:12px}.pe-at-glance article{padding:18px}.pe-at-glance{margin:24px 0}.pe-guide-links>a{padding:20px}.pe-guide-opening .pe-jumps a{padding:10px 12px}}
/* Scope summary typography above the inherited patient-page heading rules. */
html body #main .pe-guide-opening .pe-at-glance h2{font:650 18px/1.4 var(--font-body);letter-spacing:0;margin:0 0 10px}
html body #main .pe-guide-opening .pe-at-glance p{font:400 16px/1.65 var(--font-body);margin:0}
.pe-publication{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:32px;margin-top:28px;padding:28px;border:1px solid #dce2e8;border-radius:18px;background:#f3f4ee}
.pe-publication-cover{display:block;max-width:180px;box-shadow:0 3px 14px #183d6914}.pe-publication-cover img{width:100%;height:auto;border-radius:3px}.pe-publication h3{margin:10px 0 16px;font:500 25px/1.25 var(--font-editorial)}.pe-publication p{margin:0 0 16px}.pe-publication .eyebrow{font-size:11px;line-height:1.6}.pe-publication .pe-publication-meta{font-size:13px;line-height:1.65}.pe-communication-copy{max-width:850px}.pe-communication-copy p+p{margin-top:18px}.care-principles article>a{display:inline-block;margin-top:14px;font-size:14px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.pe-publication{grid-template-columns:1fr;gap:24px;padding:22px}.pe-publication-cover{width:125px}.pe-publication h3{font-size:24px}.pe-publication .pill{max-width:100%}}

.pe-philosophy{max-width:900px;background:#f3f4ee;border:1px solid #dce2e8;border-radius:18px;padding:28px}.pe-philosophy p+p{margin-top:20px}@media(max-width:600px){.pe-philosophy{padding:22px}}
.clinic-location-trigger{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:6px;width:auto;height:44px;padding:0 10px;font-size:13px;font-weight:600;white-space:nowrap;border:1px solid #dce2e8;border-radius:10px;color:#183d69;background:transparent;text-decoration:none}
.clinic-location-trigger svg,.menu-clinic-location svg{width:19px;height:19px;flex-shrink:0}
.clinic-location-trigger:hover{background:#e9edf0}
.clinic-location-trigger:focus-visible,.clinic-location :is(a,button):focus-visible,.menu-clinic-location:focus-visible{outline:3px solid #315f89;outline-offset:3px}
header .menu-primary .menu-clinic-location{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px}
.clinic-location{box-sizing:border-box;position:fixed;inset:5vh 16px auto;margin:0 auto;width:min(650px,calc(100% - 32px));max-height:90dvh;overflow:auto;overscroll-behavior:contain;border:1px solid #dce2e8;border-radius:18px;padding:26px;color:#263647;background:#fffefb;box-shadow:0 20px 80px #10233333;font-family:inherit}
.clinic-location::backdrop{background:#10233366}
.clinic-location-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:14px}
.clinic-location-heading .eyebrow{font-size:12px;line-height:1.5;margin:0 0 7px}
.clinic-location h2{font-family:Manrope,Arial,sans-serif;font-size:26px;line-height:1.3;margin:0;color:#183d69;letter-spacing:-.035em}
.clinic-location-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #dce2e8;border-radius:50%;color:#183d69;background:transparent;cursor:pointer}
.clinic-location-close svg{width:20px;height:20px}
.clinic-location address{font-style:normal;font-size:17px;line-height:1.6;margin-bottom:18px}
.clinic-location-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.clinic-location .pill{font-size:14px;line-height:1.4;min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:10px 15px}
.clinic-location-map{height:280px;overflow:hidden;border:1px solid #dce2e8;border-radius:14px;background:#e9edef}
.clinic-location-map iframe{width:100%;height:100%;border:0;display:block}
.clinic-location-links{margin:16px 0 8px;font-size:14px;line-height:1.6}
.clinic-map-note{margin:0;font-size:12px;line-height:1.6;color:#526171}
@media(min-width:1200px) and (max-width:1279px){
 body>header[data-site-header="desktop"]{padding-inline:14px!important;gap:8px!important}
 body>header[data-site-header="desktop"]>.header-actions{gap:4px!important}
 body>header[data-site-header="desktop"] .pill.book{padding-inline:10px!important}
 body>header[data-site-header="desktop"] .header-referrers>summary{padding-inline:8px!important}
}
@media(min-width:761px) and (max-width:900px){.clinic-location-trigger svg{display:none}}
@media(max-width:760px){
 body>header>.header-actions>.clinic-location-trigger{display:none}
 .clinic-location{inset-block-start:16px;max-height:calc(100dvh - 32px);padding:20px}
 .clinic-location h2{font-size:22px}.clinic-location address{font-size:16px}
 .clinic-location-map{height:240px}
}
@media(max-width:360px){.pe-years{gap:12px}.pe-years-number{font-size:54px}.pe-years p{font-size:14px!important}}
/* Preserve equal treatment-card action baselines over the shared button margin. */
html.aes-actions body #main .floater-options a.aes-secondary{margin-top:auto!important}
#main .pe-section .acrylic-lens-feature{margin-bottom:0;background:#f3f4ee;border:1px solid #dce2e8}
#main .pe-section .acrylic-lens-copy p{margin-bottom:18px}
#main .pe-section .acrylic-lens-launch-copy button{flex-shrink:0}

/* Local preview remains available when an embedded map is blocked. */
.clinic-map-preview{display:block;overflow:hidden;border:1px solid #dce2e8;border-radius:14px;background:#f3f4ee;color:#183d69;text-decoration:none}
.clinic-map-preview img{display:block;width:100%;height:auto}
.clinic-map-preview>span{display:block;padding:13px 18px;font-size:15px;font-weight:600;text-align:center}
.clinic-map-preview:hover>span{text-decoration:underline;text-underline-offset:4px}
.clinic-map-preview:focus-visible{outline:3px solid #315f89;outline-offset:4px}
.clinic-location .clinic-location-map{height:auto;border:0;background:transparent}
.clinic-location-map img{max-height:270px;object-fit:cover}

/* Clinic contact details remain visible alongside the footer shortcuts. */
html body .site-footer .footer-essential.footer-clinic-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:20px 36px}
.footer-clinic-details .footer-shortcuts{display:flex;flex-wrap:wrap;gap:4px 26px;align-items:start}
.footer-clinic-details address{margin:0;font-style:normal}
html body .site-footer .footer-essential.footer-clinic-details a{margin:0;padding:8px 0;font:400 14px/1.65 var(--font-body);color:inherit}
.footer-clinic-details .footer-clinic-address strong{font-weight:600}
.footer-clinic-details .footer-clinic-phone{white-space:nowrap}
.footer-clinic-details .footer-clinic-phone span{font-weight:600}
.footer-clinic-details a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){html body .site-footer .footer-essential.footer-clinic-details{grid-template-columns:minmax(0,1fr) auto}.footer-clinic-details .footer-shortcuts{grid-column:1/-1}}
@media(max-width:600px){html body .site-footer .footer-essential.footer-clinic-details{grid-template-columns:1fr;gap:12px}.footer-clinic-details .footer-shortcuts{display:block}html body .site-footer .footer-essential.footer-clinic-details a{font-size:16px;padding:10px 0}}

/* /assets/refinements-2026-09-18/refinements.css */
/* Dr Simon Chen — approved homepage and clinic-location refinements.
   Release build, 18 September 2026.

   Carries items 1, 2, 4, 5, 6, 7 and 8 of Simon's 18 September review. Item 3
   was rejected, so it appears nowhere here and leaves no trace in the published
   pages.

   Loaded last in the head so it settles the cascade without editing the shared
   stylesheets other pages depend on. Every rule is scoped to its component. */


/* -------------------------------------------------------------------------
   Item 2 — wide-desktop header balance.

   The header is a flex row of brand, navigation and actions, already set to
   justify-content:space-between. A `margin-left:auto` on .header-actions was
   absorbing all the free space before that could take effect, so the
   navigation sat hard against the brand with a gap before the actions.
   Releasing that one margin lets space-between share the room evenly, which
   is all this change does. Below 1100px the phone and tablet menu takes over
   and nothing here applies.
   ------------------------------------------------------------------------- */
@media (min-width:1101px){
  body>header[data-site-header="desktop"] .header-actions{margin-left:0}
}


/* -------------------------------------------------------------------------
   Item 4 — circled expand control on the two care routes.

   The bare "+" glyph was easy to miss at the right-hand end of the action
   row. An outlined circle gives it a target shape. The fill stays transparent
   so each card keeps its own background colour through the circle; only the
   outline marks it. The existing open-state rule still rotates it 45 degrees
   into a close mark.
   ------------------------------------------------------------------------- */
#two-specialties .route-chevron{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:32px;
  height:32px;
  border-radius:50%;
  border:1px solid rgba(24,61,105,.42);
  background:transparent;
  color:#183d60;
  font-size:25px;
  line-height:0;
  padding-bottom:2px;
}
#two-specialties .care-route summary:hover .route-chevron{
  border-color:rgba(24,61,105,.75);
}
#two-specialties .care-route summary:focus-visible .route-chevron{
  border-color:#183d60;
}


/* -------------------------------------------------------------------------
   Item 5 — Planning your care alignment.

   The band was a two-column grid with the heading spanning both columns and
   the two children vertically centred, so the checklist panel floated below
   the heading and out of step with the copy. The heading and the copy are now
   one column block (build.py adds the .planning-main wrapper) and the panel
   sits beside them from the same top edge.
   ------------------------------------------------------------------------- */
body #main #planning-care .planning-main>h2{margin:0 0 18px}

@media (min-width:761px){
  body #main #planning-care .band-inner{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    column-gap:56px;
    row-gap:24px;
    align-items:start;
  }
  body #main #planning-care .planning-main{grid-column:1;min-width:0}
  body #main #planning-care .planning-main>h2{margin:0 0 20px}
  body #main #planning-care .planning-aside{
    grid-column:2;
    margin-top:6px; /* optical alignment with the heading's cap height */
  }
}


/* -------------------------------------------------------------------------
   Item 6a — a hairline at the top and bottom of the trusted-by band, so the
   change of colour reads as a deliberate edge.
   ------------------------------------------------------------------------- */
#trust.band.pale{
  border-top:1px solid rgba(24,61,105,.2);
  border-bottom:1px solid rgba(24,61,105,.2);
}


/* -------------------------------------------------------------------------
   Item 6b — one continuous rule between the two rows of surgical figures,
   and no rule beneath the second row.

   Each figure previously carried its own bottom border, so the line broke at
   every column gap and repeated under the last row. A single full-width rule
   element (added by build.py) sits between the rows instead.
   ------------------------------------------------------------------------- */
@media (min-width:761px){
  #experience .experience-grid>.experience-stat{border-bottom:0}
  #experience .experience-grid>.experience-rule{
    grid-column:1 / -1;
    height:0;
    margin:0;
    border-top:1px solid rgba(24,61,105,.2);
  }
}
@media (max-width:760px){
  /* Two columns here, so a single rule between "rows" has no meaning; only the
     closing line under the final row is removed. */
  #experience .experience-grid>.experience-rule{display:none}
  #experience .experience-grid>article.experience-stat:nth-of-type(n+5){border-bottom:0}
}


/* -------------------------------------------------------------------------
   Item 7 — the patient-communication link moves out of the middle card.

   With the link inside it, the middle card set the height of all three. The
   link now sits on its own line beneath the row, in the same button treatment
   used further down the section.
   ------------------------------------------------------------------------- */
#why-choose .care-principles{margin-bottom:16px}
#why-choose .care-principles-links{margin:0 0 34px}
html.aes-actions body #main #why-choose .care-principles-links a.aes-secondary{margin-top:0!important}


/* -------------------------------------------------------------------------
   Item 8b — the two referral panels take the card colour used above them.
   ------------------------------------------------------------------------- */
#why-choose .vr-feature .vr-panels>.vr-panel{
  background:#f3f4ee;
  color:#183d69;
  border:1px solid #dce2e8;
  border-radius:18px;
}

/* /assets/footer-2026-09-18/copyright.css */
/* Dr Simon Chen — footer copyright line, 18 September 2026.

   One line, added as the last item in the quiet block at the foot of every
   main page, under the Acknowledgement of Country and the Website privacy
   link. Deliberately the quietest text in the footer: a notice, not a claim
   for attention.

   The 404 page has its own small footer with no external stylesheet, so the
   line there inherits that footer's own type and colour and needs nothing
   from this file. */

.site-footer .footer-quiet .footer-copyright{
  margin:10px 0 0;
  color:#b9c8d4;
  font-size:13px;
  line-height:1.6;
}

/* /assets/iphone-review-2026-09-18/heading-font.css */
/* Option B heading font, approved by Simon 18 September 2026.

   Every heading that rendered in Bodoni, and every lead-in line in Petrona, now
   renders in Manrope — the font of the headings Simon finds clear ("Cataracts &
   lenses", "Bring to your appointment").

   Rather than chase ~30 rules, two CSS variables and many page-specific overrides,
   the two family names are re-pointed at static Manrope instances. Each face below
   repeats the descriptors of an existing Bodoni/Petrona face exactly, so this later
   declaration replaces it in font matching. size-adjust scales only these faces
   (Manrope's taller lowercase would otherwise read ~16% larger than Bodoni did),
   and applies nowhere else — unlike font-size-adjust it is not inherited.

   Files: static instances of the site's existing variable Manrope (wght 650 for
   headings, 500 for lead-ins), made with fontTools instancer. */

@font-face{font-family:Bodoni;src:url("/assets/iphone-review-2026-09-18/manrope-650.woff2") format("woff2");size-adjust:86%;font-display:swap}
@font-face{font-family:Bodoni;src:url("/assets/iphone-review-2026-09-18/manrope-650.woff2") format("woff2");font-weight:400 800;size-adjust:86%;font-display:swap}
@font-face{font-family:Bodoni;src:url("/assets/iphone-review-2026-09-18/manrope-650.woff2") format("woff2");font-weight:500;size-adjust:86%;font-display:swap}

@font-face{font-family:Petrona;src:url("/assets/iphone-review-2026-09-18/manrope-500.woff2") format("woff2");font-weight:400 800;size-adjust:86%;font-display:swap}
@font-face{font-family:Petrona;src:url("/assets/iphone-review-2026-09-18/manrope-500.woff2") format("woff2");font-weight:600;size-adjust:86%;font-display:swap}

/* /assets/iphone-review-2026-09-18/iphone-review.css */
/* iPhone review, 18 September 2026. Loaded last on every page it touches. */

/* 1. Phone quick bar waits for the first scroll, so it never covers the opening
      buttons. The html.qn-hold class is set by a one-line head script, so with
      JavaScript off the bar simply shows as before. */
@media (max-width:760px){
  .mobile-quick-nav,body.v13.v13.v13.v13.v13.v13.v13 .mobile-quick-nav{
    transition:transform .3s ease,visibility 0s linear 0s}
  html.qn-hold:not(.qn-revealed) .mobile-quick-nav,
  html.qn-hold:not(.qn-revealed) body.v13.v13.v13.v13.v13.v13.v13 .mobile-quick-nav{
    transform:translateY(110%);visibility:hidden;
    transition:transform .3s ease,visibility 0s linear .3s}
}
@media (prefers-reduced-motion:reduce){
  .mobile-quick-nav,body.v13.v13.v13.v13.v13.v13.v13 .mobile-quick-nav{transition:none!important}
}

/* 2. Search results grouped by page, with topic filters and a curated best match. */
.search-filters{display:flex;gap:6px;overflow-x:auto;margin:0 -2px 12px;padding:2px;scrollbar-width:none}
.search-filters::-webkit-scrollbar{display:none}
.search-filters[hidden]{display:none}
.search-filter{flex:0 0 auto;font:inherit;font-size:13px;font-weight:600;min-height:38px;padding:7px 13px;border-radius:99px;
  border:1px solid #dce2e8;background:#fff;color:#183d69;cursor:pointer;white-space:nowrap}
.search-filter[aria-pressed="true"]{background:#1c4f7c;border-color:#1c4f7c;color:#fff}
.search-filter:focus-visible{outline:3px solid #315f89;outline-offset:2px}
.search-results{gap:8px}
.search-results .search-page > a{padding:13px 14px 12px}
.search-results .is-best > a{background:#e4edf5;box-shadow:inset 0 0 0 1px #c9d9e8}
.search-results .search-best{display:block;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:#1c4f7c;margin-bottom:3px}
.search-results .search-sections{list-style:none;margin:2px 0 0;padding:0 0 0 14px;display:grid;gap:0}
.search-results .search-sections a{display:flex;align-items:center;min-height:36px;padding:4px 0;background:none;border-radius:0;
  font-size:13.5px;font-weight:600;color:#1c4f7c;line-height:1.35}
.search-results .search-sections a::before{content:"↳";margin-right:7px;color:#8aa0b5;font-weight:400}
.search-results .search-sections a:hover{background:none;text-decoration:underline}
.search-more{display:block;width:100%;margin:10px 0 0;min-height:44px;font:inherit;font-size:14px;font-weight:600;color:#183d69;
  background:#fff;border:1px solid #dce2e8;border-radius:12px;cursor:pointer}
.search-more[hidden]{display:none}
.search-more:focus-visible{outline:3px solid #315f89;outline-offset:2px}

/* 3. "Close menu" lines up with the menu links beneath it (they carry 8px of
      left padding; the close button had none). */
html body .mobile-menu .menu-panel .menu-close{padding-left:8px;padding-right:8px}

/* 5. Slider cards without the Reset row: no empty controls strip is left. */
.compare figcaption > :last-child{margin-bottom:0}

/* 7. Cataract questions without the topic buttons: intro sits closer to the
      first question group. */
#faq .faq-intro{margin-bottom:0}
#faq .section-top + .faq-group{margin-top:18px}

/* /assets/ai-search-2026-09-18/ai-search.css */

/* Homepage heading: phone line breaks drawn in CSS so the text exists once */
.hl-narrow[data-hl]::before{display:block;white-space:pre-line;text-align:left}
.hl-narrow[data-hl="en"]::before{content:"Cataract surgery\A with the retina\A in mind"}
.hl-narrow[data-hl="zh-Hans"]::before{content:"白内障手术\A同时兼顾\A视网膜"}
.hl-narrow[data-hl="zh-Hant"]::before{content:"白內障手術\A同時兼顧\A視網膜"}

/* Reviewed-by line: footer quiet block, styled like the copyright notice */
.site-footer .footer-quiet .footer-reviewed{margin:10px 0 0;color:#b9c8d4;font-size:13px;line-height:1.6}
.site-footer .footer-quiet .footer-reviewed + .footer-copyright{margin-top:2px}

/* /assets/simon-review-2026-09-18/simon-review.css */
/* Simon's 15-point mobile review, 18 September 2026. Loaded last on every page.
   Options are classes on <html> (see build.py). Phone = max-width 760px. */

/* ---- Desktop: "For referrers" is now a direct link (was a menu) ---------------- */
body header a.header-refer-link {
  display:flex; align-items:center; background:transparent; color:var(--ink);
  font:600 14px/1.3 var(--font-body); border:1px solid var(--blue); border-radius:30px;
  min-height:48px; padding:12px 18px; white-space:nowrap; text-decoration:none;
}
body header a.header-refer-link:hover { background:var(--soft); }
body header a.header-refer-link .hr-mob { display:none; }
body header a.header-refer-link .destination-language { display:none; }
@media (min-width:761px) {
  body>header[data-site-header] a.header-refer-link { font-size:13px; padding-inline:12px; }
}
@media (min-width:1200px) and (max-width:1279px) {
  body>header[data-site-header] a.header-refer-link { padding-inline:8px; }
}
@media (min-width:761px) and (max-width:1199px) {
  body>header[data-site-header] a.header-refer-link { display:none; }
}
@media (max-width:760px) {
  body>header[data-site-header] a.header-refer-link { display:none; }
}

/* Phone menu: For referrers first, Apps for clinicians last */
.mobile-menu .menu-referrers-link { border-top:1px solid #183d6025; }
.mobile-menu .destination-language { font-size:.85em; opacity:.75; }

/* ---- 3. Phone header referral button ------------------------------------------ */
body>header .appointment-request .bk-label, body>header .appointment-request .bk-long { font:inherit !important; color:inherit; display:inline !important; margin:0 !important; padding:0 !important; }
@media (max-width:760px) {
  html.v3-split body>header[data-site-header] {
    display:flex !important; flex-wrap:wrap; align-items:center; column-gap:6px; row-gap:10px;
  }
  html.v3-split body>header[data-site-header] .brand { flex:1 1 auto; min-width:0; }
  html.v3-split body>header[data-site-header]::after { content:""; order:9; flex:0 0 100%; height:0; }
  html.v3-split body>header[data-site-header] .appointment-request .destination-language {
    position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;
  }
  html.v3-split body>header[data-site-header] .appointment-request .bk-long { display:none !important; }
  html.v3-split body>header[data-site-header] .appointment-request {
    order:10; flex:1 1 0; min-width:0; padding-inline:10px !important; white-space:nowrap;
  }
  html.v3-split body>header[data-site-header] a.header-refer-link {
    display:flex !important; order:11; flex:0 0 auto; align-self:stretch; justify-content:center; min-height:48px;
    padding:0 16px; border:1.5px solid var(--blue); border-radius:40px; background:#ffffffb3;
    font:600 15px/1.2 var(--font-body);
  }
  html.v3-link body>header[data-site-header] a.header-refer-link {
    display:block !important; grid-column:1 / -1; min-height:0; margin:-4px 0 0; padding:4px 0 2px;
    border:0; border-radius:0; text-align:center; background:none; color:var(--blue);
    font:600 14px/1.4 var(--font-body); text-decoration:underline; text-underline-offset:.2em;
  }
  html.v3-link body>header[data-site-header] a.header-refer-link .hr-mob::after { content:" →"; }
  body>header[data-site-header] a.header-refer-link .hr-desk { display:none; }
  body>header[data-site-header] a.header-refer-link .hr-mob { display:inline; }
}
@media (max-width:374px) {
  html.v3-split body>header[data-site-header] .appointment-request,
  html.v3-split body>header[data-site-header] a.header-refer-link { font-size:14px !important; }
  html.v3-split body>header[data-site-header] a.header-refer-link { padding:0 12px; }
}

/* 3b. Compact heights for the two header buttons (v3s-48 = as first shown) */
@media (max-width:760px) {
  html.v3-split:is(.v3s-40,.v3s-36,.v3s-32) body>header[data-site-header] :is(.appointment-request, a.header-refer-link) {
    padding-block:0 !important; line-height:1.1 !important; box-shadow:0 2px 8px #183d6914 !important;
  }
  html.v3-split:is(.v3s-40,.v3s-36,.v3s-32) body>header[data-site-header] { row-gap:8px; }
  html.v3-split.v3s-40 body>header[data-site-header] :is(.appointment-request, a.header-refer-link) { height:40px; min-height:40px !important; font-size:14px !important; }
  html.v3-split.v3s-36 body>header[data-site-header] :is(.appointment-request, a.header-refer-link) { height:36px; min-height:36px !important; font-size:13.5px !important; }
  html.v3-split.v3s-32 body>header[data-site-header] :is(.appointment-request, a.header-refer-link) { height:32px; min-height:32px !important; font-size:13px !important; }
  html.v3-split:is(.v3s-36,.v3s-32) body>header[data-site-header] { row-gap:6px; }
}

/* ---- 4. Phone hero heading ------------------------------------------------------ */
@media (max-width:760px) {
  /* Sized from the heading's own width (container units), not the screen, so a scrollbar or
     different padding can't push the second line onto a third. */
  html:is(.v4-b,.v4-c) body.home #main .hero-copy h1:has(.hl-narrow[data-hl="en"]) { container-type:inline-size; }
  html.v4-b body.home #main .hero-copy h1 .hl-narrow[data-hl="en"]::before { content:"Cataract surgery with\A the retina in mind"; white-space:pre; }
  html.v4-b body.home #main .hero-copy h1 .hl-narrow[data-hl="en"] { font-size:min(39.3px, calc(100cqi / 9.05)); }
  html.v4-c body.home #main .hero-copy h1 .hl-narrow[data-hl="en"]::before { content:"Cataract surgery\A with the retina in mind"; white-space:pre; }
  html.v4-c body.home #main .hero-copy h1 .hl-narrow[data-hl="en"] { font-size:min(39.3px, calc(100cqi / 9.25)); }
}
}

/* ---- 5. Qualification strip: one text column ---------------------------------- */
@media (max-width:760px) {
  body.home .hero-stats .has-mark {
    display:grid !important; grid-template-columns:112px minmax(0,1fr); column-gap:18px; align-items:center;
  }
  body.home .hero-stats .has-mark > img,
  body.home .hero-stats .has-mark > .vei-logo-link { justify-self:center; max-width:112px; margin:0 !important; }
  body.home .hero-stats .vei-logo-link img { max-width:112px; height:auto; }
  body.home .hero-stats .stat-text { margin:0 !important; }
  body.home .hero-stats .line-start { display:block; }
}

/* ---- 7. Phone portrait in Meet your surgeon ----------------------------------- */
@media (max-width:760px) {
  html:is(.v7-side,.v7-sidelg,.v7-right,.v7-rightlg) body.home #meet .profile-feature {
    display:grid !important; grid-template-columns:120px minmax(0,1fr); column-gap:18px; row-gap:0 !important;
    grid-template-rows:1fr auto auto auto 1fr auto auto; align-items:start;
  }
  html:is(.v7-side,.v7-sidelg,.v7-right,.v7-rightlg) body.home #meet .profile-feature > div { display:contents; }
  html:is(.v7-side,.v7-sidelg,.v7-right,.v7-rightlg) body.home #meet .round-portrait { grid-column:1; grid-row:1 / 6; align-self:center; width:120px; height:auto; margin:0 !important; }
  html:is(.v7-side,.v7-sidelg,.v7-right,.v7-rightlg) body.home #meet .profile-feature .eyebrow { grid-column:2; grid-row:2; margin:0 !important; }
  html:is(.v7-side,.v7-sidelg,.v7-right,.v7-rightlg) body.home #meet .profile-feature h2 { grid-column:2; grid-row:3; margin:4px 0 6px !important; }
  html:is(.v7-side,.v7-sidelg,.v7-right,.v7-rightlg) body.home #meet .profile-feature .reading-paragraph { grid-column:2; grid-row:4; margin:0 !important; font-size:15.5px; line-height:1.45; }
  html:is(.v7-side,.v7-sidelg,.v7-right,.v7-rightlg) body.home #meet .profile-feature > div > p:not(.reading-paragraph) { grid-column:1 / -1; grid-row:6; margin:22px 0 18px !important; }
  html:is(.v7-side,.v7-sidelg,.v7-right,.v7-rightlg) body.home #meet .profile-feature > div > .pill { grid-column:1 / -1; grid-row:7; justify-self:start; }
  html.v7-large body.home #meet .round-portrait { width:188px; height:auto; }
  /* larger photo beside the text */
  html:is(.v7-sidelg,.v7-rightlg) body.home #meet .profile-feature { grid-template-columns:150px minmax(0,1fr); }
  html:is(.v7-sidelg,.v7-rightlg) body.home #meet .round-portrait { width:150px; }
  html:is(.v7-sidelg,.v7-rightlg) body.home #meet .profile-feature h2 { font-size:28px !important; }
  html:is(.v7-sidelg,.v7-rightlg) body.home #meet .profile-feature .reading-paragraph { font-size:14.5px; }
  /* photo on the right */
  html:is(.v7-right,.v7-rightlg) body.home #meet .profile-feature { grid-template-columns:minmax(0,1fr) 120px; }
  html.v7-rightlg body.home #meet .profile-feature { grid-template-columns:minmax(0,1fr) 150px; }
  html:is(.v7-right,.v7-rightlg) body.home #meet .round-portrait { grid-column:2; }
  html:is(.v7-right,.v7-rightlg) body.home #meet .profile-feature :is(.eyebrow, h2, .reading-paragraph) { grid-column:1; }
}

/* ---- 8 and 11. Career logos on phones ------------------------------------------
   v8-0 = first proposal; v8-a logos on a shared bottom line; v8-b logos start level;
   v8-c one list like the qualification strip. Labels 15px (was 13, then 17). */
@media (max-width:760px) {
  body.home #meet .credential-strip { row-gap:0 !important; }
  body.home #meet .credential-strip > span {
    display:grid !important; grid-template-rows:subgrid; grid-row:span 3; row-gap:10px; padding-bottom:26px; align-content:start;
  }
  body.home #meet .credential-strip .career-marks { align-self:stretch; align-items:flex-end; }
  html.v8-0 body.home #meet .credential-strip small { font-size:17px !important; line-height:1.4 !important; }
  html:not(.v8-0) body.home #meet .credential-strip small { font-size:15px !important; line-height:1.4 !important; }
  /* a and b: logos hug the left of each column, hairlines between rows, VEI centred on one line */
  html:is(.v8-a,.v8-b) body.home #meet .credential-strip { column-gap:0 !important; }
  html:is(.v8-a,.v8-b) body.home #meet .credential-strip > span { padding:18px 0 18px; border-top:1px solid #183d6917; }
  html:is(.v8-a,.v8-b) body.home #meet .credential-strip > span:nth-child(odd) { padding-right:14px; }
  html:is(.v8-a,.v8-b) body.home #meet .credential-strip > span:nth-child(even) { padding-left:4px; }
  html:is(.v8-a,.v8-b) body.home #meet .credential-strip .career-marks { justify-content:flex-start; }
  html:is(.v8-a,.v8-b) body.home #meet .credential-strip .career-marks[style*=column],
  html:is(.v8-a,.v8-b) body.home #meet .credential-strip .career-marks { align-items:flex-end; }
  html.v8-b body.home #meet .credential-strip .career-marks { align-items:flex-start; }
  html:is(.v8-a,.v8-b) body.home #meet .credential-strip .career-marks:has(> img + img) { flex-direction:column; align-items:flex-start; justify-content:flex-end; }
  html.v8-b body.home #meet .credential-strip .career-marks:has(> img + img) { justify-content:flex-start; }
  html:is(.v8-a,.v8-b) body.home #meet .credential-strip .career-marks img { object-position:left center; }
  html:is(.v8-a,.v8-b) body.home #meet .credential-strip > span:last-child {
    grid-column:1 / -1; justify-items:center; text-align:center; padding-right:0;
  }
  html:is(.v8-a,.v8-b) body.home #meet .credential-strip > span:last-child { grid-template-columns:minmax(0,1fr) !important; }
  html:is(.v8-a,.v8-b) body.home #meet .credential-strip > span:last-child > * { justify-self:center !important; width:auto !important; max-width:none !important; margin-inline:auto !important; }
  html:is(.v8-a,.v8-b) body.home #meet .credential-strip > span:last-child .career-marks { justify-content:center; }
  html:is(.v8-a,.v8-b) body.home #meet .credential-strip > span:nth-child(-n+2), html.v8-c body.home #meet .credential-strip > span:first-child { border-top:0; }
  html:is(.v8-a,.v8-b) body.home #meet .credential-strip > span:last-child :is(b, .vei-name-link) { white-space:nowrap; }
  /* c: one list, logo column on the left, like the qualifications at the top */
  html.v8-c body.home #meet .credential-strip { grid-template-columns:1fr !important; row-gap:0 !important; }
  html.v8-c body.home #meet .credential-strip > span {
    grid-row:auto; grid-template-rows:none; grid-template-columns:112px minmax(0,1fr); column-gap:18px; row-gap:2px;
    align-items:center; padding:14px 0; border-top:1px solid #183d6917;
  }
  html.v8-c body.home #meet .credential-strip .career-marks { grid-column:1; grid-row:1 / span 2; height:auto; justify-content:center; align-items:center; }
  html.v8-c body.home #meet .credential-strip .career-marks:has(> img + img) { flex-direction:column; gap:6px; }
  html.v8-c body.home #meet .credential-strip .career-marks img { max-width:112px; height:auto; max-height:52px; }
  html.v8-c body.home #meet .credential-strip > span > :is(b, .vei-name-link) { grid-column:2; align-self:end; font-size:19px; }
  html.v8-c body.home #meet .credential-strip small { grid-column:2; align-self:start; }
}
@media (min-width:761px) {
  body.home #meet .credential-strip small { font-size:15px !important; line-height:1.45 !important; }
}

/* ---- 10. Surgery numbers: two centred columns on phones ------------------------ */
@media (max-width:760px) {
  .experience-grid { grid-template-columns:repeat(2, minmax(0,1fr)) !important; column-gap:20px !important; }
  .experience-grid .experience-stat { text-align:center; }
  .experience-grid .experience-stat > svg { margin-inline:auto; display:block; }
  .experience-grid .experience-number { justify-content:center; }
}

/* ---- 13. Approach to your care: same outlined button as the communication link - */
#why-choose .care-intro-link { margin-top:18px; }

/* ---- 14. Why choose: lighter, shorter on phones -------------------------------- */
#why-choose .care-principles article::before {
  content:""; display:block; width:40px; height:40px; margin:0 0 14px; border-radius:50%;
  background:var(--soft, #e6edf5) var(--why-icon) center / 22px 22px no-repeat;
}
#why-choose .care-principles article:nth-child(1) { --why-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23183d69' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3Cpath d='M8 9.5h8M8 12.5h5'/%3E%3C/svg%3E"); }
#why-choose .care-principles article:nth-child(2) { --why-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23183d69' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6c-2-1.5-5-2-8-1.5v13c3-.5 6 0 8 1.5 2-1.5 5-2 8-1.5v-13c-3-.5-6 0-8 1.5z'/%3E%3Cpath d='M12 6v13'/%3E%3C/svg%3E"); }
#why-choose .care-principles article:nth-child(3) { --why-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23183d69' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-6 10-6 10 6 10 6-3.6 6-10 6S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
html.v14-off #why-choose .care-principles article::before { content:none; }

/* 16. Technology list inside the third card */
#why-choose .tech-list { margin-top:12px; border-top:1px solid #183d6922; padding-top:10px; }
#why-choose .tech-list summary { cursor:pointer; font-weight:600; color:var(--blue); list-style:none; display:flex; align-items:center; gap:8px; min-height:40px; }
#why-choose .tech-list summary::-webkit-details-marker { display:none; }
#why-choose .tech-list summary::after { content:""; width:7px; height:7px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor; transform:rotate(45deg); margin:-3px 0 0 2px; }
#why-choose .tech-list[open] summary::after { transform:rotate(225deg); margin-top:3px; }
#why-choose .tech-list ul { margin:6px 0 0; padding-left:1.1em; display:grid; gap:4px; }
#why-choose .tech-list li { font-size:.94em; line-height:1.45; }
#why-choose .tech-list li:last-child { list-style:none; margin-left:-1.1em; opacity:.8; font-style:italic; }

/* The detail panels fold on phones (video-embed.js closes them there) */
#why-choose details.vr-fold > summary { list-style:none; }
#why-choose details.vr-fold > summary::-webkit-details-marker { display:none; }
@media (min-width:761px) { #why-choose details.vr-fold > summary { pointer-events:none; } }
@media (max-width:760px) {
  #why-choose details.vr-fold > summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; }
  #why-choose details.vr-fold > summary h4 { margin:0 !important; }
  #why-choose details.vr-fold > summary::after {
    content:"+"; flex:0 0 30px; height:30px; border:1.5px solid currentColor; border-radius:50%;
    display:grid; place-items:center; font:500 20px/1 var(--font-body);
  }
  #why-choose details.vr-fold[open] > summary::after { content:"−"; }
  #why-choose details.vr-fold > ul { margin-top:12px; }
}
/* The clinical-experience block moves onto a light panel */
html.v14-on #why-choose .vr-feature {
  background:#f6f5ef; color:var(--ink); border-radius:22px; padding:30px 24px; margin-top:40px; border:0;
}
html.v14-on #why-choose .vr-feature :is(h3,h4,p,li,.vr-intro) { color:var(--ink) !important; }
html.v14-on #why-choose .vr-feature details.vr-fold > summary { color:var(--ink); }
@media (max-width:760px) { html.v14-on #why-choose .vr-feature .vr-panel { padding:14px 18px; } }
html.v14-on #why-choose .vr-feature .vr-panel { background:#fff; border:1px solid #183d6918; box-shadow:none; }
html.v14-on #why-choose .vr-feature .vr-note { background:#e8eef5; border:0; }
html.v14-off #why-choose details.vr-fold > summary::after { content:none; }

/* ---- 15. Bigger iris logo; balanced footer name -------------------------------- */
@media (max-width:760px) {
  body>header[data-site-header] .brand img { width:38px; height:38px; }
  body>header[data-site-header] .brand { gap:10px; }
}
.site-footer .footer-top .brand { align-items:center; gap:14px; }
.site-footer .footer-top .brand img { width:48px; height:48px; }
.site-footer .footer-top .brand > span { font-size:24px; line-height:1.15; }
.site-footer .footer-top .brand small { font-size:14px; letter-spacing:0; margin-top:4px; white-space:nowrap; }

/* ---- 1. Cataracts page videos --------------------------------------------------- */
#related-videos .video-boxes { display:grid; gap:24px; grid-template-columns:1fr; max-width:900px; }
#related-videos .vid-box { display:grid; gap:14px; align-content:start; }
#related-videos .vid-box > h3, #related-videos .vid-box > p { margin:0; }
#related-videos .yt-facade, #related-videos .yt-pick {
  display:grid; gap:8px; width:100%; padding:0; border:0; background:none; color:inherit; text-align:left; cursor:pointer; font:inherit;
}
#related-videos .yt-thumb { position:relative; display:block; aspect-ratio:16 / 9; border-radius:14px; overflow:hidden; background:#0b1f33; }
#related-videos .yt-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s ease; }
#related-videos button:hover .yt-thumb img { transform:scale(1.03); }
#related-videos .yt-play {
  position:absolute; left:50%; top:50%; width:64px; height:44px; transform:translate(-50%,-50%);
  border-radius:12px; background:#ff0000e6;
}
#related-videos .yt-play::after { content:""; position:absolute; left:26px; top:13px; border-style:solid; border-width:9px 0 9px 15px; border-color:transparent transparent transparent #fff; }
#related-videos .yt-dur { position:absolute; right:8px; bottom:8px; padding:2px 7px; border-radius:6px; background:#000c; color:#fff; font:600 12px/1.4 var(--font-body); }
#related-videos .yt-facade .yt-name { display:none; }
#related-videos .yt-live { aspect-ratio:16 / 9; border-radius:14px; overflow:hidden; background:#000; }
#related-videos .yt-live iframe { width:100%; height:100%; border:0; display:block; }
#related-videos .yt-open { display:inline-flex; align-items:center; gap:8px; justify-self:start; font:600 14px/1.4 var(--font-body); color:var(--blue); text-decoration:underline; text-underline-offset:.2em; }
#related-videos .yt-open .yt-glyph { width:22px; height:16px; }
#related-videos .yt-list { list-style:none; margin:0; padding:0; }
#related-videos .yt-pick .yt-name { font:600 14px/1.35 var(--font-body); }
#related-videos .yt-pick[aria-current] .yt-thumb { outline:3px solid var(--blue); outline-offset:2px; }
#related-videos .yt-pick .yt-play { width:40px; height:28px; border-radius:8px; }
#related-videos .yt-pick .yt-play::after { left:16px; top:8px; border-width:6px 0 6px 10px; }
/* links only: no thumbnails or players */
html.v1-links #related-videos :is(.yt-stage, .yt-list) { display:none; }
#related-videos .vid-box > .yt-link { justify-self:start; }
/* in-page player + scrolling list */
html.v1-embed #related-videos .yt-list { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(150px, 42%); gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; padding:4px 2px 10px; }
html.v1-embed #related-videos .yt-list li { scroll-snap-align:start; }
@media (min-width:761px) {
  html.v1-embed #related-videos .yt-list { grid-auto-flow:row; grid-template-columns:repeat(4, 1fr); overflow:visible; }
}
/* tile grid: every video plays where it sits */
html.v1-bento #related-videos .vid-playlist .yt-stage { display:none; }
html.v1-bento #related-videos .yt-list { display:grid; grid-template-columns:repeat(2, 1fr); gap:16px 14px; }
html.v1-bento #related-videos .yt-list li.is-playing { grid-column:1 / -1; }
@media (min-width:761px) { html.v1-bento #related-videos .yt-list { grid-template-columns:repeat(3, 1fr); } }

/* ---- Referrers: Apps for clinicians section ------------------------------------ */
.ref-apps { margin-top:48px; }
.ref-apps .ref-app-list { list-style:none; margin:18px 0 22px; padding:0; display:grid; gap:12px; }
.ref-apps .ref-app-list a {
  display:grid; gap:4px; padding:16px 18px; border:1px solid #183d6926; border-radius:14px;
  background:#fff; color:var(--ink); text-decoration:none;
}
.ref-apps .ref-app-list a:hover { background:var(--soft); }
.ref-apps .ref-app-list b { font-size:18px; color:var(--blue); }
.ref-apps .ref-app-list span { font-size:15px; line-height:1.5; }
@media (min-width:900px) { .ref-apps .ref-app-list { grid-template-columns:repeat(3, 1fr); } }

/* ---- 14 (19 Sep). Why choose: fewer boxes and fewer links ------------------------
   v14-stack: the two short cards stack beside the technology card (desktop).
   v14-calm: the three principles lose their boxes (icon, rule, text) and the section
   keeps three links instead of seven. v14-calm also carries the v14-on light panel. */
@media (min-width:761px) {
  html.v14-stack #why-choose .care-principles { grid-template-columns:1fr 1fr !important; }
  html.v14-stack #why-choose .care-principles article:nth-child(3) { grid-column:2; grid-row:1 / span 2; }
  html.v14-stack #why-choose .care-principles article:nth-child(-n+2) { grid-column:1; }
}
html.v14-calm #why-choose .care-principles article {
  background:none !important; border:0 !important; box-shadow:none !important; border-radius:0 !important;
  padding:22px 0 0 !important; border-top:1px solid #ffffff38 !important; color:#fff;
}
html.v14-calm #why-choose .care-principles article :is(h3,p,li,summary) { color:#fff !important; }
html.v14-calm #why-choose .care-principles article::before { background-color:#ffffff1f; filter:brightness(0) invert(1); }
html.v14-calm #why-choose .tech-list { border-top-color:#ffffff30; }
html.v14-calm #why-choose .care-principles article:nth-child(3) p:first-of-type { margin-bottom:4px; }
@media (min-width:761px) { html.v14-calm #why-choose .care-principles { column-gap:40px !important; align-items:start; } }
@media (max-width:760px) { html.v14-calm #why-choose .care-principles { row-gap:26px !important; } }
/* links trimmed: keep Approach to your care, How this can benefit your care, Research and teaching */
html.v14-calm body #main #why-choose .care-principles-links:not(.care-intro-link),
html.v14-calm body #main #why-choose .vr-links a.aes-secondary[href="/about-integrated#focus"],
html.v14-calm body #main #why-choose .why-return a[href="/visit"] { display:none !important; }
html.v14-calm #why-choose .why-return { grid-template-columns:1fr !important; }
/* light panel and folds from v14-on also apply to calm and stack */
html:is(.v14-calm,.v14-stack) #why-choose .vr-feature { background:#f6f5ef; color:var(--ink); border-radius:22px; padding:30px 24px; margin-top:40px; border:0; }
html:is(.v14-calm,.v14-stack) #why-choose .vr-feature :is(h3,h4,p,li,.vr-intro) { color:var(--ink) !important; }
html:is(.v14-calm,.v14-stack) #why-choose .vr-feature details.vr-fold > summary { color:var(--ink); }
html:is(.v14-calm,.v14-stack) #why-choose .vr-feature .vr-panel { background:#fff; border:1px solid #183d6918; box-shadow:none; }
html:is(.v14-calm,.v14-stack) #why-choose .vr-feature .vr-note { background:#e8eef5; border:0; }
@media (max-width:760px) { html:is(.v14-calm,.v14-stack) #why-choose .vr-feature .vr-panel { padding:14px 18px; } }

/* /assets/technology-2026-09-19/technology.css */
/* Technology content, 19 September 2026. Loaded last on every page it touches. */

/* ---------- Shared: callouts inside clinical pages ---------- */
.tech-block{margin:28px 0 8px;padding:24px 26px;border-radius:16px;background:#fff;border:1px solid #d3dfe9;max-width:860px;box-shadow:0 6px 20px -14px #183d6040}
.band.blue .tech-block{background:#f6f5ef;border-color:transparent}
.tech-block h3{font:600 17px/1.35 var(--font-body);letter-spacing:0;margin:0 0 10px}
.tech-block p+h3{margin-top:18px}
.tech-block p{margin:0 0 10px;font-size:15px;line-height:1.65}
.tech-block ul{margin:4px 0 12px;padding-left:20px}
.tech-block li{padding:3px 0;font-size:15px;line-height:1.6}
.tech-more{display:inline-flex;gap:8px;font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:3px}
section.tech-new p a,.tech-block p a,.tech-note a,.tech-capability a{text-decoration:underline;text-underline-offset:3px}
.tech-note{margin-top:14px;font-size:15px;line-height:1.65;max-width:860px}
.tech-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;margin-top:8px}
.tech-split p,section.tech-new .split-content p{margin:0 0 14px}
.tech-lead{font-size:17px;line-height:1.6;max-width:860px;margin:6px 0 18px}

/* ---------- Figures ---------- */
.tech-figure,.tfig{margin:0}
.tech-figure img,.tfig img{width:100%;height:auto;border-radius:14px;display:block;background:#fff}
.tech-figure figcaption,.tfig figcaption{margin-top:8px;font-size:13px;line-height:1.5;opacity:.8}

/* Illustrations added to clinical pages */
.content-fig{max-width:760px;margin:28px 0 0}
.content-fig img{box-shadow:0 10px 30px -20px #183d6066}

/* Labelled figure: image with an SVG overlay of numbered labels */
.lab-wrap{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px -18px #183d6066}
.lab-wrap img{display:block;width:100%;height:auto;border-radius:0}
.lab-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.lab-svg .lab-line{stroke:#fff;stroke-width:3.5;fill:none}
.lab-svg .lab-line-shadow{stroke:#183d60;stroke-opacity:.45;stroke-width:7;fill:none}
.lab-svg .lab-dot{fill:#fff;stroke:#183d60;stroke-width:4}
.lab-svg .lab-num circle{fill:#183d60;stroke:#fff;stroke-width:4}
.lab-svg .lab-num text{fill:#fff;font:700 28px Manrope,Arial,sans-serif}
.lab-svg .lab-t rect{fill:#fffffff2}
.lab-svg .lab-t text{fill:#183d60;font:600 29px Manrope,Arial,sans-serif}
.lab-legend{display:none;list-style:none;margin:12px 0 0;padding:0;counter-reset:l;gap:6px 14px;grid-template-columns:1fr 1fr}
.lab-legend li{counter-increment:l;display:flex;gap:8px;align-items:baseline;font-size:13.5px;line-height:1.4}
.lab-legend li::before{content:counter(l);flex:0 0 22px;height:22px;border-radius:50%;background:#183d60;color:#fff;font:700 12px/22px var(--font-body);text-align:center}
.lab-svg .lab-m{display:none}
@media (max-width:700px){.lab-svg .lab-t,.lab-svg .lab-d{display:none}.lab-svg .lab-m{display:inline}.lab-legend{display:grid}}
.tech-btn{margin-top:10px;text-decoration:none!important;gap:12px}
.tech-btn .aes-link-label{text-decoration:none}
.tcard .tech-btn,.tech-block .tech-btn,.matt-note .tech-btn,article .tech-btn{display:inline-flex;margin-top:6px}

/* ---------- Technology page ---------- */
.page-technology{--t-pale:#eaf1f7;--t-line:#d3dfe9;--t-navy:#183d60}
.t-hero{max-width:1320px;margin:auto;padding:36px 5% 44px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center}
.t-hero h1{font-size:clamp(34px,4.2vw,56px);line-height:1.06;margin:6px 0 16px}
.t-hero .lead{font-size:17px;line-height:1.65;max-width:620px;margin:0}
.t-hero .tfig img{border-radius:18px;box-shadow:0 18px 44px -24px #183d6080}
.t-avail{margin-top:24px;background:var(--t-navy);color:#f6f5ef;border-radius:18px;padding:22px 24px}
.t-avail h2{font:600 18px/1.35 var(--font-body);letter-spacing:0;margin:0 0 12px;color:#fff}
.t-avail ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.t-avail li{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5}
.t-avail li b{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#9cc3e6;margin-bottom:3px}
.t-avail li.wide{grid-column:1/-1}
.t-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.t-jumps a{padding:9px 14px;border-radius:30px;background:#fff;border:1px solid var(--t-line);font-size:13px;font-weight:600}
.t-jumps a:hover{background:var(--t-pale)}

.tsec{padding:56px 5%}
.tsec.tone-pale{background:var(--t-pale)}
.tsec.tone-white{background:#fff}
.tsec.tone-navy{background:var(--t-navy);color:#f6f5ef}
.tsec-inner{max-width:1320px;margin:auto}
.tsec-head{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;max-width:900px;margin-bottom:28px}
.tsec-num{width:52px;height:52px;border-radius:50%;background:#285581;color:#fff;font:700 17px/52px var(--font-body);text-align:center;margin-top:4px}
.tone-navy .tsec-num{background:#9cc3e6;color:var(--t-navy)}
.tsec-head h2{font-size:clamp(26px,3vw,36px);line-height:1.15;margin:4px 0 10px}
.tone-navy .tsec-head h2,.tone-navy .eyebrow{color:#fff}
.tsec-answer{font-size:16.5px;line-height:1.6;margin:0}
.tsec-body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:start}
.tsec-body.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.tsec-body.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tsec-figs{display:grid;gap:18px}
.tcards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tcards.three{grid-template-columns:repeat(3,1fr)}
.tcard{background:#fff;border:1px solid var(--t-line);border-radius:16px;padding:18px 20px 20px;box-shadow:0 8px 24px -20px #183d6059}
.tone-white .tcard{background:#f8fafc}
.tcard h3{font:600 16.5px/1.35 var(--font-body);letter-spacing:0;margin:10px 0 8px}
.tcard p{margin:0 0 8px;font-size:14.5px;line-height:1.6}
.tcard ul{margin:6px 0 0;padding-left:18px}
.tcard li{padding:2px 0;font-size:14px;line-height:1.55}
.tcard p a{text-decoration:underline;text-underline-offset:3px}
.tcard.feature{grid-column:1/-1}
.tchip{display:inline-flex;align-items:center;font:600 10.5px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#285581;background:#e3edf6;border-radius:20px;padding:6px 10px}
.tchip.or{color:#7a4a12;background:#f6e8d2}
.tsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.tstep{background:#ffffff12;border:1px solid #ffffff2e;border-radius:16px;padding:18px 20px}
.tstep b{display:block;font:700 12px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#9cc3e6;margin-bottom:10px}
.tstep h3{font:600 17px/1.35 var(--font-body);letter-spacing:0;color:#fff;margin:0 0 6px}
.tstep p{margin:0;font-size:14.5px;line-height:1.6}
.tlist-card{background:#ffffff12;border:1px solid #ffffff2e;border-radius:16px;padding:18px 22px}
.tlist-card h3{font:600 16px/1.35 var(--font-body);letter-spacing:0;color:#fff;margin:0 0 8px}
.tlist-card ul{margin:0;padding-left:18px;columns:2;column-gap:30px}
.tlist-card li{padding:3px 0;font-size:14.5px;break-inside:avoid}
.tone-navy p{color:#e9eef3}

/* Numbered benefits (co-location) */
.tbenefits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;counter-reset:b}
.tbenefits li{counter-increment:b;background:#fff;border:1px solid #d3dfe9;border-radius:14px;padding:16px 16px 16px 62px;position:relative;font-size:14.5px;line-height:1.55;box-shadow:0 8px 24px -22px #183d6059}
.tbenefits li::before{content:counter(b);position:absolute;left:16px;top:15px;width:32px;height:32px;border-radius:50%;background:#285581;color:#fff;font:700 14px/32px var(--font-body);text-align:center}
.tbenefits li b{display:block;font-size:15px;margin-bottom:3px;color:#183d60}
.tbenefits li.key{grid-column:1/-1;background:#183d60;color:#e9eef3;border-color:#183d60}
.tbenefits li.key b{color:#fff}
.tbenefits li.key::before{background:#9cc3e6;color:#183d60}
.tbenefits-note{font-size:13px;opacity:.8;margin-top:10px}

.tfaq .acc{max-width:900px}
.treading{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.treading li,.treading li+li{display:flex;margin:0!important;padding:0}
.treading .pill{margin:0;text-decoration:none!important}

.tech-capability{margin-top:18px}
.tech-capability summary{cursor:pointer;font-weight:600;padding:10px 0}
.tech-capability h3{font:600 14px/1.4 var(--font-body);letter-spacing:.04em;margin:16px 0 4px}
.tech-capability ul{margin:0;padding-left:18px}
.tech-capability li{font-size:14px;line-height:1.6;padding:2px 0}

@media (max-width:980px){
  .t-hero{grid-template-columns:1fr;gap:28px}
  .tsec-body,.tsec-body.flip,.tsec-body.even{grid-template-columns:1fr}
  .tcards.three{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .tech-split{grid-template-columns:1fr;gap:24px}
  .tech-block{padding:20px 18px}
}
@media (max-width:640px){
  .tsec{padding:40px 20px}
  .t-hero{padding:24px 20px 32px}
  .tsec-head{grid-template-columns:1fr;gap:10px}
  .tsec-num{width:40px;height:40px;line-height:40px;font-size:15px}
  .tcards,.tcards.three,.tsteps,.t-avail ul,.tbenefits{grid-template-columns:1fr}
  .tlist-card ul{columns:1}
}


/* Retina imaging: feature row + media tiles */
.t-feature{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center;margin-bottom:40px}
.t-feature img{width:100%;height:auto;border-radius:18px;box-shadow:0 18px 44px -26px #183d6080}
.t-feature-copy h3{font:600 clamp(20px,2vw,24px)/1.25 var(--font-body);letter-spacing:0;margin:0 0 10px}
.t-feature-copy p{font-size:16px;line-height:1.65;margin:0 0 12px}
.t-feature-copy ul{margin:0;padding:0;list-style:none;border-top:1px solid #c9d6e2}
.t-feature-copy li{padding:12px 0;border-bottom:1px solid #c9d6e2;font-size:15px;line-height:1.6}
.t-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.t-tile img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px;box-shadow:0 12px 30px -22px #183d6080}
.t-tile h3{font:600 16.5px/1.35 var(--font-body);letter-spacing:0;margin:14px 0 6px}
.t-tile p{font-size:14.5px;line-height:1.6;margin:0}
@media (max-width:1100px){.t-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.t-feature{grid-template-columns:1fr;gap:20px;margin-bottom:28px}}
@media (max-width:640px){.t-tiles{grid-template-columns:1fr;gap:24px}}

/* Space: long text sections flow in two columns on wide screens; grids span the full width */
@media (min-width:1100px){
  html:not([data-page="about-integrated.html"]) .band.pe-section>.band-inner{columns:2;column-gap:56px}
  html:not([data-page="about-integrated.html"]) .band.pe-section>.band-inner>*{column-span:all}
  html:not([data-page="about-integrated.html"]) .band.pe-section>.band-inner>:is(p:not(.pe-lead):not(.pe-link):not(.pe-note),ul,ol,h3){column-span:none}
  html:not([data-page="about-integrated.html"]) .band.pe-section>.band-inner p{orphans:3;widows:3}
  html:not([data-page="about-integrated.html"]) .band.pe-section>.band-inner>h3{break-after:avoid}
  html:not([data-page="about-integrated.html"]) .band.pe-section .pe-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
  html:not([data-page="about-integrated.html"]) .band.pe-section .pe-lead{max-width:none}
}
.fig-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}
.fig-pair .tfig img{box-shadow:0 10px 30px -20px #183d6066}
@media (max-width:860px){.fig-pair{grid-template-columns:1fr}}
.lens-types-fig{align-self:center;margin:0}
.lens-types-fig img{border-radius:14px}
/* PCO explainer */
.pco-stages{margin:24px 0}
.pco-stages ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pco-stages li{margin:0}
.pco-stages b{display:block;font:600 16px/1.35 var(--font-body);margin:0 0 8px;color:#183d60}
.pco-stages img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid #d3dfe9}
.pco-stages figcaption{margin-top:10px;font-size:13px;line-height:1.5;opacity:.8}
.fig-pco-eye{max-width:760px;margin:8px 0 24px}
@media (max-width:760px){.pco-stages ol{grid-template-columns:1fr}}

/* Space: featured video and playlist side by side */
@media (min-width:1000px){
  #related-videos .video-boxes:has(>.vid-box+.vid-box){grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:32px;align-items:start}
}


/* Space: interior page openings size to their content instead of filling the screen */
@media (min-width:761px){html body.interior #main>section.page{min-height:0!important;padding-bottom:40px}}

/* Space, site-wide on wide screens: tighter section rhythm */
@media (min-width:761px){
  html:not([data-page="about-integrated.html"]) body #main .band.band.band.band{padding-top:36px!important;padding-bottom:36px!important}
  html:not([data-page="about-integrated.html"]) body #main .band.band .section-top{margin-bottom:18px!important}
  html:not([data-page="about-integrated.html"]) body #main .band.band>.band-inner>h2:first-child,html:not([data-page="about-integrated.html"]) body #main .band.band .section-top h2{margin-top:0}
}
/* Space: a single playlist box puts the player and its list side by side */
@media (min-width:1000px){
  #related-videos .video-boxes:not(:has(>.vid-box+.vid-box)){max-width:none}
  #related-videos .video-boxes:not(:has(>.vid-box+.vid-box))>.vid-box:not(.vid-playlist){max-width:760px}
  #related-videos .video-boxes:not(:has(>.vid-box+.vid-box))>.vid-playlist{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:28px;row-gap:14px;align-items:start}
  #related-videos .video-boxes:not(:has(>.vid-box+.vid-box))>.vid-playlist>*{grid-column:1/-1}
  #related-videos .video-boxes:not(:has(>.vid-box+.vid-box))>.vid-playlist>.yt-stage{grid-column:1;grid-row:3}
  html #related-videos .video-boxes:not(:has(>.vid-box+.vid-box))>.vid-playlist>.yt-list{grid-column:2;grid-row:3;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;max-height:430px;overflow-y:auto;overflow-x:hidden;align-content:start}
  #related-videos .video-boxes:not(:has(>.vid-box+.vid-box))>.vid-playlist>.yt-link{grid-row:4}
}

/* Review only: marks new draft content. Inert in the release build. */
html.tech-review .tech-new{outline:2px dashed #c2410c;outline-offset:6px;position:relative}
html.tech-review .tech-new::before{content:"New draft";position:absolute;top:-14px;right:0;background:#c2410c;color:#fff;font:600 11px/1 var(--font-body);letter-spacing:.06em;padding:5px 8px;border-radius:6px;z-index:2}
html.tech-review .tech-changed{background:#fff3c4;box-shadow:0 0 0 4px #fff3c4;border-radius:4px}

/* Videos library: each card plays in the page */
.gallery .item-playable{display:flex;flex-direction:column}
.gallery .lib-play{display:block;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}
.gallery .lib-play .cover{display:block}
.gallery .lib-play:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.gallery .yt-live{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.gallery .yt-live iframe{width:100%;height:100%;border:0;display:block}
.gallery .item-go{display:inline-flex;align-items:center;gap:8px;margin-top:auto}

/* The new in-page players on cataract, laser-cataract, lenses, retina and rle sit inside
   older sections whose care-design/cr.css rules use !important; these selectors win. */
html body #main #related-videos .related-videos.video-boxes{display:grid!important;max-width:none!important;gap:28px!important;align-items:start!important}
html body #main #related-videos .related-videos.video-boxes>.vid-box{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;align-content:start!important;width:auto!important;max-width:none!important;padding:0!important;border:0!important;background:none!important}
html body #main #related-videos .related-videos.video-boxes>.vid-box>*{grid-column:1!important;max-width:none!important}
html body #main #related-videos .related-videos.video-boxes>.vid-box>.yt-link{justify-self:start!important;width:auto!important}
@media (min-width:1000px){
  html body #main #related-videos .related-videos.video-boxes:has(>.vid-box+.vid-box){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* /assets/desktop-review-2026-09-19/desktop-review.css */
/* Simon's desktop review, 19 September 2026. Loaded last; each rule is gated by
   a dn-<id> class on <html> so any subset of changes can be built. */

/* h1: two-line homepage heading on desktop ------------------------------------ */
@media (min-width:1101px){
  html.dn-h1 body.home #main .hero-copy h1 .hl-wide{display:none!important}
  html.dn-h1 body.home #main .hero-copy h1 .hl-narrow{display:block!important}
  html.dn-h1 body.home #main .hero-copy h1 .hl-narrow[data-hl]::before{white-space:pre}
  html.dn-h1 body.home #main .hero-copy h1 .hl-narrow[data-hl="en"]::before{content:"Cataract surgery\A with the retina in mind"}
  html.dn-h1 body.home #main .hero-copy h1 .hl-narrow[data-hl="zh-Hans"]::before{content:"白内障手术\A同时兼顾视网膜"}
  html.dn-h1 body.home #main .hero-copy h1 .hl-narrow[data-hl="zh-Hant"]::before{content:"白內障手術\A同時兼顧視網膜"}
}

/* h4 + h6: one menu style, overview first, sections indented, same type size -- */
@media (min-width:1101px){
  html.dn-h4 header .nav-dropdown:not([hidden]){display:block;width:max-content;min-width:272px;padding:10px}
  html.dn-h4 :is(header .nav-dropdown,.dn-menu) :is(a,.nav-col-head){
    display:block;margin:0;padding:8px 14px 8px 28px;border-radius:9px;min-height:0!important;
    font:500 16px/1.5 Manrope,Arial,sans-serif!important;letter-spacing:0;color:#263647;
    white-space:nowrap;text-decoration:none;background:none}
  /* every menu, including the hover cards, uses the header's 16px; a site rule
     (body.v13 > header nav a) otherwise forces 16px/600 on header links only */
  html.dn-h4 :is(header .nav-dropdown,.dn-menu) .nav-overview,
  html.dn-h4 :is(header .nav-dropdown,.dn-menu) .nav-col-head{font-weight:700!important;color:#183d69;padding-left:14px}
  html.dn-h4 :is(header .nav-dropdown,.dn-menu) .nav-overview{padding-block:9px}
  html.dn-h4 :is(header .nav-dropdown,.dn-menu) .nav-overview+:is(.nav-col-links,.nav-cols){
    margin-top:4px;padding-top:6px;border-top:1px solid #e3e7ec}
  html.dn-h4 :is(header .nav-dropdown,.dn-menu) .nav-col-head{padding-top:9px;padding-bottom:3px}
  html.dn-h4 :is(header .nav-dropdown,.dn-menu) a:is(:hover,:focus-visible){background:#eef2f5;color:#183d69}
  html.dn-h4 :is(header .nav-dropdown,.dn-menu) .nav-cols{display:grid;grid-template-columns:repeat(3,max-content);column-gap:10px}
  html.dn-h4 header .nav-dropdown.mega-dropdown{max-width:calc(100vw - 32px)}
}

/* h5 + h6: hover cards ----------------------------------------------------------- */
.dn-pop{position:fixed;z-index:1200;background:#fffefb;color:#183d69;border:1px solid #dce2e8;
  border-radius:16px;box-shadow:0 12px 32px rgba(24,61,105,.11);padding:10px;font-family:Manrope,Arial,sans-serif}
.dn-pop[hidden]{display:none}
.dn-location{width:380px;padding:20px}
.dn-location .eyebrow{margin:0 0 2px;font:600 12px/1.4 Manrope,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#4d6a86}
.dn-location .dn-pop-title{margin:0 0 8px;font:700 18px/1.35 Manrope,Arial,sans-serif;color:#183d69}
.dn-location address{font-style:normal;font-size:15px;line-height:1.55;margin:0 0 14px}
.dn-location .clinic-location-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.dn-location .clinic-location-actions .pill{min-height:40px;font-size:14px;padding:0 16px}
.dn-location .clinic-map-preview{display:block;border-radius:12px;overflow:hidden;border:1px solid #dce2e8;color:#183d69;text-decoration:none}
.dn-location .clinic-map-preview img{display:block;width:100%;height:auto}
.dn-location .clinic-map-preview>span{display:block;padding:9px 12px;font-size:14px;font-weight:600}
.dn-location .clinic-location-links{margin:12px 0 0;font-size:14px}
.dn-location .clinic-location-links a{color:#183d69}

/* h7: qualification strip links --------------------------------------------------- */
html.dn-h7 .hero-stats .has-mark:has(.qual-link){position:relative;border-radius:12px;transition:background-color .15s}
html.dn-h7 .hero-stats .qual-link{display:block;color:inherit;text-decoration:none}
html.dn-h7 .hero-stats .qual-link::after{content:"";position:absolute;inset:-6px;border-radius:12px;z-index:2}
html.dn-h7 .hero-stats .qual-link:focus-visible{outline:none}
html.dn-h7 .hero-stats .qual-link:focus-visible::after{outline:2px solid #183d69;outline-offset:2px}
@media (hover:hover){
  html.dn-h7 .hero-stats .has-mark:has(.qual-link):hover b{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
}

/* h9: What brings you here? -------------------------------------------------------- */
@media (min-width:761px){
  html.dn-h9 #two-specialties .care-routes:not(:has(.care-route[open])){align-items:stretch}
  html.dn-h9 #two-specialties .care-routes:not(:has(.care-route[open])) .care-route>summary{height:100%;box-sizing:border-box;grid-template-rows:auto auto 1fr auto}
  html.dn-h9 #two-specialties .care-route .route-action{align-self:end}
}

/* h15: Why choose Dr Simon Chen? two balanced rows ------------------------------- */
html.dn-h15 #why-choose .why-intro h2{margin-top:0}
html.dn-h15 #why-choose .why-pair article:nth-child(1){--why-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23183d69' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-6 10-6 10 6 10 6-3.6 6-10 6S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
html.dn-h15 #why-choose .why-pair article:nth-child(2){--why-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23183d69' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='1.5'/%3E%3Cpath d='M5 12h14M9 7.5h2M13 7.5h2M9 16.5h2M13 16.5h2'/%3E%3C/svg%3E")}
@media (min-width:761px){
  html.dn-h15 #why-choose .why-pair{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:0}
  html.dn-h15 #why-choose .why-stack{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (min-width:1101px){
  html.dn-h15 #why-choose .why-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:64px;align-items:start;margin-bottom:34px}
  html.dn-h15 #why-choose .why-top .care-introduction{margin-bottom:0}
  html.dn-h15 #why-choose .why-stack{grid-template-columns:1fr!important;margin:6px 0 0}
  html.dn-h15 #why-choose .why-pair{column-gap:64px!important}
}

/* h19: footer brand never runs into the first link column ------------------------- */
html.dn-h19 .site-footer .footer-top>div:first-child{min-width:0}
html.dn-h19 .site-footer .footer-top .brand{min-width:0}
html.dn-h19 .site-footer .footer-top .brand>span{min-width:0;white-space:normal}
@media (min-width:761px) and (max-width:1279px){
  html.dn-h19 .site-footer .footer-top{grid-template-columns:repeat(4,minmax(0,1fr))!important;row-gap:28px}
  html.dn-h19 .site-footer .footer-top>div:first-child{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;column-gap:40px}
  html.dn-h19 .site-footer .footer-top>div:first-child>p{margin:0}
}

/* h8: the incoming section meets the header edge during the transition too */
html.dn-h8 .home-lift-incoming{translate:0 calc(-1 * var(--dn-lift-gap,0px))}

/* h5: the language list fits its longest item on one line */
@media (min-width:1101px){
  html.dn-h5 header .language-menu .language-options{width:max-content;min-width:200px}
  html.dn-h5 header .language-menu .language-support-document{white-space:nowrap}
}
/* h6: long flat menus (Meet Dr Chen) use two columns beside the hero buttons */
.dn-menu.dn-two .nav-col-links{columns:2;column-gap:10px}
.dn-menu.dn-two .nav-col-links a{break-inside:avoid}

/* h20: Before your appointment moves under the visit steps (Planning band removed) */
html.dn-h20 #journey .visit-prep{margin:32px 0 0;padding:26px 30px;background:#fffefb;border:1px solid #dce2e8;border-radius:18px;
  display:grid;grid-template-columns:max-content 1fr;gap:14px 48px;align-items:start;color:#183d69}
html.dn-h20 #journey .visit-prep h3{margin:0;font:650 19px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.02em;color:#183d69}
html.dn-h20 #journey .visit-prep ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 32px}
html.dn-h20 #journey .visit-prep li{position:relative;margin:0;padding-left:18px;font-size:15px;line-height:1.65;color:#263647}
html.dn-h20 #journey .visit-prep li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:#183d69}
@media (max-width:1100px){
  html.dn-h20 #journey .visit-prep{grid-template-columns:1fr}
}
@media (max-width:760px){
  html.dn-h20 #journey .visit-prep{padding:20px 20px 22px}
  html.dn-h20 #journey .visit-prep ul{grid-template-columns:1fr}
}

/* /assets/cataract-review-2026-09-19/cr.css */
/* Cataract pages and appointment band, 19 September 2026.
   Each rule acts only when its cr-<id> class is on <html>. Loaded last. */

/* f2: gold band button in the site's navy button colour, with a circled arrow */
html.cr-f2 body .booking-band .booking-inner .pill{
  background:#285b83!important;color:#fff!important;border:1px solid #214e72!important;
  display:inline-flex;align-items:center;gap:10px;
}
html.cr-f2 body .booking-band .booking-inner .pill:hover{background:#1f4a70!important}
html.cr-f2 body .booking-band .booking-inner .pill:focus-visible{outline:3px solid #183d69;outline-offset:3px}
html.cr-f2 body .booking-band .booking-inner .pill::after{
  content:"→";display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;
  width:26px;height:26px;border:1px solid #ffffff90;border-radius:50%;font:400 17px/1 Manrope,sans-serif;
}
html.cr-f2 body .booking-band .booking-inner .pill .destination-language{color:#ffffffcc}

/* c3: "Anaesthesia options explained" — label left, circled plus on the right */
html.cr-c3 body #comfort .anaesthesia-options>summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;
}
html.cr-c3 body #comfort .anaesthesia-options>summary::-webkit-details-marker{display:none}
html.cr-c3 body #comfort .anaesthesia-options>summary::after{
  content:"+";flex:0 0 32px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid currentColor;border-radius:50%;background:transparent;font:400 21px/1 Manrope,sans-serif;
}
html.cr-c3 body #comfort details[open].anaesthesia-options>summary::after{content:"−"}

/* c5: the routine surgery video beside its description */
html.cr-c5 body #main #related-videos .related-videos>div.cr-video:only-child{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;align-items:center!important}
html.cr-c5 #related-videos .cr-video .cr-video-text>*{margin-top:0}
html.cr-c5 #related-videos .cr-video .cr-video-text p{margin-bottom:22px}
html.cr-c5 #related-videos .cr-video .yt-stage{display:block}
@media (min-width:900px){
  html.cr-c5 body #main #related-videos .related-videos>div.cr-video:only-child{grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;gap:40px!important}
  html.cr-c5 body #main #related-videos .related-videos>div.cr-video>.cr-video-text{grid-column:1!important;grid-row:1!important}
  html.cr-c5 body #main #related-videos .related-videos>div.cr-video>.yt-stage{grid-column:2!important;grid-row:1!important}
}

/* t1: Cataracts opening starts at the top; section buttons follow the introduction */
html.cr-t1 body.cataracts-page .opening-grid,
html.cr-t1 #main>.page .opening-grid{align-items:start!important}
html.cr-t1 #main>.page .opening-grid .intro>.page-links{margin-top:28px;margin-bottom:0}

/* t3, t5: question heading with its short answer underneath, full width */
html:is(.cr-t3,.cr-t5) #main :is(#symptoms,#causes) .section-top{display:block!important}
html:is(.cr-t3,.cr-t5) #main :is(#symptoms,#causes) .section-top>p{max-width:none!important;margin:14px 0 0!important}

/* t4: "Frequent changes to glasses" card with a photograph, matching the comparison cards */
html.cr-t4 #main .compare-text.cr-glasses{padding:0!important;overflow:hidden;justify-content:flex-start!important}
html.cr-t4 #main .compare-text.cr-glasses .cr-glasses-img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover}
html.cr-t4 #main .compare-text.cr-glasses .cr-glasses-text{padding:20px 20px 22px}
html.cr-t4 #main .compare-text.cr-glasses .cr-glasses-text>*:first-child{margin-top:0}

/* t7: one playlist box — player on the left, the list scrolling beside it at the player's height.
   The box is now the only child, so the site's single-resource rule would otherwise apply. */
html.cr-t7 body #main #related-videos .related-videos.video-boxes{grid-template-columns:minmax(0,1fr)!important}
html.cr-t7 body #main #related-videos .related-videos.video-boxes>div.vid-box.vid-playlist{grid-template-columns:minmax(0,1fr)!important;min-width:0}
html.cr-t7 body #main #related-videos .related-videos.video-boxes>div.vid-box.vid-playlist>.yt-list{min-width:0}
html.cr-t7 body #main #related-videos .related-videos.video-boxes>div.vid-box.vid-playlist>*{grid-column:1/-1!important;grid-row:auto!important;justify-self:stretch}
html.cr-t7 body #main #related-videos .related-videos.video-boxes>div.vid-box.vid-playlist>.yt-link{justify-self:start!important;align-self:start!important}
@media (min-width:1000px){
  html.cr-t7 body #main #related-videos .related-videos.video-boxes>div.vid-box.vid-playlist{
    display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)!important;column-gap:28px;row-gap:14px;align-items:start}
  html.cr-t7 body #main #related-videos .related-videos.video-boxes>div.vid-box.vid-playlist>*{grid-column:1/-1!important;grid-row:auto!important}
  html.cr-t7 body #main #related-videos .related-videos.video-boxes>div.vid-box.vid-playlist>.yt-stage{grid-column:1!important;grid-row:3!important}
  html.cr-t7 body #main #related-videos .related-videos.video-boxes>div.vid-box.vid-playlist>.yt-list{
    grid-column:2!important;grid-row:3!important;contain:size;align-self:stretch;max-height:none!important;
    overflow-y:auto!important;overflow-x:hidden!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;align-content:start;margin:0!important;padding-right:6px}
  html.cr-t7 body #main #related-videos .related-videos.video-boxes>div.vid-box.vid-playlist>.yt-link{grid-column:1!important;grid-row:4!important;justify-self:start!important;align-self:start!important}
}

/* /assets/header-type-2026-09-19/header-type.css */
/* Header type match, 19 September 2026. Loaded last.
   On desktop, every label in the header row (Meet Dr Chen, Cataract, Retina,
   Your visit, Location, language, For referrers, Request an appointment) uses one
   Manrope 600 size: 16px from 1320px, 14px from 1200 to 1319px where 16px would
   crowd the row. Before this, the menu headings were 13, 14 or 16px depending on
   page and width, and the action labels 13-14px.
   English pages only: Chinese pages have no desktop menu row. */
@media (min-width:1200px){
  html[lang^="en"] body>header[data-site-header="desktop"] :is(
    nav .nav-group>a,
    .clinic-location-trigger, .clinic-location-trigger span,
    .language-menu>summary,
    .header-refer-link, .header-refer-link span,
    .appointment-request, .appointment-request .bk-label){
    font-family:Manrope,Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:600!important;
  }
  /* Referrers alone gave the language button 15px/0 padding (56px tall); match
     the 48px box used on every other page. */
  html[lang^="en"] body>header[data-site-header="desktop"] .language-menu>summary{
    padding:8px 10px!important;height:48px!important;box-sizing:border-box!important;
  }
}
@media (min-width:1320px){
  html[lang^="en"] body>header[data-site-header="desktop"] :is(
    nav .nav-group>a,
    .clinic-location-trigger, .clinic-location-trigger span,
    .language-menu>summary,
    .header-refer-link, .header-refer-link span,
    .appointment-request, .appointment-request .bk-label){
    font-size:16px!important;
  }
}

/* /assets/articles-2026-09-20/articles.css */
/* Articles section — one layout and one type scale for every article. */

/* ---- page head ---------------------------------------------------------- */
.ar-head{padding-bottom:0}
.ar-head-inner{max-width:820px}
.ar-head h1{max-width:20ch}
.ar-deck{margin:10px 0 14px;font:600 17px/1.4 var(--font-body,Manrope,sans-serif);color:#4a678c}
.ar-d-eyewall{fill:none;stroke:#d9d2c2;stroke-width:10}
.ar-d-wall{fill:none;stroke:#e0d8c6;stroke-width:16;stroke-linecap:round}
.ar-d-aqueous{fill:#eef5fa;stroke:none}
.ar-d-cornea{fill:none;stroke:#b9cbdd;stroke-width:9}
.ar-d-ciliary{fill:#e3cdbb;stroke:#cdb3a0}
.ar-d-zonules path{stroke:#9fb6c9;stroke-width:3;fill:none}
.ar-d-broken path{stroke:#c98a86;stroke-dasharray:9 7}
.ar-d-capsule{fill:#eef4fa;stroke:#b7cbdd;stroke-width:3}
.ar-d-lens{stroke:#9fbdd6;stroke-width:2}
.ar-d-iris{fill:#8fa7bd}
.ar-d-globe{stroke:#d9d2c2;stroke-width:8}
.ar-d-retina{fill:none;stroke:#d8a7a3;stroke-width:12}
.ar-d-nerve{fill:#e8dfd0;stroke:#d0c5b2}
.ar-diagram .ar-d-haptic{stroke:#4a7fb5;stroke-width:5;fill:none;stroke-linecap:round}
.ar-byline{margin:16px 0 0;font-size:14px;font-weight:600;color:#4a678c;letter-spacing:.01em}
.ar-head .lead{max-width:60ch}
.ar-head .ar-figure{margin-top:28px}

/* ---- layout: contents beside the text ----------------------------------- */
.ar-layout{width:min(1200px,92%);margin:28px auto 64px;display:grid;gap:40px}
@media (min-width:1060px){
  .ar-layout{grid-template-columns:232px minmax(0,1fr);gap:56px;align-items:start}
  .ar-contents{position:sticky;top:104px}
}
.ar-body{min-width:0;max-width:760px}
.ar-body>p{margin:0 0 18px;font-size:16px;line-height:1.75}

.ar-contents{margin:0}
.ar-contents-fold{background:#edf4f5;border:1px solid #153a581a;border-radius:18px;padding:14px 14px 10px}
.ar-contents-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;
  cursor:pointer;font:600 14px/20px var(--font-body,Manrope,sans-serif);color:#173e59;padding:4px 2px}
.ar-contents-fold>summary::-webkit-details-marker{display:none}
.ar-contents-fold>summary::marker{content:""}
.ar-contents-links{display:grid;gap:2px;margin-top:8px}
.ar-contents-links a{display:block;padding:8px 9px;border-radius:9px;color:#244c66;
  font:600 13px/19px var(--font-body,Manrope,sans-serif);text-decoration:none}
.ar-contents-links a:hover{background:#dcebee}
.ar-contents-links a[aria-current="location"]{background:#173e59;color:#fff}
@media (min-width:1060px){.ar-contents-fold>summary{pointer-events:none}
  .ar-contents-fold>summary .acc-chev{display:none}}

/* ---- sections: one rhythm, one type scale ------------------------------- */
.ar-section{padding:34px 0 0;border-top:1px solid #e0e7ef;margin-top:34px}
.ar-section:first-child{border-top:0;margin-top:0;padding-top:0}
.ar-section>h2{font-size:28px;line-height:1.25;margin:0 0 16px;max-width:24ch}
.ar-section h3{font:600 17px/1.5 var(--font-body,Manrope,sans-serif);color:#244c66;margin:26px 0 8px}
.ar-section p{margin:0 0 16px;font-size:16px;line-height:1.75}
.ar-section p.editorial{font-size:18px;line-height:1.65;color:#183d60}
.ar-section ul.ar-list,.ar-section ol.ar-ol{margin:0 0 18px;padding-left:22px;font-size:16px;line-height:1.7}
.ar-section ul.ar-list li,.ar-section ol.ar-ol li{padding:4px 0}
.ar-section .ask-list{columns:1;font-size:16px}
.ar-section>*:last-child{margin-bottom:0}

/* ---- figures ------------------------------------------------------------ */
.ar-figure{margin:24px 0 28px}
.ar-figure-frame{background:#fff;border:1px solid #d8e2ee;border-radius:16px;overflow:hidden}
.ar-figure-frame img{display:block;width:100%;height:auto}
.ar-figure figcaption{margin-top:12px;font-size:15px;line-height:1.6;color:#37527a}
.ar-diagram{width:100%;height:auto;display:block;background:var(--cream,#fffaf2);border:1px solid #d8e2ee;
  border-radius:16px;padding:14px}
.ar-diagram .ar-d-conj{fill:#f0c9ce;stroke:#dba9b1}
.ar-diagram .ar-d-sclera{stroke:#d9d2c2}
.ar-diagram .ar-d-tunnel{stroke:#dfe5ee;stroke-width:16;fill:none;stroke-linecap:round}
.ar-diagram .ar-d-haptic{stroke:#4a7fb5;stroke-width:6;fill:none;stroke-linecap:round}
.ar-diagram .ar-d-flange{fill:#4a7fb5}
.ar-diagram .ar-d-leader{stroke:#94a8bf;stroke-width:1.5;fill:none}
.ar-diagram .ar-d-label{font:600 16px/1.3 var(--font-body,Manrope,sans-serif);fill:#183d69}
.ar-diagram .ar-d-sub{font-weight:500;fill:#4a678c;font-size:15px}
.ar-diagram .ar-d-right{text-anchor:end}
.ar-diagram .ar-d-label-muted{font-weight:500;fill:#4a678c;font-size:15px}

/* the pathway diagram in the combined-surgery article */
.ar-pathway{width:100%;height:auto;display:block;background:var(--cream,#fffaf2);border:1px solid #d8e2ee;
  border-radius:16px;padding:18px}
.ar-pathway .ar-row-label{font:600 15px/1.2 var(--font-body,Manrope,sans-serif);fill:#4a678c}
.ar-pathway .ar-op{fill:#285581}
.ar-pathway .ar-rec,.ar-pathway .ar-wait{fill:#e1eaf4;stroke:#c7d7e8}
.ar-pathway .ar-op-text{font:600 16px/1.2 var(--font-body,Manrope,sans-serif);fill:#fff;text-anchor:middle}
.ar-pathway .ar-op-sub{font:500 13px/1.2 var(--font-body,Manrope,sans-serif);fill:#cfe0f2;text-anchor:middle}
.ar-pathway .ar-rec-text,.ar-pathway .ar-wait-text{font:600 15px/1.2 var(--font-body,Manrope,sans-serif);
  fill:#183d69;text-anchor:middle}
.ar-pathway .ar-end{text-anchor:start;font-weight:500}
.ar-pathway .ar-arrow{stroke:#285581;stroke-width:2;fill:none}
.ar-pathway .ar-arrow-head{stroke:#285581;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:760px){
  .ar-pathway-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .ar-pathway,.ar-diagram{min-width:620px}
}

/* ---- tables ------------------------------------------------------------- */
.ar-table-wrap{margin:22px 0 26px;overflow-x:auto}
.ar-table{width:100%;border-collapse:collapse;font-size:15px;background:var(--cream,#fffaf2);
  border:1px solid #d8e2ee;border-radius:14px;overflow:hidden}
.ar-table caption{caption-side:top;text-align:left;font-size:14px;color:#4a678c;padding:0 0 10px}
.ar-table th,.ar-table td{padding:12px 14px;border-bottom:1px solid #e4ebf3;vertical-align:top;text-align:left}
.ar-table thead th{background:#e1eaf4;font-weight:600;color:#183d69}
.ar-table tbody th{font-weight:600;color:#183d69;width:24%}
.ar-table tr:last-child th,.ar-table tr:last-child td{border-bottom:0}
@media (max-width:760px){
  .ar-table,.ar-table tbody,.ar-table tr,.ar-table td,.ar-table th{display:block;width:auto}
  .ar-table{width:100%}
  .ar-table caption{display:block;width:100%;padding:0 0 10px}
  .ar-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ar-table tr{border-bottom:1px solid #d8e2ee;padding:6px 0}
  .ar-table tr:last-child{border-bottom:0}
  .ar-table tbody th{width:auto;padding-bottom:4px}
  .ar-table td{border-bottom:0;padding-top:4px}
  .ar-table td::before{content:attr(data-label);display:block;font-weight:600;color:#4a678c;font-size:13px}
}

/* ---- clinician section and references ----------------------------------- */
.ar-clinician-body p{margin:0 0 12px}
.ar-clinician-body p:last-child{margin-bottom:0}
.ar-references{margin:0;padding:0;list-style:none}
.ar-references li{padding:10px 0;border-bottom:1px solid #e4ebf3;font-size:15px;line-height:1.6}
.ar-references li:last-child{border-bottom:0}
ol.ar-references{list-style:decimal;padding-left:20px}
.ar-ref-authors{font-weight:600;color:#183d69}
.ar-refs-note{margin-top:14px;font-size:14px;color:#4a678c}

/* ---- the hub ------------------------------------------------------------ */
.ar-intro .lead{max-width:720px}
.ar-intro-note{max-width:720px;margin:14px 0 0;font-size:16px;color:#37527a}
.ar-grid{display:grid;gap:24px;grid-template-columns:1fr}
@media (min-width:1100px){.ar-grid{grid-template-columns:minmax(0,1fr);max-width:1000px}}
.ar-card{display:grid;grid-template-columns:1fr;background:var(--cream,#fffaf2);border:1px solid #d8e2ee;
  border-radius:18px;overflow:hidden}
@media (min-width:640px){.ar-card{grid-template-columns:minmax(0,34%) minmax(0,1fr);align-items:center}}
.ar-card-image{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;
  padding:12px}
.ar-card-image img{display:block;width:100%;height:auto;max-height:210px;object-fit:contain}
.ar-card-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.ar-card-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.ar-card-tags li{font-size:13px;font-weight:600;color:#4a678c;background:#e1eaf4;border-radius:999px;
  padding:4px 10px}
.ar-card h3{margin:0;font-size:22px;line-height:1.3}
.ar-card h3 a{color:inherit;text-decoration:none}
.ar-card h3 a:hover{text-decoration:underline}
.ar-card-meta{font-size:14px;color:#4a678c;margin:0}
.ar-card .pill{align-self:flex-start}
/* article text and card text must never wait for a scroll reveal */
.ar-card .site-reveal-pending,.ar-body .site-reveal-pending,.ar-head .site-reveal-pending,
.ar-contents .site-reveal-pending{opacity:1;transform:none}

.ar-inline-read{margin:0 0 16px;font-size:16px;max-width:760px}
#article-link .band-inner .section-top{margin-bottom:10px}

@media (min-width:1000px){.nav-articles{white-space:nowrap}}


/* /assets/audit-2026-09-21/audit-78a17a7f4f5f.css */
/* Whole-site audit, 21 September 2026 — scoped corrections loaded last. */
/* M9 (split, Simon 21 Sep 2026): the homepage "and more" list item and the footer address/clinic name render upright; journal citations (<i>/<cite>) keep their conventional italic. */
main li, main li:last-child, .site-footer address, .site-footer strong, .site-footer .footer-clinic-address, footer address, footer .footer-clinic-address { font-style: normal !important; }
/* T1: FAQ answers and the privacy text ran the full 1200px content width on desktop (about 130 characters a line); capped at a readable measure. */
main .acc-item .acc-a, main .acc-item p, main .symptom-action, main .matt-note p, main .visit-matte p, main .tech-lead { max-width: 72ch; }
body.website-privacy main p, body.website-privacy main li { max-width: 72ch; }
/* T1b: lead paragraphs and band text ran 108-140 characters a line at 1440px; figure captions up to 186. */
html body main .pe-lead, html body main .band-inner > p, html body main .vid-playlist p, html body main .vid-box p { max-width: 72ch !important; }
html body main figure figcaption, html body main figure figcaption span { max-width: 80ch; }
/* P4B: the merged stylesheet now precedes the page's inline "targets" block, whose `body .menu-panel a {min-height:48px!important}` would win the tie; the phone submenu links keep their 44px height by specificity. */
body .menu-panel .mobile-submenu > div > a { min-height: 44px !important; }
/* M8: visually hidden duration after the video title (part of the accessible name only). */
.yt-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.yt-name { position: relative; }
/* T1c (round 4): remaining wide blocks named by the reviewers. */
html body main .vr-intro, html body main .review-care-note p, html body main .pe-note, html body main .pe-note p, html body #related-videos .vid-box > p, html body #related-videos .vid-box p, html body main .vid-box.vid-playlist > p, html body main .vid-playlist p, html body #main #related-videos .related-videos.video-boxes > .vid-box.vid-playlist > p, html body #main #related-videos .related-videos.video-boxes > .vid-box > p, html body main .tech-note, html body main p.editorial, html body #main .acc-item p, html body main .acc-item > p, html body main details.acc-item p { max-width: 72ch !important; }
/* M10b (round 4): no text under 12px — eyebrow labels and comparison-table headers. */
html body .eyebrow, html body main .ctable th, html body main .ctable td { font-size: 12px; }
html body .eyebrow { font-size: 12px !important; }
/* A2: lens-explorer form controls meet the 24px target size (were 17px). */
main .lens-design input[type="radio"], main .lens-details input[type="checkbox"] { width: 24px; height: 24px; margin: 0 8px 0 0; vertical-align: middle; }
/* P9: article figures reserve their space (width/height attributes added by the build). */
.ar-figure img, main figure img { height: auto; max-width: 100%; }
/* T2: telephone links get a full-height tap target without moving the layout. */
main a[href^="tel:"] { display: inline-block; padding: 9px 0; margin: -9px 0; }
/* T3: the referrers equipment-list disclosure shows the site's expand mark like the other disclosures. */
.tech-capability > summary::after { content: " +"; } .tech-capability[open] > summary::after { content: " −"; }
/* M10: brand tagline never below 12px. */
body>header[data-site-header="desktop"] .brand small, body>header .brand small, .site-footer .brand small { font-size: 12px !important; }
/* M8: homepage narrow H1 now holds real text; the CSS-generated copy is switched off. */
body.home #main .hero-copy h1 .hl-narrow[data-hl="en"]::before { content: none !important; }
body.home #main .hero-copy h1 .hl-narrow[data-hl="en"] { white-space: normal; }
/* M8: publication year headings (h5 -> h4) keep their former size. */
body #main #publications .research-year>h4.pub-year-heading { font: 600 17px/1.5 var(--font-body); margin: 0; padding: 3px 0; color: #315f85; }
#publication-list .pub-year>h4.pub-year-heading { font-size: 18px; color: #183d69; margin: 0 0 10px; font-weight: 650; }
/* M8: links inside the deep-blue bands were navy on navy (1.25:1); they now use the band's light text colour. */
.band.blue .pe-link a, .blue .pe-link a { color: var(--on-blue, #faf7ef); text-decoration-color: currentColor; }
/* M8: the 3D lens viewer caption was 13px #617284 (below 4.5:1); now body grey at 14px. */
.acrylic-lens-copy .acrylic-lens-note { color: #485d70; font-size: 14px; }
/* V1: homepage in-page player sits where the photograph was. */
.video-feature .home-video-stage { display: block; border-radius: 14px; overflow: hidden; min-width: 0; }
.video-feature .home-video-stage .yt-facade { display: block; width: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; }
.video-feature .home-video-stage .yt-thumb { display: block; position: relative; aspect-ratio: 16 / 9; }
.video-feature .home-video-stage .yt-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.video-feature .home-video-stage .yt-live iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; display: block; }
/* M8: keyboard users can scroll the article pathway diagram. */
.ar-pathway-scroll:focus-visible { outline: 3px solid #183d69; outline-offset: 2px; }
/* D1: long question H1s on phones — one size step down so they take three or four lines, not six. */
@media (max-width: 760px) {
  html body main .ar-head h1, html body main .ar-head-inner h1 { font-size: 2rem !important; line-height: 1.2 !important; letter-spacing: -.01em !important; }
  html body main .ar-head .lead { font-size: 1.125rem !important; line-height: 1.6 !important; }
}
/* Z: Chinese pages hide the English-only site search until a Chinese index exists. */
html[lang^="zh"] .site-search-trigger, html[lang^="zh"] #site-search { display: none !important; }
/* Z: CJK fallback fonts after Manrope, and a little more leading for Chinese body text. */
html[lang^="zh"] body { font-family: Manrope, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", sans-serif; }
html[lang="zh-Hant"] body { font-family: Manrope, "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", "Noto Sans CJK TC", "Noto Sans TC", sans-serif; }
html[lang^="zh"] main p, html[lang^="zh"] main li { line-height: 1.85; }



/* Articles menu (21 September 2026): the desktop header row had no slack
   left between 1320 and 1499px, so a sixth control overflowed it. The menu
   arrows lose 4px (24px still meets the 24px minimum for a control) and the
   1400-1499px band keeps the spacing already used from 1200 to 1399px. */
@media (min-width:1320px) and (max-width:1399px){
  body>header[data-site-header="desktop"]{gap:10px!important}
}
@media (min-width:1400px) and (max-width:1499px){
  body>header[data-site-header="desktop"]{padding-inline:18px!important;gap:12px!important}
  body>header[data-site-header="desktop"] .nav-arrow{width:24px}
}


/* /assets/articles-2026-09-21/puresee.css — PureSee vs Clareon Vivity ------ */
/* Every article: a real gap between the heading and the sentence under it.   */
.ar-head h1{margin:0 0 18px}
.ar-head .lead{margin:0}

/* The title block sits beside the opening figure instead of leaving the      */
/* right-hand half of the page empty.                                         */
.pv-head .ar-head-inner{max-width:1200px;display:grid;gap:28px}
.pv-head .ar-head-text{min-width:0}
.pv-head .ar-head-text>*:last-child{margin-bottom:0}
.pv-head .ar-figure{margin:0}
@media (min-width:1060px){
  .pv-head .ar-head-inner{grid-template-columns:minmax(0,1fr) 480px;gap:56px;align-items:center}
}
.pv-figure .ar-figure-frame{background:#fff;padding:10px 8px 4px}
.pv-lenses{display:block;width:100%;height:auto}
.pv-lenses text{font-family:Manrope,Arial,sans-serif;fill:#183d60;text-anchor:middle}
.pv-name{font-size:19px;font-weight:700}
.pv-vs-mark{font-size:30px;font-weight:700;fill:#4a678c}
.pv-sheen{fill:none;stroke:#fff;stroke-linecap:round;opacity:.75}
.pv-single{max-width:300px;margin-inline:auto}
.ar-card-image .pv-lenses{max-height:210px;width:auto;max-width:100%}

/* Bigger names on a phone, where the pair renders about 340px wide. */
@media (max-width:700px){.pv-name{font-size:24px}}

/* The three task panels, cropped out of one illustration and labelled. */
.pv-tasks .ar-figure-frame{background:#fbfaf6;padding:12px}
.pv-tasks-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pv-task{margin:0}
.pv-task img{display:block;width:100%;height:auto;border-radius:10px}
.pv-task figcaption{margin:8px 0 2px;text-align:center;font-size:14px;font-weight:700;
  line-height:1.35;color:#183d60}
.ar-body>.ar-section .ar-figure{margin:0 0 20px}
.ar-body>.ar-section .pv-outline{max-width:600px;margin:0 auto 20px}
.pv-outline .ar-figure-frame{background:#fbfaf6}
@media (max-width:640px){
  .pv-tasks-row{gap:8px}
  .pv-task figcaption{font-size:13px}
}
.ar-head h1{max-width:none;text-wrap:balance}.ar-section>h2{max-width:none;text-wrap:balance}.ar-section h3{text-wrap:balance}.ar-author{display:flex;gap:16px;align-items:center;margin:22px 0 0;padding:16px 18px;border:1px solid #d3dfe9;border-radius:14px;background:#eaf1f7}.ar-author img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none;background:#dce2e8}.ar-author p{margin:0}.ar-author-name{font-size:15.5px;font-weight:700;color:#183d69;line-height:1.45}.ar-author-name a{color:#183d69;text-decoration:underline;text-underline-offset:3px}.ar-author-post{font-weight:600;color:#315f89}.ar-author-role{font-size:13.5px;color:#526171;margin-top:4px;line-height:1.5}.ar-author-date{font-size:13px;color:#7d8fa3;margin-top:4px}@media(max-width:520px){.ar-author{gap:12px;padding:14px 15px}.ar-author img{width:52px;height:52px}.ar-author-name{font-size:15px}}