/* 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 #d5dfe9;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}