main figcaption{opacity:1}.ar-author-date,.ar-author-date time{color:#4d6278}
html[lang^="zh"] body .site-search-trigger{display:flex!important}html[lang^="zh"] body #site-search:not([open]){display:none!important}html[lang^="zh"] body #site-search[open]{display:block!important}
/* Mobile readability and spacing, 27 September 2026. */
@media(max-width:760px){
html.mdc-navy #peers .peer-counter-copy p:last-child{margin-bottom:0!important}
html.mdc-navy #peers #experience{margin-top:16px!important}
html.mdc-navy #publication-list.pub-record{margin-top:0!important}
html.mdc-navy body.biography-review #main .biography-content>#community>.band-inner{padding-bottom:14px!important}
html.mdc-navy .biography-layout{margin-bottom:24px!important}
html.mdc-navy body.biography-review .booking-band.hs-band .hs-band-main{margin-bottom:0!important}
}
@media(max-width:760px){
html.mdc-navy #main #profile-training article{border-bottom:0!important;padding-bottom:0!important}
html.mdc-navy #main #profile-training article p:last-child{margin-bottom:0!important}
html.mdc-navy #main #profile-training{row-gap:24px!important}
}
@media(max-width:760px){
.site-footer .footer-clinic-details .footer-clinic-phone{display:inline-flex!important;align-items:baseline;min-height:44px;box-sizing:border-box}
.site-footer .footer-clinic-phone>br{display:none}
.site-footer .footer-clinic-phone>span{margin-right:.4em}
}
@media(max-width:1059px){
html body #main .ar-contents-fold nav a,
html body main .ar-contents-fold nav a{display:block!important;width:auto!important;max-width:100%;min-width:0;white-space:normal!important;overflow-wrap:anywhere;font-size:18px!important;line-height:1.5!important;min-height:44px;box-sizing:border-box;padding-top:9px!important;padding-bottom:9px!important}
.ar-contents-fold nav a:focus-visible{outline:2px solid #183d69;outline-offset:2px}
}

/* Round-two mobile and page refinements, 27 September 2026. */
/* a2 Articles page: tighter opening */
html:not(#r2):not(#r2) body #main .ar-intro{padding-bottom:10px!important}
html:not(#r2):not(#r2) body #main .ar-intro+#library{padding-top:18px!important}
html:not(#r2):not(#r2) body #library .section-top{margin-bottom:12px!important}
html:not(#r2):not(#r2) body #library .ao-find{margin-bottom:12px!important}
html:not(#r2):not(#r2) body #library .ao-find-status:empty{min-height:0!important;margin:0!important}
/* a3 Articles page: topic disclosures */
.ao-topics-r2 .ao-tl{list-style:none;margin:0;padding:0}
.ao-topics-r2 .ao-t{position:relative}
.ao-topics-r2 .ao-t>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:10px 0;min-height:44px;box-sizing:border-box;border-bottom:1px solid rgba(24,61,105,.12);color:#183d69;font-weight:600;cursor:pointer}
.ao-topics-r2 .ao-t>summary::-webkit-details-marker{display:none}
.ao-topics-r2 .ao-t>summary:hover .ao-t-label{text-decoration:underline;text-underline-offset:4px}
.ao-topics-r2 .ao-t>summary:focus-visible{outline:3px solid #315f89;outline-offset:2px;border-radius:6px}
.ao-topics-r2 .ao-t-label{flex:1 1 auto}
.ao-topics-r2 .ao-t-n{font-weight:500;color:#40597a}
.ao-topics-r2 .ao-t-chev{flex:0 0 auto;width:8px;height:8px;margin:0 4px 4px 2px;border-right:2px solid #183d69;border-bottom:2px solid #183d69;transform:rotate(45deg);transition:transform .2s}
.ao-topics-r2 .ao-t[open]>summary .ao-t-chev{transform:rotate(-135deg);margin-bottom:-2px}
.ao-topics-r2 .ao-t-panel{padding:6px 0 12px}
.ao-topics-r2 .ao-t-list{display:block!important;list-style:none;margin:0;padding:0}
.ao-topics-r2 .ao-t-list li{margin:0!important}
.ao-topics-r2 .ao-t-list a,.ao-topics-r2 a.ao-t-all{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:8px 0 8px 14px;border-bottom:0;border-left:2px solid rgba(24,61,105,.16);color:#263647;font-weight:500;line-height:1.4;text-decoration:none}
.ao-topics-r2 .ao-t-list a:hover,.ao-topics-r2 .ao-t-list a:focus-visible{color:#183d69;border-left-color:#183d69;text-decoration:underline;text-underline-offset:4px}
.ao-topics-r2 a.ao-t-all{gap:8px;justify-content:flex-start;margin-top:4px;color:#183d69;font-weight:700;border-left-color:transparent}
.ao-topics-r2 a.ao-t-all:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:901px){
.ao-topics-r2 .ao-t[open]{z-index:30}
.ao-topics-r2 .ao-t-panel{position:absolute;left:-16px;right:-16px;top:calc(100% + 6px);z-index:30;padding:10px 16px 12px;background:#fff;border:1px solid rgba(24,61,105,.16);border-radius:14px;box-shadow:0 18px 40px rgba(24,61,105,.14)}
.ao-topics-r2 .ao-t-panel::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
}
/* m1 phone qualifications reveal (pending state is set only by the script) */
@media(max-width:760px){#hero-qualifications .has-mark.r2-q-pending>*{opacity:0}}
@media(max-width:760px){
/* m2 less space between the Why choose introduction and point 1 */
html:not(#r2):not(#r2) body #why-choose .hs-why{row-gap:10px!important}
html:not(#r2):not(#r2) body #why-choose .hs-why-intro>p:last-of-type{margin-bottom:0!important}
html:not(#r2):not(#r2) body #why-choose .hs-why-list>li:first-child{padding-top:12px!important}
}
@media(max-width:760px){
/* m3 numbers closer to the rule above them */
html:not(#r2):not(#r2) body #why-choose .hs-why-list>li{margin-top:0!important}
html:not(#r2):not(#r2) body #why-choose .hs-why-list>li:not(.hs-feature):not(:first-child){padding-top:16px!important}
html:not(#r2):not(#r2) body #why-choose .hs-why-list>li.hs-feature{margin-top:6px!important;padding-top:18px!important}
html:not(#r2):not(#r2) body #why-choose .hs-why-list>li.hs-feature+li{padding-top:22px!important}
}
@media(max-width:760px){
/* n1 number on the same line as its heading */
html:not(#r2):not(#r2) body #why-choose .hs-why-list>li{position:relative;display:block!important}
html:not(#r2):not(#r2) body #why-choose .hs-why-list>li>span:first-child{position:absolute;margin:0!important}
html:not(#r2):not(#r2) body #why-choose .hs-why-list>li:not(.hs-feature)>span:first-child{top:16px;left:0}
html:not(#r2):not(#r2) body #why-choose .hs-why-list>li:first-child>span:first-child{top:12px}
html:not(#r2):not(#r2) body #why-choose .hs-why-list>li.hs-feature>span:first-child{top:18px;left:13px}
html:not(#r2):not(#r2) body #why-choose .hs-why-list>li.hs-feature+li>span:first-child{top:22px}
html:not(#r2):not(#r2) body #why-choose .hs-why-list>li .hs-body>h3:first-child{margin-top:0!important;padding-left:54px;min-height:40px;display:flex;align-items:center}
}
@media(max-width:760px){
/* m4 less space above the navy numbers band */
html:not(#r2):not(#r2) body #why-choose{padding-bottom:18px!important}
html:not(#r2):not(#r2) body #why-choose .hs-why-list>li:last-child{padding-bottom:6px!important}
}
@media(max-width:760px){
/* m5 What brings you here? closer to the navy band */
html:not(#r2):not(#r2) body #two-specialties{padding-top:18px!important}
html:not(#r2):not(#r2) body #two-specialties #care{padding-top:0!important}
}
@media(max-width:760px){
/* m6 front/back of the eye cards: heading, rule and Explore options closer */
html:not(#r2):not(#r2) body #two-specialties .hs-path summary{padding-top:14px!important;padding-bottom:12px!important}
html:not(#r2):not(#r2) body #two-specialties .hs-path-head{align-items:center!important}
html:not(#r2):not(#r2) body #two-specialties .hs-path-head img{margin-bottom:0!important}
html:not(#r2):not(#r2) body #two-specialties .hs-toggle{margin-top:10px!important;padding-top:10px!important}
}
@media(max-width:760px){
/* m7 single operation paragraph closer to the planning box */
html:not(#r2):not(#r2) body .hr-tailored-top>div>p:last-child{margin-bottom:0!important}
html:not(#r2):not(#r2) body .hr-tfold{margin-top:16px!important}
}
@media(max-width:760px){
/* m8 visit steps a little closer */
html:not(#r2):not(#r2) body #journey .hs-steps>li{padding-bottom:14px!important}
html:not(#r2):not(#r2) body #journey .hs-steps>li+li{margin-top:0!important}
html:not(#r2):not(#r2) body #journey .hs-steps>li p{margin-bottom:0!important}
}
@media(max-width:760px){
/* m9 Before your appointment closer to the steps */
html:not(#r2):not(#r2) body #journey .hs-prep{margin-top:18px!important}
}
/* m10 gold band: For referrers closer to its rule */
@media(max-width:760px){html:not(#r2):not(#r2) body .hs-band .hs-band-main{margin-bottom:0!important;padding-bottom:22px!important}
html:not(#r2):not(#r2) body .hs-band .hs-band-ref{margin-top:-8px!important}}
/* f1 footer privacy and terms links without underline */
html:not(#r2):not(#r2) body .site-footer a.website-privacy-link{text-decoration:none!important}
html:not(#r2):not(#r2) body .site-footer a.website-privacy-link:hover,html:not(#r2):not(#r2) body .site-footer a.website-privacy-link:focus-visible{text-decoration:underline!important;text-underline-offset:4px}
/* m12 larger front/back of the eye icons */
html:not(#r2):not(#r2) body #two-specialties .hs-path-head img{width:84px!important;height:84px!important;max-width:none!important}
@media(max-width:760px){html:not(#r2):not(#r2) body #two-specialties .hs-path-head img{width:64px!important;height:64px!important}
html:not(#r2):not(#r2) body #two-specialties .hs-path-head{column-gap:8px!important}}
@media(max-width:379px){html:not(#r2):not(#r2) body #two-specialties .hs-path-head img{width:54px!important;height:54px!important}}
/* m13 planning by operation: larger tiles, icons above labels */
@media(max-width:760px){
html:not(#r2):not(#r2) body .hr-tfold .hr-tabs{grid-template-columns:1fr 1fr!important;gap:8px!important;padding-top:14px!important}
html:not(#r2):not(#r2) body .hr-tfold .hr-tab{flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;text-align:center!important;gap:8px!important;padding:14px 8px 12px!important;min-height:0!important}
html:not(#r2):not(#r2) body .hr-tfold .hr-tab{border:1px solid rgba(24,61,105,.14)!important;border-radius:14px!important}
html:not(#r2):not(#r2) body .hr-tfold .hr-tab[aria-selected="true"]{border-color:rgba(24,61,105,.32)!important}
html:not(#r2):not(#r2) body .hr-tfold .hr-tab img{width:64px!important;height:64px!important;max-width:none!important}
html:not(#r2):not(#r2) body .hr-tfold .hr-tab span{font-size:17px!important;line-height:1.3!important;font-weight:700!important}
}
/* c2 contact Phone label and number on one line */
html:not(#r2):not(#r2) body .clinic-details p[data-i18n="33c2019c12b9"] strong{margin-right:.35em}
/* c4 clickable address */
html:not(#r2):not(#r2) body .clinic-details a.address-link{color:inherit;text-decoration:underline;text-decoration-color:rgba(24,61,105,.45);text-underline-offset:4px;text-decoration-thickness:1px}
html:not(#r2):not(#r2) body .clinic-details a.address-link:hover{text-decoration-color:currentColor}
/* c5 contact: tighter rule under the request note */
@media(max-width:760px){html:not(#r2):not(#r2) body .contact-panel .clinic-details{margin-top:16px!important;padding-top:12px!important}}
/* b1 Why choose link closer to the highlights box */
@media(max-width:760px){html:not(#r2):not(#r2) body #main p:has(>a.highlight-link[href$="#why-choose"]){margin-bottom:0!important}
html:not(#r2):not(#r2) body #main .biography-opening .career-highlights{margin-top:-8px!important}}
/* b2 Approach to your care closer to the navy panel */
@media(max-width:760px){html:not(#r2):not(#r2) body #philosophy>.band-inner{padding-top:4px!important}}
/* b3 surgery icons centred above their numbers */
html:not(#r2):not(#r2) body #experience .experience-stat>img.glass-icon{margin-left:auto!important;margin-right:auto!important}
/* b4 linked logos */
html:not(#r2):not(#r2) body .marks .mark-pair>a.mark-link{display:contents}
html:not(#r2):not(#r2) body .marks .mark-pair>a.mark-link:focus-visible>img{outline:3px solid #315f89;outline-offset:4px;border-radius:6px}
html:not(#r2):not(#r2) body .marks a.mark-plate.mark-link{display:grid}
html:not(#r2):not(#r2) body .marks a.mark-link:focus-visible{outline:3px solid #315f89;outline-offset:4px}
html:not(#r2):not(#r2) body .marks a.mark-link:hover img{opacity:.85}
/* b5 publications, talks and abstracts: larger subtitles, less space */
html:not(#r2):not(#r2) body .pub-disclosure summary small{font-size:16px!important;line-height:1.45!important}
html:not(#r2):not(#r2) body .pub-content .pub-year{margin-top:14px!important}
html:not(#r2):not(#r2) body .pub-content .pub-year-heading{margin-bottom:6px!important}
html:not(#r2):not(#r2) body .pub-content .pub-items>li{margin:0!important;padding-top:12px!important;padding-bottom:12px!important}
html:not(#r2):not(#r2) body .pub-content .pub-items .pub-link{margin-top:8px!important}
html:not(#r2):not(#r2) body .pub-content>p{margin-bottom:10px!important}

/* Scoped additions to the current production article layout. */
.pack-review{background:#183d69;color:#fff;padding:8px 5%;font:500 12px/1.5 Manrope,sans-serif;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.pack-review a{text-decoration:underline;text-underline-offset:3px}
.ar-head .ar-author{border:1px solid #b7cbdc;background:var(--fg-surface,rgba(250,248,242,.62));border-radius:14px;padding:18px;display:flex;gap:16px;align-items:center;margin-top:24px;box-shadow:var(--fg-lift,none)}.ar-head .ar-author img{width:80px;height:80px;min-width:80px;object-fit:cover;object-position:50% 50%;border-radius:50%}.ar-author a{text-decoration:underline}.ar-head .ar-author p{margin:0!important;font:500 14px/1.65 Manrope,sans-serif!important}.ar-author-post{display:block;font-size:12px}.ar-head .ar-author .ar-author-role{font-size:12px!important;margin-top:6px!important}
.ar-body p,.ar-body .editorial{font:400 18px/1.75 Manrope,sans-serif!important}.ar-body p a:not(.pill){text-decoration:underline;text-underline-offset:3px}.ar-section{scroll-margin-top:120px}.ar-figure{background:#f6f5ef}.figure-open{display:block;width:100%;position:relative;padding:0;background:#f6f5ef;border-radius:14px;overflow:hidden;cursor:zoom-in}.figure-open img{width:100%;height:auto}.figure-plus{position:absolute;right:12px;top:12px;background:#f6f5ef;color:#183d69;border:1.5px solid #183d69;border-radius:50%;width:30px;height:30px;font:500 26px/26px Manrope;box-shadow:0 2px 6px #0001}.lab-overlay{position:absolute;inset:0;pointer-events:none}.lab-label{position:absolute;left:var(--x);top:var(--y);font:600 13px/1.4 Manrope,sans-serif;color:#183d69}.lab-desktop{background:#f6f5efed;border:1px solid rgba(24,61,105,.16);border-radius:6px;padding:4px 7px;white-space:nowrap}.lab-number{display:none}.lab-legend{display:none}.fig-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center;font:600 16px/1.5 Manrope;margin:0 0 8px}.ar-figure figcaption{font:400 14px/1.65 Manrope,sans-serif!important;max-width:none!important;margin-top:12px!important}.pack-simulator{margin:24px 0}.pack-simulator .compare{width:100%;max-width:none;padding:0;background:transparent;border:0}.pack-simulator figcaption{padding:12px 0;font:400 14px/1.65 Manrope}.pack-video{margin:28px 0;padding:22px;border:1px solid rgba(24,61,105,.16);border-radius:16px;background:var(--fg-surface,rgba(250,248,242,.62))}.pack-video h3{margin-bottom:14px}.pack-video .yt-stage{aspect-ratio:16/9}.pack-video .yt-facade{width:100%;height:100%;padding:0;border-radius:12px;overflow:hidden;display:block;background:#183d69}.pack-video .yt-thumb{display:block;width:100%;height:100%;position:relative}.pack-video .yt-thumb img{width:100%;height:100%;object-fit:cover}.pack-video .yt-name{display:none}.pack-video .pill{margin-top:16px}.pack-links{display:flex;flex-wrap:wrap;gap:12px}.ar-related{margin:28px 0}.ar-related h3{margin-bottom:15px}.ar-references{overflow-wrap:anywhere}.ar-body #urgent{background:var(--fg-surface,rgba(250,248,242,.62));border:1px solid #b7cbdc;padding:24px;border-radius:16px}.ar-body #urgent h2{margin-top:0}
#figure-viewer{border:1px solid #b7cbdc;border-radius:16px;background:#f6f5ef;color:#183d69;width:min(1280px,96vw);max-width:96vw;max-height:94svh;padding:16px}#figure-viewer::backdrop{background:#10263bc9}.viewer-close{display:block;margin:0 0 12px auto;padding:10px 18px;border-radius:30px;background:#183d69;color:white;font-weight:600}.viewer-content figure{margin:0}.viewer-content .figure-open{pointer-events:none;cursor:default}.viewer-content .figure-plus{display:none}.viewer-content img{max-height:72svh;object-fit:contain}.viewer-content .lab-overlay{display:none}.viewer-content .lab-legend{display:flex;flex-wrap:wrap;gap:12px;font:500 14px/1.5 Manrope;margin-top:8px}.viewer-content .fig-panels{font-size:18px}
@media(max-width:700px){.lab-desktop{display:none}.lab-number{display:grid;place-items:center;background:#f6f5ef;border:1px solid #183d69;width:23px;height:23px;border-radius:50%;font-size:12px}.lab-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font:500 12px/1.5 Manrope;margin-top:10px}.fig-panels{font-size:13px;gap:8px}.ar-head .ar-author{padding:14px;gap:12px}.ar-body #urgent{padding:20px}.pack-video{padding:16px}.ar-body p,.ar-body .editorial{font-size:18px!important}.figure-plus{width:26px;height:26px;line-height:23px;font-size:22px;right:8px;top:8px}}
/* Keep the opening image beside the answer and byline on wide screens. */
@media(min-width:1060px){html body main .ar-head{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:36px;align-items:center;min-height:0!important}html body main .ar-head>.ar-figure{margin:0!important}html body main .ar-head-inner{max-width:none}html body main .ar-head h1{font-size:42px!important}}
@media(max-width:1059px){html body main .ar-head>.ar-figure{max-width:680px;margin:24px auto 0}}
/* Review captures and local reading stay steady after scrolling. */
html body .ar-section,html body .ar-section>*{opacity:1!important;transform:none!important}
html body .ar-references a{display:inline!important;text-decoration:underline!important;padding:0!important;border:0!important}html body .ar-references a::after{display:none!important}html body .ar-references a .aes-link-label{display:inline!important}html body .ar-references .aes-arrow{display:none!important}
#figure-viewer .viewer-content .figure-open{max-width:1080px;margin:auto}#figure-viewer .viewer-content img{max-height:none;height:auto}#figure-viewer .viewer-content .lab-overlay{display:block}#figure-viewer .viewer-content .lab-legend{display:none}
@media(max-width:700px){#figure-viewer .viewer-content .lab-legend{display:flex}}
/* Subtle vector outlines on the selected collagen panels. */
.figure-detail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.figure-detail circle{fill:none;stroke:#68747b;stroke-width:3.8;stroke-opacity:.38}
/* Bibliographic titles flow as text; do not split punctuation into flex items. */
html body #main #references a,html body #main #references .aes-arrow-label,html body #main #references .aes-link-label{display:inline!important;text-decoration:underline!important}
html body #main #references .aes-arrow{display:none!important}

/* Author portrait: 80 px desktop, 72 px phone, matching the live author panels (dd682ffa). */
@media(max-width:700px){.ar-head .ar-author img{width:72px!important;height:72px!important;min-width:72px!important}}
/* Peripheral questions: independent details items, one Expand all / Collapse all pill. */
.fold-tools{display:flex;justify-content:flex-end;margin:4px 0 12px}
.ar-qs{border-top:1px solid rgba(24,61,105,.16)}
.ar-q{border-bottom:1px solid rgba(24,61,105,.16)}
.ar-q summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;cursor:pointer}
.ar-q summary::-webkit-details-marker{display:none}
.ar-q summary h3{margin:0!important;font-size:19px!important;line-height:1.35!important}
.ar-q-plus{flex:none;width:30px;height:30px;border:1.5px solid #183d69;border-radius:50%;position:relative}
.ar-q-plus::before,.ar-q-plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:#183d69;transform:translate(-50%,-50%)}
.ar-q-plus::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}
.ar-q[open] .ar-q-plus::after{transform:translate(-50%,-50%) rotate(0)}
.ar-q>p,.ar-q>ul{margin:0 0 16px!important}
.ar-q summary:focus-visible{outline:3px solid #2f6fb0;outline-offset:3px}
/* Published-article clipping. */
.pack-clip{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:center;border:1px solid rgba(24,61,105,.16);border-radius:16px;background:#fff;padding:20px;margin:24px 0}
.pack-clip-thumb img{width:150px;height:auto;border:1px solid rgba(24,61,105,.16);border-radius:6px;display:block}
.pack-clip h3{margin:0 0 8px!important}
.pack-clip p{margin:0 0 12px!important}
.pack-clip-kicker{font:600 14px/1.4 Manrope,sans-serif!important;color:#40597a}
.pack-video-note{font-size:14px!important;margin:12px 0 0!important}
@media(max-width:560px){.pack-clip{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:14px}.pack-clip-thumb img{width:96px}}

/* Body text 18 px at every width (article type scale); phone rule was being overridden. */
html body #main .ar-body p,html body #main .ar-body li,html body #main .ar-body td{font-size:18px!important;line-height:1.7!important}
html body #main .ar-body .ar-references li{font-size:15px!important;line-height:1.6!important}
/* Source image has an empty lower band: crop it inline; the enlarged view shows the whole image. */
.ar-body .fig-crop .figure-open img{aspect-ratio:1536/880;object-fit:cover;object-position:50% 0}
.viewer-content .fig-crop .figure-open img{aspect-ratio:auto}
/* Phone chart art direction: keep the phone SVG at its own aspect, never cropped. */
@media(max-width:700px){html body #main #fig-chart .figure-open img{aspect-ratio:720/780!important;height:auto!important;object-fit:contain!important}}
html body #main .ar-body .pack-clip-kicker,html body #main .ar-body .pack-video-note{font-size:14px!important;line-height:1.5!important}
@media(max-width:560px){.pack-clip{align-items:start}}
/* Video: the player replaces the facade inside .yt-live; size it to fill the 16:9 stage
   (article pages do not load the stylesheet that sizes .yt-live elsewhere). */
.pack-video .yt-stage{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#183d69}
.pack-video .yt-live{position:absolute;inset:0;width:100%;height:100%}
.pack-video .yt-live iframe{display:block;width:100%;height:100%;border:0}
/* Symptom sliders copied from /cataracts: their effect rules live in a stylesheet article pages do not load. */
.pack-simulator .compare.blur .affected{filter:blur(3.5px) contrast(.9)}
.pack-simulator .compare.yellow .affected{filter:sepia(.62) saturate(.72) contrast(.9) brightness(.94)}
.pack-simulator .compare{margin:0 0 20px}
.pack-simulator .compare figcaption h3{margin:0 0 4px!important;font-size:19px!important}
html body #main .ar-body .pack-simulator figcaption p,html body #main .ar-body .pack-slider-note{font-size:15px!important;line-height:1.6!important;margin:0!important}
html body #main .ar-body .pack-video h3{font-size:19px!important;line-height:1.35!important}
/* Lens plates have empty ivory bands above and below: crop inline; the enlarged view shows the whole plate. */
.ar-body .fig-crop-lens .figure-open img{aspect-ratio:1536/860;object-fit:cover;object-position:50% 50%}
.viewer-content .fig-crop-lens .figure-open img{aspect-ratio:auto}
/* Keep the normal section gap between the urgent panel and the references. */
html body #main .ar-body #urgent{margin-bottom:34px}
/* Square retina block: show its middle band inline; the enlarged view shows the whole block. */
.ar-body .fig-crop-sq .figure-open img{aspect-ratio:1254/820;object-fit:cover;object-position:50% 45%}
.viewer-content .fig-crop-sq .figure-open img{aspect-ratio:auto}
/* Collagen panels: trim the empty ivory above and below inline; the outline overlay crops with the image. */
.ar-body .fig-crop-mid .figure-open img{aspect-ratio:1536/860;object-fit:cover;object-position:50% 50%}
.viewer-content .fig-crop-mid .figure-open img{aspect-ratio:auto}

.ar-head .ar-author img{width:84px!important;height:84px!important;min-width:84px!important}@media(max-width:700px){.ar-head .ar-author img{width:76px!important;height:76px!important;min-width:76px!important}}

/* Stable local review, including inherited split-title entrance wrappers. */
html body #main [data-reveal],html body #main .reveal,html body #main .ar-head,html body #main .ar-head *{opacity:1!important;transform:none!important;animation:none!important}

html body #main h1,html body #main h2,html body #main h3{font-family:Manrope,sans-serif!important;font-weight:650!important}
html body #main .ar-head .ar-author img{width:84px!important;height:84px!important;min-width:84px!important}
html body #main .ar-head .ar-author .ar-author-role{font-size:14px!important;line-height:1.6!important}
@media(max-width:700px){html body #main .ar-head .ar-author img{width:76px!important;height:76px!important;min-width:76px!important}}

.vmt-video-thumbnail{display:block;position:relative;overflow:hidden;border-radius:12px;background:#101010;aspect-ratio:16/9;color:white!important}.vmt-video-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.vmt-video-thumbnail span{position:absolute;bottom:16px;left:16px;padding:12px 18px;border-radius:999px;background:#153c5b;color:#fff;font-weight:700}.vmt-video-thumbnail:focus-visible{outline:3px solid #b58b36;outline-offset:5px}

html body #main .ar-head .ar-author img{height:112px!important;object-fit:contain!important;border-radius:8px!important;background:#fff} .frill-video-link{position:relative;display:block;width:100%;height:100%;padding:0;background:#153c5b;color:white}.frill-video-link img{width:100%;height:100%;object-fit:cover}.frill-video-link span{position:absolute;left:16px;bottom:16px;background:#153c5b;border-radius:30px;padding:12px 18px;font-weight:600}.yt-stage iframe{width:100%;height:100%;border:0}.pack-simulator .compare-stage{position:relative;aspect-ratio:5/3;overflow:hidden;border-radius:14px}.pack-simulator .scene{position:absolute;inset:0}.pack-simulator .scene svg{width:100%;height:100%}.pack-simulator .affected{clip-path:inset(0 0 0 55%)}.pack-simulator input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.pack-simulator .compare-handle{position:absolute;left:55%;top:0;bottom:0;border-left:2px solid white;pointer-events:none}.pack-simulator .compare-handle span{position:absolute;top:45%;transform:translateX(-50%);padding:6px;border-radius:50%;background:#153c5b;color:white}.pack-simulator .compare-tag{position:absolute;top:12px;padding:4px 10px;background:#f6f5efdd;border-radius:20px;font-size:13px;pointer-events:none}.pack-simulator .left{left:12px}.pack-simulator .right{right:12px}.pack-simulator:focus-within{outline:2px solid #153c5b;border-radius:14px}

/* Anatomical keys stay attached to the actual structures at every size. */
:is(#fig-frill,.frill-anatomy) .lab-desktop{display:none}:is(#fig-frill,.frill-anatomy) .lab-number{display:grid;place-items:center;background:#f6f5ef;border:1px solid #183d69;width:23px;height:23px;border-radius:50%;font-size:12px}:is(#fig-frill,.frill-anatomy) .lab-label{transform:translate(-50%,-50%)}:is(#fig-frill,.frill-anatomy) .lab-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font:500 14px/1.5 Manrope;margin-top:12px}
@media(min-width:1100px){html body .ar-contents{max-height:calc(100svh - 124px);overflow:auto;overscroll-behavior:contain}}

.viewer-content .frill-anatomy .lab-overlay{display:block}.viewer-content .frill-anatomy img{max-height:none}

.frill-video-link:focus-visible{outline:3px solid #b58b36;outline-offset:3px}