body.mat-article .yt-facade{display:block;width:100%;padding:0;border:1px solid rgba(24,61,105,.16);border-radius:18px;background:var(--fg-surface,rgba(250,248,242,.62));overflow:hidden;text-align:left;color:#102c40;cursor:pointer}body.mat-article .yt-thumb{display:block;position:relative;aspect-ratio:16/9}body.mat-article .yt-thumb img{display:block;width:100%;height:100%;object-fit:cover}body.mat-article .yt-play{display:grid;place-items:center;position:absolute;inset:0;margin:auto;width:60px;height:60px;border-radius:50%;background:#ffffffed;box-shadow:0 2px 12px #0004}body.mat-article .yt-play:after{content:"";border-left:18px solid #102c40;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}body.mat-article .yt-dur{position:absolute;right:10px;bottom:10px;border-radius:4px;padding:2px 7px;color:#fff;background:#102c40e6;font-size:14px}body.mat-article .yt-name{display:block;padding:12px 16px;line-height:1.5}body.mat-article .yt-live{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:18px}body.mat-article .yt-live iframe{display:block;width:100%;height:100%;border:0}body.mat-article .mat-video{max-width:680px;margin:24px auto}body.mat-article .mat-video .yt-stage{width:100%}body.mat-article .mat-video .yt-name{font-size:16px!important}body.mat-article .mat-video figcaption{margin:10px 0!important}body.mat-article .mat-video p{margin-top:14px!important}body.mat-article main,body.mat-article main *{font-family:Manrope,sans-serif!important}body.mat-article .ar-head-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);align-items:center;gap:30px}body.mat-article .ar-head-inner>.mat-figure{width:100%;max-width:380px;margin:0 auto}body.mat-article h1{font-size:clamp(28px,3vw,42px)!important;line-height:1.2!important;margin:0 0 22px!important}body.mat-article h2{font-size:25px!important;line-height:1.35!important;margin:0 0 16px!important}body.mat-article p,body.mat-article li,body.mat-article td,body.mat-article th,body.mat-article .mat-lead p{font-size:18px!important;line-height:1.75!important}body.mat-article p{margin:0 0 16px!important}body.mat-article .ar-author{background:var(--fg-surface,rgba(250,248,242,.62));border:1px solid rgba(24,61,105,.16);border-radius:18px;padding:18px;margin:22px 0 0!important;display:flex;gap:16px;align-items:center}body.mat-article .ar-author img{width:84px!important;height:84px!important;border-radius:50%;object-fit:cover}body.mat-article .ar-author p{font-size:14px!important;line-height:1.5!important;margin:0 0 5px!important}body.mat-article .ar-author-name{font-weight:700}body.mat-article .ar-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:36px;max-width:1260px;margin:28px auto 60px;padding:0 28px}body.mat-article .ar-body{min-width:0;max-width:950px}body.mat-article .ar-section{padding:0!important;margin:0 0 42px!important;scroll-margin-top:125px}body.mat-article .ar-contents{position:sticky;top:110px;align-self:start;max-height:calc(100vh - 125px);overflow:auto}body.mat-article .ar-contents nav{display:flex;flex-direction:column;gap:7px}body.mat-article .ar-contents a{font-size:15px;line-height:1.45;padding:5px 8px;border-radius:8px}body.mat-article .ar-contents a[aria-current]{background:rgba(255,253,248,.92);font-weight:700}body.mat-article .ar-contents summary{font-weight:700;margin-bottom:14px}body.mat-article .mat-figure{max-width:680px;margin:24px auto}body.mat-article .mat-enlarge{position:relative;display:block;width:100%;background:#f6f5ef;border:0;border-radius:18px;padding:0;overflow:hidden;cursor:zoom-in}body.mat-article .mat-enlarge img{display:block;width:100%;height:auto}body.mat-article .mat-plus{position:absolute;right:12px;top:12px;background:#fff;color:#102c40;border:1px solid #102c40;border-radius:50%;width:32px;height:32px;line-height:28px;font-size:26px}body.mat-article figcaption{font-size:16px!important;line-height:1.5!important;margin:10px 0 0!important;text-align:left}body.mat-article .mat-note{background:var(--fg-surface,rgba(250,248,242,.62));border:1px solid rgba(24,61,105,.16);border-radius:18px;padding:20px;margin:20px 0}body.mat-article .mat-note p:last-child{margin-bottom:0!important}body.mat-article .mat-table-wrap{overflow:auto;border:1px solid rgba(24,61,105,.16);border-radius:18px;margin:20px 0}body.mat-article table{border-collapse:collapse;width:100%;min-width:0}body.mat-article caption{padding:14px;text-align:left;font-size:16px}body.mat-article th,body.mat-article td{padding:12px 16px;text-align:left;border-top:1px solid rgba(24,61,105,.16);vertical-align:top}body.mat-article th{width:38%;background:rgba(243,230,196,.5)}body.mat-article .mat-related{display:flex;flex-wrap:wrap;gap:12px}body.mat-article .ar-related,body.mat-article .ar-references{margin:35px 0}body.mat-article .ar-references li{font-size:16px!important;margin:10px 0;overflow-wrap:anywhere}body.mat-article .mat-dialog{width:min(1100px,94vw);max-height:92vh;border:0;border-radius:18px;background:#f6f5ef;padding:20px;color:#102c40}body.mat-article .mat-dialog::backdrop{background:#102c40bd}body.mat-article .mat-dialog figure{margin:15px 0 0}body.mat-article .mat-dialog img{display:block;max-width:100%;max-height:72vh;width:auto;margin:auto}body.mat-article .mat-close{display:block;margin-left:auto;border:1px solid #102c40;border-radius:22px;padding:10px 22px;background:#fff;color:#102c40}body.mat-article :focus-visible{outline:3px solid #976320;outline-offset:4px}@media(max-width:1059px){body.mat-article .ar-layout{display:block;max-width:950px}body.mat-article .ar-contents{position:static;max-height:none;margin:0 0 28px;background:var(--fg-surface,rgba(250,248,242,.62));padding:18px;border-radius:18px}body.mat-article .ar-contents nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body.mat-article .ar-section{scroll-margin-top:90px}}@media(max-width:760px){body.mat-article .ar-head-inner{display:block}body.mat-article .ar-head-inner>.mat-figure{max-width:290px;margin:24px auto 0}body.mat-article .ar-layout{padding:0 20px;margin-top:25px}body.mat-article h2{font-size:23px!important}body.mat-article .ar-author img{width:76px!important;height:76px!important}body.mat-article .ar-contents nav{display:flex}body.mat-article .ar-section{margin-bottom:32px!important}body.mat-article td,body.mat-article th{padding:10px}body.mat-article .ar-head{padding-bottom:0}}body.mat-article .mat-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}body.mat-article .mat-comparison>div{padding:20px;background:var(--fg-surface,rgba(250,248,242,.62));border:1px solid rgba(24,61,105,.16);border-radius:18px}body.mat-article h3{font-size:21px!important;margin:0 0 12px!important}body.mat-article .mat-comparison ul{margin:0;padding-left:22px}body.mat-article .mat-comparison li{margin:0 0 12px}body.mat-article .mat-optic-key{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:8px;font-weight:600}body.mat-article .compare-stage{position:relative;aspect-ratio:5/3;overflow:hidden;border-radius:18px}body.mat-article .scene{position:absolute;inset:0}body.mat-article .scene svg{width:100%;height:100%;display:block}body.mat-article .scene.affected{clip-path:inset(0 0 0 var(--split,50%));filter:blur(3px);opacity:.9}body.mat-article .compare.glare .scene.affected{filter:none;opacity:1}body.mat-article .compare-handle{position:absolute;top:0;bottom:0;left:var(--split,50%);border-left:2px solid white;display:flex;align-items:center}body.mat-article .compare-handle span{background:#183d69;color:white;padding:10px;border-radius:50%;transform:translateX(-50%)}body.mat-article .compare-tag{position:absolute;top:12px;padding:5px 10px;background:#f6f5ef;color:#183d69;border-radius:20px;font-size:16px}body.mat-article .compare-tag.left{left:12px}body.mat-article .compare-tag.right{right:12px}body.mat-article .compare .sim-enlarge{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:zoom-in}body.mat-article .sim-enlarge .plus{position:absolute;right:12px;top:56px;width:32px;height:32px;line-height:28px;font-size:26px;color:#102c40;background:#fff;border:1px solid #102c40;border-radius:50%}body.mat-article .compare>input{display:block;width:100%;height:32px;margin:10px 0;accent-color:#183d69}body.mat-article .mat-dialog figure{max-width:900px;margin:15px auto}body.mat-article .mat-dialog .mat-enlarge{cursor:default}body.mat-article .mat-dialog .mat-plus{display:none}body.mat-article .mat-dialog img{max-height:70vh} @media(max-width:760px){body.mat-article .mat-comparison{grid-template-columns:1fr}body.mat-article .mat-optic-key{font-size:14px;line-height:1.4}}body.mat-article main .ar-body p,body.mat-article main .ar-body li,body.mat-article main .mat-lead p{font-size:18px!important}body.mat-article main .ar-references li{font-size:16px!important}body.mat-article #main#main :is(.ar-body,.mat-lead) :is(p,li){font-size:18px!important}body.mat-article #main#main .ar-references li{font-size:16px!important}
/* 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)}

/* 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}

