.cscr-article main{font-family:Manrope,sans-serif;color:#183d69}
.cscr-article .ar-head{display:block!important;padding:34px 6% 22px!important}
.cscr-article .ar-head-inner{display:block!important;max-width:1140px;margin:auto}
.cscr-article h1{font-size:clamp(30px,3.6vw,49px)!important;line-height:1.17!important;margin:0 0 22px!important;max-width:1080px}
.cscr-article .lead{font-size:21px!important;line-height:1.6!important;max-width:1000px}
.cscr-article .ar-author{display:flex;align-items:center;gap:18px;margin-top:22px;padding:18px;background:var(--fg-surface,rgba(250,248,242,.62));border:1px solid rgba(24,61,105,.16);border-radius:18px;max-width:1000px;box-shadow:var(--fg-lift,none)}
.cscr-article .ar-author img{width:84px!important;height:84px!important;border-radius:50%;object-fit:cover;flex:none}
.cscr-article .ar-author p{font-size:16px!important;line-height:1.5!important;margin:3px 0!important}
.cscr-article .ar-author-post{display:block;font-size:14px}
.cscr-article .ar-layout{max-width:1400px;margin:auto!important;padding:0 5% 42px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:36px}
.cscr-article .ar-body{max-width:none!important;min-width:0}
.cscr-article .ar-contents{position:sticky;top:120px;align-self:start;padding-top:28px}
.cscr-article .ar-contents-links{display:grid;gap:12px}
.cscr-article .ar-contents-links a{font-size:15px;line-height:1.4}
.cscr-article .ar-contents-links a[aria-current]{font-weight:800;text-decoration:underline}
.cscr-article .ar-section{padding:26px 0!important;margin:0!important;scroll-margin-top:135px}
.cscr-article h2{font-size:28px!important;line-height:1.3!important;margin:0 0 18px!important}
.cscr-article .ar-body p,.cscr-article .ar-body li{font-size:18px!important;line-height:1.65!important}
.cscr-article .ar-body p{margin:0 0 16px!important;columns:auto!important;column-count:1!important}
#symptoms .cscr-row{display:block}#symptoms .cscr-row figure{max-width:480px!important;margin:18px auto 0!important}
.cscr-row{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:25px;align-items:center}
.cscr-article figure{min-width:0;max-width:100%!important;margin:0!important}
.cscr-article .cscr-figure-label{font-size:19px!important;font-weight:800;margin:0 0 12px!important}
.cscr-open{display:block;position:relative;padding:0;border:1px solid rgba(24,61,105,.16);border-radius:15px;background:white;width:100%;overflow:hidden;cursor:zoom-in}
.cscr-open img{display:block;width:100%;height:auto;object-fit:contain}
.cscr-plus{position:absolute;right:10px;top:10px;width:30px;height:30px;border:1.5px solid #183d69;border-radius:50%;background:white;display:grid;place-items:center;font:500 24px/1 Manrope,sans-serif;color:#183d69}
.cscr-open:focus-visible,.cscr-article a:focus-visible{outline:3px solid #ad7d2d;outline-offset:4px}
.cscr-article figcaption{font-size:16px!important;line-height:1.5!important;margin-top:11px!important;color:#465c73}
.cscr-article .compare{max-width:480px!important;margin:0 auto!important}
.cscr-article .compare-stage{border-radius:15px;overflow:hidden}
.cscr-article .compare figcaption p{font-size:16px!important;margin:10px 0 0!important}
.cscr-article .ar-related{padding:22px!important;margin:22px 0!important;border-radius:18px;background:var(--fg-surface,rgba(250,248,242,.62));border:1px solid rgba(24,61,105,.16)}
.cscr-links{display:flex;flex-wrap:wrap;gap:12px}.cscr-links a{font-size:16px;padding:11px 16px;border:1px solid rgba(24,61,105,.16);border-radius:99px;background:white;text-decoration:none}
#cscr-dialog{width:min(950px,94vw);max-height:94vh;box-sizing:border-box;border:0;border-radius:18px;padding:18px;background:white;color:#183d69}
#cscr-dialog::backdrop{background:rgba(10,25,45,.82)}
#cscr-close{display:block;margin-left:auto;min-height:44px;padding:9px 18px;border-radius:99px;border:1px solid rgba(24,61,105,.16);background:var(--fg-surface,rgba(250,248,242,.62));color:#183d69;font:700 16px Manrope,sans-serif}
#cscr-dialog h2{font:800 22px/1.3 Manrope,sans-serif;margin:12px 0}
#cscr-dialog img{display:block;max-width:100%;max-height:65vh;width:auto;height:auto;margin:auto}
#cscr-dialog p{font:500 16px/1.5 Manrope,sans-serif;margin:12px 0 0}
@media(max-width:1059px){.cscr-article .ar-layout{display:block;padding:0 6% 38px}.cscr-article .ar-contents{position:static;padding:14px 0}.cscr-article .ar-contents summary{font-size:18px;font-weight:700}.cscr-article .ar-contents-links{padding:14px 0}.cscr-article .ar-contents-links a{font-size:18px}}
@media(max-width:900px){.cscr-row{display:block}.cscr-row figure{max-width:560px!important;margin:18px auto 0!important}.cscr-article .ar-section{padding:23px 0!important}.cscr-article h2{font-size:25px!important}.cscr-article .lead{font-size:19px!important}.cscr-article .ar-author{gap:12px;padding:15px}.cscr-article .ar-author img{width:76px!important;height:76px!important}.cscr-article .ar-author p{font-size:14px!important}.cscr-links a{width:100%}.cscr-article .ar-head{padding-top:25px!important}}

.cscr-article h1,.cscr-article h2{max-width:none!important;text-wrap:balance}.cscr-article .ar-table{width:100%;border-collapse:collapse}.cscr-article .ar-table td,.cscr-article .ar-table th{font-size:18px!important;line-height:1.6;padding:14px;border:1px solid rgba(24,61,105,.16);vertical-align:top}.cscr-article .ar-table th{background:rgba(243,230,196,.5)}.cscr-article .ya-faq{border:1px solid rgba(24,61,105,.16);border-radius:16px;padding:16px;margin:14px 0}.ya-faq summary{font-size:18px;font-weight:700;cursor:pointer}.ya-faq p{padding-top:14px}.ya-urgent{padding:20px;background:var(--fg-surface,rgba(250,248,242,.62));border:1px solid rgba(24,61,105,.16);border-radius:18px}.cscr-article .ar-references li{font-size:16px!important;overflow-wrap:anywhere}.cscr-open img{position:static!important;height:auto!important;width:100%!important}.cscr-article .ar-contents-links{gap:9px}.cscr-article .compare{max-width:560px!important;margin:20px auto!important}.cscr-article figure{max-width:650px!important;margin:20px auto!important}.cscr-article .cscr-row figure{margin:0!important}#cscr-dialog img{position:static;max-height:70vh;max-width:100%;margin:auto;width:auto;height:auto}@media(max-width:600px){.cscr-article .ar-table thead{display:none}.cscr-article .ar-table tr{display:block;margin-bottom:14px}.cscr-article .ar-table td{display:block}.cscr-article .ar-table td:first-child{font-weight:800;background:rgba(243,230,196,.5)}}

#cscr-dialog img[hidden]{display:none}.ya-compare-open{display:flex;position:relative;margin:10px 0 0 auto;padding:6px;border:0;background:none;color:#183d69;cursor:zoom-in}.ya-compare-open .cscr-plus{position:static}.ya-modal-comparison .compare{width:100%;max-width:850px!important;margin:12px auto!important}.ya-modal-comparison .compare-stage{min-height:0;aspect-ratio:5/3}.ya-modal-comparison .compare-stage svg{width:100%;height:100%}

.cscr-article #urgent{background:transparent!important;border:0!important;border-radius:0!important}

/* Clinic photos, 8 October 2026: entrance photo, visit video crop, visit intro photo */

/* e1: location popup, map and entrance side by side on wider screens */
dialog.clinic-location[data-cl-entrance]{width:min(900px,calc(100vw - 32px));max-width:none}
.cl-media{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:14px;align-items:stretch}
.cl-media .clinic-location-map{height:auto;min-height:0}
.cl-media .clinic-location-map img{width:100%;height:auto;max-height:none}
.cl-entrance{margin:0;display:flex;flex-direction:column;border:1px solid rgba(24,61,105,.16);border-radius:14px;overflow:hidden;background:#fff}
.cl-entrance img{display:block;width:100%;height:auto;flex:1 1 auto;min-height:0;object-fit:cover;object-position:18% 50%;aspect-ratio:3/2}
.cl-entrance figcaption{margin:0;padding:9px 13px 11px;font-size:13px;line-height:1.45;color:#263647}
@media (max-width:760px){
  .cl-media{grid-template-columns:1fr}
}

/* shared caption style for page placements */
.cp-gh-photo,.cp-gh-thumb,.cp-band-photo,.cp-intro-photo{margin:0}
.cp-gh-photo img,.cp-gh-thumb img,.cp-band-photo img,.cp-intro-photo img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid rgba(24,61,105,.14);object-fit:cover}
.cp-gh-photo figcaption,.cp-gh-thumb figcaption,.cp-band-photo figcaption{margin-top:8px;font-size:14px;line-height:1.5;color:#3b4a5a}

/* e2: Visit, how do I get to the clinic */
.cp-gh-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:44px;align-items:center}
.cp-gh-photo img{aspect-ratio:3/2}
@media (max-width:900px){.cp-gh-top{grid-template-columns:1fr;gap:20px}}

/* e3: Contact, compact getting-here row */
section#getting-here .gh-compact-row.cp-gh-row{display:grid;grid-template-columns:260px minmax(0,1fr) auto!important;gap:32px;align-items:center}
.cp-gh-thumb img{aspect-ratio:3/2}
@media (max-width:900px){section#getting-here .gh-compact-row.cp-gh-row{grid-template-columns:1fr!important;gap:18px}}

/* e4: homepage appointment band */
.cp-band-photo{max-width:380px;margin:26px 0 0}
.cp-band-photo img{aspect-ratio:16/9}

/* v1: Visit surgery-video image keeps the whole head on phones */
@media (max-width:760px){body.page-visit .video-callout>img.cp-video-img{object-position:28% 50%}}

/* p1: Visit intro photo */
.cp-intro-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.cp-intro-row>.intro{min-width:0}
.cp-intro-photo img{aspect-ratio:3/2}
@media (max-width:900px){.cp-intro-row{grid-template-columns:1fr;gap:22px}}

/* Visible, wrapping article navigation, scoped to the corrected crosslink. */
html body #main p.practitioner-iol-action a.pill.practitioner-iol-button{display:inline-flex!important;align-items:center;flex-wrap:nowrap!important;justify-content:space-between;gap:18px!important;max-width:100%;min-height:48px;padding:14px 21px!important;border:1px solid #183d69!important;border-radius:28px!important;background:#183d69!important;color:#fffaf2!important;font:600 18px/1.5 Manrope,sans-serif!important;white-space:normal;text-align:left;text-decoration:none!important}
html body #main p.practitioner-iol-action a.pill.practitioner-iol-button:hover{background:#234d75!important;border-color:#234d75}
html body #main p.practitioner-iol-action a.pill.practitioner-iol-button:focus-visible{outline:3px solid #285581;outline-offset:4px}
html body #main a.practitioner-iol-button span[aria-hidden]{flex:0 0 auto}
html body #main .practitioner-iol-label{min-width:0}
main p.practitioner-iol-action{margin-top:16px}

/* Raster tiles derived from the published wash; no artwork or copy changes. */
/* Gold background on interior pages, option A — approved and published 10 Oct 2026.
   Carries the homepage background to every non-homepage website page:
   - desktop (>=761px): the published homepage desktop gold 1.5
     (hover-polish-2026-10-08/home-*.css), tiled at the homepage height (5,900px)
     with each patch repeated one tile above and below so long pages repeat
     without an edge;
   - phone (<=760px): the published homepage "soft medium" wash
     (mobile-wash-2026-10-08), unchanged, 1,800px tile.
   Plain ivory full-width bands become clear so the gold shows. Pale-blue,
   warm-paper, navy bands, cards, figures and tables keep their colour.
   Also: the homepage visit-steps dot grid behind four numbered sequences
   (.gd-dots, added to the markup on those pages only). Homepage unchanged. */

body:not(.home){background-color:#f6f2e8}

@media (min-width:761px){
  body:not(.home) main#main{
    background-color:#f6f2e8;
    background-image:url("/assets/performance-2026-10-31/gold-desktop-3e9a11b2a465.webp");
    background-size:100% 5900px;background-repeat:repeat-y}
}

@media (max-width:760px){
  body:not(.home) main#main{
    background-color:#f5eee0;
    background-image:url("/assets/performance-2026-10-31/gold-phone-1082b4952ba4.webp");
    background-size:100% 1800px;background-repeat:repeat-y}
}

/* Plain ivory full-width bands go clear. Coloured bands are excluded by class
   or id: condition-page bands (.cp-sec), navy (.blue, #peers) and the pale-blue
   Videos/Visit bands (#featured, #prepare). */
body:not(.home) main#main section.band:not(.cp-sec):not(.blue):not(.hs):not(#peers):not(#featured):not(#prepare){background-color:transparent!important}

/* Dot grid: the homepage visit-steps texture (15px navy dots, soft-edged mask). */
.gd-dots{position:relative;isolation:isolate}
.gd-dots::before{content:"";position:absolute;inset:-24px 0;pointer-events:none;z-index:-1;
  background-image:radial-gradient(circle,rgba(24,61,96,.17) .9px,rgba(24,61,96,0) 1.4px);background-size:15px 15px;
  -webkit-mask-image:linear-gradient(rgba(0,0,0,0),#000 28%,#000 64%,rgba(0,0,0,0)),linear-gradient(90deg,rgba(0,0,0,0),#000 10%,#000 90%,rgba(0,0,0,0));
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(rgba(0,0,0,0),#000 28%,#000 64%,rgba(0,0,0,0)),linear-gradient(90deg,rgba(0,0,0,0),#000 10%,#000 90%,rgba(0,0,0,0));
  mask-composite:intersect}
.ar-table-wrap.gd-dots::before{inset:0}
.ar-table-wrap.gd-dots .ar-glance{background-color:rgba(255,250,242,.72)}

.vc-art{position:relative;display:block;width:100%;aspect-ratio:3/2;line-height:0}
.vc-art>img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;aspect-ratio:3/2}
.vc-art>.vc-diagram-labels{display:block!important;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.vc-art .vc-diagram-labels text{font-family:Manrope,sans-serif;font-weight:600;font-size:36px;fill:#183d69}
.vc-art .vc-number{display:none}
.vc-art .vc-leader{fill:none;stroke:#183d69;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.vc-art .vc-label-paper{fill:#f6f5ef;stroke:#cad4dc;stroke-width:2}
.vc-art .vc-name text{dominant-baseline:middle;text-anchor:middle}
.vc-propagated .vc-propagation-open{position:relative;display:block;width:100%;height:auto!important;padding:0;border:0;background:#f6f5ef;cursor:zoom-in;color:#183d69}
.vc-propagated .vc-propagation-open:focus-visible{outline:3px solid #183d69;outline-offset:4px}
.vc-propagation-plus{position:absolute;right:10px;top:10px;width:32px;height:32px;border:1.5px solid #183d69;border-radius:50%;background:#f6f5ef;color:#183d69;display:grid;place-items:center;font:600 23px/1 Manrope,sans-serif}
.vc-propagation-legend{display:none;gap:6px 16px;flex-wrap:wrap;padding:12px 8px;color:#183d69;font:500 16px/1.4 Manrope,sans-serif;text-align:left}
:is(.pf-img,.ar-card-image) .vc-art{height:100%;aspect-ratio:auto;background:#f6f5ef}
:is(.pf-img,.ar-card-image) .vc-art>img{height:100%!important;aspect-ratio:auto;object-fit:contain!important}
:is(.pf-img,.ar-card-image) .vc-art>.vc-diagram-labels{overflow:hidden}
#vc-propagation-viewer{width:min(1260px,96vw);max-width:96vw;max-height:94svh;padding:54px 20px 20px;border:1px solid rgba(24,61,105,.16);border-radius:16px;background:#f6f5ef;color:#183d69;overflow:auto}
#vc-propagation-viewer::backdrop{background:rgba(13,31,47,.8)}
#vc-propagation-viewer .vc-viewer-close{position:absolute;right:12px;top:10px;border:1px solid #183d69;border-radius:24px;padding:8px 18px;background:#f6f5ef;color:#183d69;font:600 16px/1.3 Manrope,sans-serif;cursor:pointer}
#vc-propagation-viewer .vc-viewer-content>.vc-art{width:min(100%,110svh);margin:auto}
#vc-propagation-viewer .pair-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px}
#vc-propagation-viewer .pair-grid>img{display:block;width:100%;height:auto}
#vc-propagation-viewer .vc-viewer-caption{font:400 16px/1.5 Manrope,sans-serif;margin:12px 0 0}
@media(max-width:700px){
 .vc-art .vc-name{display:none}.vc-art .vc-number{display:block}
 .vc-art .vc-number circle{fill:#f6f5ef;stroke:#183d69;stroke-width:3}
 .vc-art .vc-number text{font-size:46px;dominant-baseline:middle;text-anchor:middle}
 .vc-propagation-legend{display:flex}
 #vc-propagation-viewer{padding:54px 12px 16px}
 #vc-propagation-viewer .pair-grid{grid-template-columns:1fr}
}
:is(.pf-img,.ar-card-image) .vc-art .vc-name{display:block}:is(.pf-img,.ar-card-image) .vc-art .vc-number{display:none}

/* footer divider (ft08 without the gold tick) */
#site-footer .footer-group{position:relative}
#site-footer .footer-group:not(:first-of-type)::before{content:"";position:absolute;left:-20px;top:2px;bottom:0;width:1px;background:#edf2f3;opacity:.2}
#site-footer .footer-group>summary{font-size:15px!important;font-weight:600!important;color:#edf2f3!important;padding:0 0 13px!important;margin:0 0 4px!important;min-height:44px}
#site-footer .footer-group>summary:focus-visible{outline:3px solid #e9c47a;outline-offset:4px;border-radius:3px}
@media (max-width:760px){
#site-footer .footer-group:not(:first-of-type)::before{display:none}
#site-footer .footer-group>summary{padding:14px 30px 12px 0!important}}

/* Mobile contents indicator (option D). Below 1060px only; desktop untouched. */
@media (max-width:1059px){
aside.ar-contents{background:transparent !important;padding:0 !important;border-radius:0 !important}
.ar-contents-fold{background:#173e59 !important;border-color:#173e59 !important}
.ar-contents-fold>summary{color:#fff !important;min-height:44px;position:relative}
.ar-contents-fold>summary .ci-t{display:flex;flex-direction:column;gap:1px}
.ar-contents-fold>summary .ci-t::after{content:attr(data-ci-closed);font:500 13px/18px Manrope,sans-serif;color:#cfe0ea}
.ar-contents-fold[open]>summary .ci-t::after{content:attr(data-ci-open)}
.ar-contents-fold>summary .acc-chev{display:inline-flex !important;flex:none !important;align-items:center !important;justify-content:center !important;width:34px !important;height:34px !important;border-radius:50% !important;background:#efdfae !important;color:#173e59 !important}
.ar-contents-fold>summary .acc-chev svg{display:none !important}
.ar-contents-fold>summary .acc-chev::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.ar-contents-fold[open]>summary .acc-chev::before{transform:translateY(2px) rotate(-135deg)}
.ar-contents-fold nav a{color:#fff !important}
.ar-contents-fold nav{display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:2px !important;justify-content:stretch !important}
.ar-contents-fold nav a{text-align:left !important;display:block !important;width:auto !important;max-width:none !important;margin:0 !important}
.ar-contents-fold nav a:hover,.ar-contents-fold nav a[aria-current="location"]{background:#ffffff1f !important;color:#efdfae !important}
}
@media (prefers-reduced-motion:reduce){.ar-contents-fold>summary .acc-chev::before{transition:none}}

/* Frosted-glass palette, 11 Oct 2026: pale blue removed site-wide. Generated by
   output/implementations/2026-10-11-frosted-glass-palette/build.py. Colour values were changed
   in place in each stylesheet; this file holds only the shared variables and two additions. */
:root{--fg-surface:rgba(250,248,242,.62);--fg-lift:none}
@media (min-width:761px){:root{--fg-surface:rgba(255,253,248,.8);--fg-lift:0 1px 2px rgba(24,61,105,.05),0 6px 18px rgba(24,61,105,.06)}}
/* Phone quick bar: glass buttons with a faint border; current page navy */
@media (max-width:760px){.mobile-quick-nav a:not([aria-current=page]){border:1px solid rgba(24,61,105,.16);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}.mobile-quick-nav a[aria-current=page],body.v13.v13.v13.v13.v13.v13.v13 .mobile-quick-nav a[aria-current=page]{background:#183d69}}
/* Desktop gold warmed halfway towards the phone wash (option D) */
@media (min-width:761px){body:not(.home) main#main{background-image:url("/assets/performance-2026-10-31/gold-desktop-3e9a11b2a465.webp")}}

/* Readable contents for article and article-style procedure/condition pages. */
body aside.ar-contents a,body aside.ar-contents .ar-contents-links a{font-size:18px!important;line-height:1.5!important;overflow-wrap:anywhere}
body aside.ar-contents summary,body aside.ar-contents .ci-t{font-size:18px!important;line-height:1.5!important}
/* Remove transparent bottom padding from the normal spotlight presentation; full-size source stays intact. */
body.mat-article .mat-analogy .mat-enlarge{aspect-ratio:800/430}
body.mat-article .mat-analogy .mat-enlarge img{position:absolute;top:0;left:0;width:100%;height:auto}
body.mat-article .mat-analogy figcaption{margin-top:8px!important}