/* WONE Global v18.21: audit fixes. Loaded after wone-v18-luxe.css on every page.
   Design and accessibility fixes from the 20 October 2026 audit. No content changes.

   Specificity convention. The v18 layer scopes with :is(#wh18,.wv18):not(#a):not(#b):not(#c) and some of its rules
   reach 7 ids. This file uses:
     P = html body:not(#a):not(#b):not(#c):not(#d)                (4 ids; beats legacy and most v18 rules)
     X = :not(#e):not(#f):not(#g):not(#h) on the target            (4 more ids; only where a 7-id v18 rule must yield)
   It is loaded last, so equal specificity also resolves in its favour.

   Contents
     1  Tokens
     2  One heading typeface: Noto Serif Display Light 300, one size token per level
     3  Contrast (oxide on dark, oxide bands, deep paper, muted greys)
     4  Grid: legacy containers on the standard 1200px / 120px-gutter container
     5  Buttons: three styles (primary, secondary outline, oxide call to action)
     6  Market tiles, photo fallback and the region filter
     7  Compare (new markup in views/hybrid/compare.php)
     8  Mobile: 44px targets, 12px text floor, compact cookie bar
     9  Focus styles
    10  Blocks added by the main engineer (home qualifier, header CTA, leadership team, service-level table)
*/

/* Inter from the theme's own files (assets/fonts). wone-base.css still @imports Inter from Google Fonts twice;
   these faces are declared later, so the browser uses the local files. See DESIGN-FIXES.md to remove the imports. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- 1 · tokens ---------- */
:root{
  --wv-graphite:#28292b;--wv-g2:#353639;--wv-g3:#424447;
  --wv-paper:#f7f4ef;--wv-paper2:#f2ede4;--wv-paper3:#e9e2d6;
  --wv-ox:#a94b38;          /* oxide on light; also the call-to-action fill */
  --wv-ox-ink:#9a4433;      /* oxide for small text on the deepest paper (#e9e2d6 / #ebe4d8): 5.0:1 */
  --wv-ox-d:#d0705a;        /* oxide on dark, 18px and larger only: 4.26:1 on #28292b */
  --wv-ox-dl:#e3907c;       /* oxide on dark for small eyebrows and labels: 5.9:1 on #28292b, 4.9:1 on #353639 */
  --wv-ox-dl2:#e8a08b;      /* the same on #424447: 4.6:1 */
  --wv-mut-l:#56575b;       /* secondary text on any paper: 5.6:1 on #e9e2d6 */
  --wv-display:"WONE Noto Display","Noto Serif Display",Georgia,serif;
  --wv-ui:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  /* one size per heading level */
  --wv-h1:clamp(46px,7vw,104px);
  --wv-h2:clamp(34px,4.2vw,60px);
  --wv-h3:clamp(23px,1.9vw,28px);
  --wv-h4:20px;
  --wv-h5:17px;
  /* long-form article scale (guides, journeys): the same faces, one step quieter */
  --wv-ah2:clamp(26px,2.3vw,32px);
  --wv-ah3:21px;
}

/* ---------- 2 · headings ---------- */
/* every display font variable in the older layers now points at the one display face */
html body:not(#a):not(#b):not(#c):not(#d),
html body:not(#a):not(#b):not(#c):not(#d) :is(#wh18,.wv18,.wv18-chrome,.wv18-footer,.wgc2-shell,main,#main){
  --serif:var(--wv-display);--display:var(--wv-display);--i-display:var(--wv-display);--wone-display:var(--wv-display);
  --c-serif:var(--wv-display);--ws-serif:var(--wv-display);
}
html body:not(#a):not(#b):not(#c):not(#d) :is(h1,h2,h3,h4,h5,h6,.disp,.h1,.h2,.h3,.h18-h1,.h18-h2,.kx-h,.kx-h2):not(#e):not(#f):not(#g):not(#h){
  font-family:var(--wv-display)!important;font-weight:300!important;font-style:normal!important;font-synthesis:none;
  text-transform:none!important;font-optical-sizing:auto;
}
html body:not(#a):not(#b):not(#c):not(#d) :is(h1,h2,h3,h4,h5,h6) em,
html body:not(#a):not(#b):not(#c):not(#d) :is(em,i,cite,dfn,var,address){font-style:normal!important}

/* display text outside headings that still named Newsreader (tool-bar titles, prices, inline-styled legacy figures) */
html body:not(#a):not(#b):not(#c):not(#d) :is(.wv18-appbar-id strong,.wc9-price strong,.wone-matrix-num,.wone-relevance-text,[style*="Newsreader"]):not(#e):not(#f):not(#g):not(#h){font-family:var(--wv-display)!important;font-weight:300!important;font-style:normal!important}

/* running text stays in Inter: lead paragraphs used the serif variable and would otherwise switch to the display face */
html body:not(#a):not(#b):not(#c):not(#d) p.lead:not(#e):not(#f){font-family:var(--wv-ui)!important;font-weight:400!important;letter-spacing:0!important}

/* sizes: by tag, so the outline and the type agree */
html body:not(#a):not(#b):not(#c):not(#d) h1:not(#e):not(#f):not(#g):not(#h){font-size:var(--wv-h1)!important;line-height:1!important;letter-spacing:-.03em!important;text-wrap:balance}
html body:not(#a):not(#b):not(#c):not(#d) h2:not(#e):not(#f):not(#g):not(#h){font-size:var(--wv-h2)!important;line-height:1.04!important;letter-spacing:-.024em!important;text-wrap:balance}
html body:not(#a):not(#b):not(#c):not(#d) h3:not(#e):not(#f):not(#g):not(#h){font-size:var(--wv-h3)!important;line-height:1.16!important;letter-spacing:-.012em!important}
html body:not(#a):not(#b):not(#c):not(#d) h4:not(#e):not(#f):not(#g):not(#h){font-size:var(--wv-h4)!important;line-height:1.25!important;letter-spacing:-.005em!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(h5,h6):not(#e):not(#f):not(#g):not(#h){font-size:var(--wv-h5)!important;line-height:1.3!important;letter-spacing:0!important}
/* long-form articles */
html body:not(#a):not(#b):not(#c):not(#d) .kx-article h2:not(#e):not(#f):not(#g):not(#h){font-size:var(--wv-ah2)!important;line-height:1.14!important;letter-spacing:-.016em!important}
html body:not(#a):not(#b):not(#c):not(#d) .kx-article :is(h3,h4):not(#e):not(#f):not(#g):not(#h){font-size:var(--wv-ah3)!important;line-height:1.22!important;letter-spacing:-.008em!important}
html body:not(#a):not(#b):not(#c):not(#d) .kx-article .kx-guide-sec>h2.kx-h{margin:56px 0 16px}
html body:not(#a):not(#b):not(#c):not(#d) .kx-article .kx-guide-sec:first-child>h2.kx-h{margin-top:8px}
/* compact contexts (dialogs, sidebars): headings one step down so a modal title is not a page title */
html body:not(#a):not(#b):not(#c):not(#d) :is([role=dialog],dialog,.wone-auth-dialog,.wone-popup,aside.wone-req-sidebar) h2:not(#e):not(#f):not(#g):not(#h){font-size:var(--wv-h3)!important;line-height:1.16!important}
html body:not(#a):not(#b):not(#c):not(#d) :is([role=dialog],dialog,.wone-auth-dialog,.wone-popup,aside.wone-req-sidebar) :is(h3,h4):not(#e):not(#f):not(#g):not(#h){font-size:var(--wv-h5)!important}
/* footer and "related" column titles were 11px Inter capitals; now the display face at the h4 / h3 token */
html body:not(#a):not(#b):not(#c):not(#d) footer.wv18-footer .wv18-footer-cols :is(h2,h3,h4):not(#e):not(#f):not(#g):not(#h){font-size:var(--wv-h4)!important;line-height:1.25!important;color:var(--wv-paper2)!important;letter-spacing:-.005em!important;margin:0 0 12px!important}
html body:not(#a):not(#b):not(#c):not(#d) section.wv18-related .wv18-related-grid h3:not(#e):not(#f):not(#g):not(#h){letter-spacing:-.012em!important;margin:0 0 14px!important;color:var(--wv-graphite)!important}
/* the 112px home hero keeps its proportion against the 104px token */
html body:not(#a):not(#b):not(#c):not(#d) #wh18 .h18-hero h1:not(#e):not(#f):not(#g):not(#h){font-size:clamp(48px,7.6vw,108px)!important}

/* ---------- 3 · contrast ---------- */
/* 3a · dark surfaces: small oxide text uses the light oxide tint; #d0705a stays only on 18px+ display text */
html body:not(#a):not(#b):not(#c):not(#d) :is(.n0,.n1,.kx-iw-win,.kx-ask,.wv18-footer,.wx-dark,.wv18-appbar,.kx-brief,.kx-deeper,.h18-card-dark,.v18-askpanel,.wl-compare-hero,.ww-hero,.v1821-cmp-rule) :is(.ox-n,.ox-p,.lbl.ox-n,.lbl.ox-p,.eyebrow,.wv18-fb-inst,.kx-help-k,.wv18-appbar-group,.tn.ui):not(#e){color:var(--wv-ox-dl)!important}
html body:not(#a):not(#b):not(#c):not(#d) .wv18-footer .wv18-fb-inst:not(#e),
html body:not(#a):not(#b):not(#c):not(#d) .wv18-appbar .wv18-appbar-group:not(#e){color:var(--wv-ox-dl)!important}
html body:not(#a):not(#b):not(#c):not(#d) .kx-deeper-h .lbl:not(#e){color:var(--wv-ox-dl)!important}
/* light sections that sit inside a dark wrapper keep paper-oxide */
html body:not(#a):not(#b):not(#c):not(#d) :is(.n0,.n1) :is(.p0,.p1,.v18-was-dark) :is(.ox-p,.lbl.ox-p):not(#e){color:var(--wv-ox)!important}

/* 3b · deepest paper (#e9e2d6 / #ebe4d8): small oxide text one shade deeper; muted text darker */
html body:not(#a):not(#b):not(#c):not(#d) :is(.p1,.wx-paper,.wl-paper,.cmd-paper,.ww-paper) :is(.lbl.ox-p,.eyebrow,.wl-compare-market .k):not(#e){color:var(--wv-ox-ink)!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(.wx-head,.wl-section-head)>div>p:not(#e){color:var(--wv-mut-l)!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(.wx-cell .k,.wone-signal-status,#wone-signals-counter,.v18-chip-txt>span):not(#e){color:var(--wv-mut-l)!important}

/* legacy pages: pricing labels on #e9e2d6, form hints on white, links whose authors asked for an underline */
html body:not(#a):not(#b):not(#c):not(#d) :is(.wc9-intro .eyebrow,.wc9-plan-side,.wc9-principles article>span):not(#e){color:var(--wv-ox-ink)!important;font-size:12px!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(.wone-field-hint,.wone-submit-note):not(#e){color:#5d5e62!important}
html body:not(#a):not(#b):not(#c):not(#d) a[style*="text-decoration:underline"]:not(#e){text-decoration:underline!important;text-underline-offset:2px}

/* 3c · oxide bands: text at full paper; headings in a quieter paper with the emphasis in full paper
   (graphite on oxide is 2.6:1 and oxide-on-oxide is invisible, so emphasis here is carried by brightness) */
html body:not(#a):not(#b):not(#c):not(#d) .v18-band-ox :is(p,dd,dt,li,span,b,small,.mut-n,.mut-p,.lead,.h-r,.note,.lbl,.ox-n,.ox-p):not(.btn *):not(#e){color:#fbf6ef!important;opacity:1}
html body:not(#a):not(#b):not(#c):not(#d) .v18-band-ox :is(h2,.h18-h2,.h2):not(#e):not(#f):not(#g):not(#h){color:#e2c0b4!important}
html body:not(#a):not(#b):not(#c):not(#d) .v18-band-ox :is(h3,.h3):not(#e):not(#f):not(#g):not(#h){color:#fbf6ef!important}
html body:not(#a):not(#b):not(#c):not(#d) .v18-band-ox :is(h2,h3,.h18-h2,.h2) em:not(#e):not(#f):not(#g):not(#h){color:#fbf6ef!important}
html body:not(#a):not(#b):not(#c):not(#d) .v18-band-ox .h18-mechs .disp:not(#e):not(#f):not(#g):not(#h){color:#fbf6ef!important}
html body:not(#a):not(#b):not(#c):not(#d) .v18-band-ox .v18-pc :is(.v18-pc-meta,.v18-pc-bio,.v18-pc-kicker,.v18-pc-st,li span):not(#e){color:#fbf6ef!important;opacity:1!important}
html body:not(#a):not(#b):not(#c):not(#d) .v18-band-ox .v18-pc-st:not(#e){border-color:rgba(251,246,239,.5)!important}

/* 3d · Ask widget (dark): selected category reads as a paper chip, not graphite on #d0705a (4.26:1) */
html body:not(#a):not(#b):not(#c):not(#d) .kx-iw-cat[aria-selected=true]:not(#e){background:var(--wv-paper2)!important;color:var(--wv-graphite)!important;border-color:var(--wv-paper2)!important}

/* ---------- 4 · grid ---------- */
/* the standard container: 1200px of content, 120px gutters at 1440, 48px down to 760px, 20px on phones */
html body:not(#a):not(#b):not(#c):not(#d) :is(.wx-wrap,.wx-full-inner,.wx-image-copy):not(#e){width:min(calc(100% - 96px),1200px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
html body:not(#a):not(#b):not(#c):not(#d) .wx-hero-grid>.wx-hero-copy:not(#e){padding-left:max(48px,calc((100vw - 1200px) / 2))!important}
html body:not(#a):not(#b):not(#c):not(#d) .wx-full-inner :is(h1,.wx-hero-lede,p):not(#e){max-width:880px}
@media (max-width:760px){
  html body:not(#a):not(#b):not(#c):not(#d) :is(.wx-wrap,.wx-full-inner,.wx-image-copy):not(#e){width:calc(100% - 40px)!important}
  html body:not(#a):not(#b):not(#c):not(#d) .wx-hero-grid>.wx-hero-copy:not(#e){padding-left:20px!important;padding-right:20px!important}
}

/* ---------- 5 · buttons: three styles ---------- */
/* shared geometry */
html body:not(#a):not(#b):not(#c):not(#d) :is(.btn,.button,.wv18-btn-iv,.wv18-btn-ln,.wone-cycle-btn,.wone-cta-ask-btn,.wc9-plan-action a,button[id^="chk-btn"],main a[style*="padding:16px"],main a[style*="padding:14px 26px"]):not(.kx-iw-cat):not(#e){
  display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:48px!important;padding:0 26px!important;
  border-radius:0!important;border:1px solid transparent;font:600 14px/1.2 var(--wv-ui)!important;letter-spacing:.01em!important;text-transform:none!important;
  text-decoration:none!important;box-shadow:none;transition:background-color .25s,color .25s,border-color .25s;cursor:pointer;
}
/* 1 · primary: graphite on light */
html body:not(#a):not(#b):not(#c):not(#d) :is(.btn-ink,.wone-cycle-btn,.wc9-plan-action a,button[id^="chk-btn"],main a[style*="background:#2f3032"]):not(.kx-go):not(#e){background:var(--wv-graphite)!important;color:var(--wv-paper)!important;border-color:var(--wv-graphite)!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(.btn-ink,.wone-cycle-btn,.wc9-plan-action a,button[id^="chk-btn"]):not(.kx-go):not(#e):hover{background:#3a3b3e!important;border-color:#3a3b3e!important}
/*    primary on dark is the same button inverted: paper fill, graphite text */
html body:not(#a):not(#b):not(#c):not(#d) :is(.btn-iv,.wv18-btn-iv,.button-white):not(#e){background:var(--wv-paper2)!important;color:var(--wv-graphite)!important;border-color:var(--wv-paper2)!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(.btn-iv,.wv18-btn-iv,.button-white):not(#e):hover{background:#fff!important;border-color:#fff!important}
/*    a "primary" ivory button that ended up on paper (light sections) becomes graphite */
html body:not(#a):not(#b):not(#c):not(#d) :is(.p0,.p1,.v18-was-dark,.wx-paper,.wl-paper,.h18-hero-light) .btn-iv:not(.v18-band-ox .btn-iv):not(#e){background:var(--wv-graphite)!important;color:var(--wv-paper)!important;border-color:var(--wv-graphite)!important}
/* 2 · secondary: outline */
html body:not(#a):not(#b):not(#c):not(#d) :is(.btn-ln,.btn-lp,.wv18-btn-ln,.button-outline,main a[style*="border:1px solid rgba(255,255,255,0.4)"]):not(#e){background:transparent!important;color:currentColor;border:1px solid rgba(40,41,43,.42)!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(.p0,.p1,.v18-was-dark,.wx-paper,.wl-paper,.h18-hero-light) :is(.btn-ln,.btn-lp):not(#e){color:var(--wv-graphite)!important;border-color:rgba(40,41,43,.42)!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(.n0,.n1,.wx-dark,.kx-ask,.wv18-footer,.v18hero,.wx-hero-full,.ww-hero,.wl-compare-hero,.v18-band-ox,.v18-band-img) :is(.btn-ln,.btn-lp,.wv18-btn-ln):not(#e),
html body:not(#a):not(#b):not(#c):not(#d) main a[style*="border:1px solid rgba(255,255,255,0.4)"]:not(#e){color:var(--wv-paper2)!important;border-color:rgba(242,237,228,.45)!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(.btn-ln,.btn-lp,.wv18-btn-ln):not(#e):hover{border-color:currentColor!important}
/* 3 · oxide call to action */
html body:not(#a):not(#b):not(#c):not(#d) :is(.button-red,.wone-cta-ask-btn,.kx-go,.kx-ask .btn-ink,.btn-ox,main a[style*="background:var(--oxide"],main a[style*="background:#a94b3"]):not(#e){background:var(--wv-ox)!important;color:#fff!important;border-color:var(--wv-ox)!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(.button-red,.wone-cta-ask-btn,.kx-go,.kx-ask .btn-ink,.btn-ox):not(#e):hover{background:#963f2e!important;border-color:#963f2e!important}
/* the oxide band keeps its inverted primary (paper on oxide) */
html body:not(#a):not(#b):not(#c):not(#d) .v18-band-ox :is(.btn-iv,.btn-ink):not(#e){background:#fbf6ef!important;color:var(--wv-graphite)!important;border-color:#fbf6ef!important}

/* ---------- 6 · market tiles, fallback, filter ---------- */
html body:not(#a):not(#b):not(#c):not(#d) .v18-markets{gap:10px}
html body:not(#a):not(#b):not(#c):not(#d) a.v18-market:not(#e){position:relative;display:block;overflow:hidden;background:var(--wv-graphite)!important;border:0!important;isolation:isolate;aspect-ratio:4/5}
html body:not(#a):not(#b):not(#c):not(#d) a.v18-market>img:not(#e){display:block;width:100%;height:100%;aspect-ratio:4/5;object-fit:cover}
html body:not(#a):not(#b):not(#c):not(#d) .v18-market-body:not(#e){position:absolute!important;left:0;right:0;bottom:0;z-index:2;display:flex!important;flex-direction:column;gap:6px;padding:96px 20px 18px!important;
  background:linear-gradient(180deg,rgba(40,41,43,0) 0%,rgba(40,41,43,.62) 42%,rgba(40,41,43,.94) 100%)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v18-market-body .disp:not(#e):not(#f):not(#g):not(#h){display:block;font-size:25px!important;line-height:1.08!important;color:var(--wv-paper)!important;text-shadow:0 1px 14px rgba(0,0,0,.35)}
html body:not(#a):not(#b):not(#c):not(#d) .v18-market-body .ui:not(#e){display:block;margin:0!important;font-size:12.5px!important;line-height:1.4;color:var(--wv-paper3)!important}
html body:not(#a):not(#b):not(#c):not(#d) a.v18-market:hover .v18-market-body .ui:not(#e){color:#fff!important}
/* a market without a photograph: graphite plate with the dot-matrix outline (countries index) or a dot field (elsewhere) */
html body:not(#a):not(#b):not(#c):not(#d) .v18-market-noimg:not(#e){position:absolute;inset:0;display:block;aspect-ratio:auto;
  background:radial-gradient(circle at 1px 1px,rgba(242,237,228,.10) 1px,transparent 1.4px) 0 0/12px 12px,radial-gradient(90% 70% at 50% 34%,#3d3f42 0%,#28292b 72%)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v18-market-noimg:has(.v18-market-sil):not(#e){background:radial-gradient(90% 70% at 50% 34%,#3a3c3f 0%,#28292b 72%)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v18-market-noimg::after{content:"";position:absolute;left:20px;right:20px;top:20px;height:1px;background:rgba(208,112,90,.55)}
.v18-market-sil{position:absolute;inset:0;width:100%;height:100%;display:block}
.v18-market-sil path{fill:none;stroke-linecap:round}
.v18-market-sil .nb{stroke:rgba(242,237,228,.2)}
.v18-market-sil .own{stroke:#d0705a;opacity:.92}
html body:not(#a):not(#b):not(#c):not(#d) a.v18-market:hover .v18-market-sil .own{opacity:1}
/* home: the selected market's photograph */
html body:not(#a):not(#b):not(#c):not(#d) .h18-mphoto{position:relative}
html body:not(#a):not(#b):not(#c):not(#d) .h18-mphoto::after{content:"";position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(180deg,rgba(40,41,43,0),rgba(40,41,43,.9));pointer-events:none}
html body:not(#a):not(#b):not(#c):not(#d) .h18-mphoto-name:not(#e):not(#f):not(#g):not(#h){position:absolute;z-index:2;color:var(--wv-paper)!important}

/* region filter: readable on paper, 44px targets, clear active state */
html body:not(#a):not(#b):not(#c):not(#d) .v18-filterbar:not(#e){gap:2px 22px;border-bottom:1px solid rgba(40,41,43,.16)!important;padding-bottom:0!important}
html body:not(#a):not(#b):not(#c):not(#d) .v18-filterbar button:not(#e){min-height:44px;padding:10px 0!important;margin-bottom:-1px!important;border-bottom:2px solid transparent!important;font:500 14px/1.2 var(--wv-ui)!important;color:var(--wv-mut-l)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v18-filterbar button:hover:not(#e){color:var(--wv-graphite)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v18-filterbar button:is(.is-on,[aria-pressed=true]):not(#e){color:var(--wv-graphite)!important;font-weight:600!important;border-bottom-color:var(--wv-ox)!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(.n0,.n1) .v18-filterbar:not(#e){border-bottom-color:rgba(242,237,228,.16)!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(.n0,.n1) .v18-filterbar button:not(#e){color:#c9cbd1!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(.n0,.n1) .v18-filterbar button:is(.is-on,[aria-pressed=true],:hover):not(#e){color:var(--wv-paper)!important;border-bottom-color:var(--wv-ox-d)!important}

/* ---------- 7 · compare ---------- */
html body:not(#a):not(#b):not(#c):not(#d) .v1821-vh{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .wl-compare-hero:not(#e){padding:104px 0 88px!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .wl-compare-hero .eyebrow:not(#e){font:600 12px/1.3 var(--wv-ui)!important;letter-spacing:.18em!important;margin-bottom:22px!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .wl-compare-hero h1:not(#e){max-width:15ch!important;margin:0 0 28px!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .wx-hero-lede:not(#e){max-width:640px!important;font-size:clamp(17px,1.4vw,20px)!important;line-height:1.6!important;color:#d6d3cc!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .wl-compare-form:not(#e){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;gap:16px!important;align-items:end!important;margin-top:48px!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .wl-compare-form label:not(#e){display:grid!important;gap:8px!important;font:600 12px/1.3 var(--wv-ui)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#d6d3cc!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .wl-compare-form select:not(#e){min-height:52px!important;width:100%!important;padding:0 14px!important;border-radius:0!important;border:1px solid rgba(242,237,228,.3)!important;background:var(--wv-paper)!important;color:var(--wv-graphite)!important;font:500 15px/1.2 var(--wv-ui)!important;letter-spacing:0!important;text-transform:none!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .wl-compare-form .button:not(#e){min-height:52px!important;align-self:end!important;margin:0!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .wl-compare-form label:not(#e){margin:0!important}
/* logic strip */
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .w134-compare-logic:not(#e){display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr auto 1.3fr!important;gap:16px!important;align-items:stretch!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .w134-compare-logic>div:not(#e){display:grid!important;gap:6px!important;padding:18px 20px!important;border:1px solid rgba(40,41,43,.16)!important;background:#fff!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .w134-compare-logic span:not(#e){font:600 12px/1.3 var(--wv-ui)!important;letter-spacing:.14em!important;color:var(--wv-mut-l)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .w134-compare-logic strong:not(#e){font:300 22px/1.15 var(--wv-display)!important;letter-spacing:-.01em!important;color:var(--wv-graphite)!important;text-transform:none!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .w134-compare-logic .result:not(#e){background:transparent!important;border-color:rgba(208,112,90,.6)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .w134-compare-logic .result span:not(#e){color:var(--wv-ox-dl)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .w134-compare-logic .result strong:not(#e){color:var(--wv-paper)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .w134-compare-logic i:not(#e){align-self:center!important;font-style:normal!important;font:300 24px/1 var(--wv-display)!important;color:var(--wv-ox)!important}
/* figures-first summary */
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-figs{list-style:none!important;margin:40px 0 0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(var(--n,3),minmax(0,1fr))!important;gap:16px!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-fig{display:flex!important;flex-direction:column!important;gap:14px!important;padding:28px 28px 24px!important;background:#fff!important;border:1px solid rgba(40,41,43,.12)!important;border-top:2px solid var(--wv-graphite)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-fig.is-ready{border-top-color:var(--wv-ox)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-fig-name:not(#e){margin:0!important;font:300 var(--wv-h3)/1.1 var(--wv-display)!important;letter-spacing:-.012em!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-fig-name a{color:var(--wv-graphite)!important;text-decoration:none!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-fig-name a:hover{color:var(--wv-ox)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-fig-status:not(#e){margin:0!important;font:600 12px/1.3 var(--wv-ui)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--wv-ox-ink)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-fig dl{margin:6px 0 0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px 16px!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-fig dl>div{display:grid!important;gap:4px!important;padding-top:12px!important;border-top:1px solid rgba(40,41,43,.12)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-fig dt:not(#e){font:500 12px/1.35 var(--wv-ui)!important;letter-spacing:.02em!important;color:var(--wv-mut-l)!important;text-transform:none!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-fig dd:not(#e){margin:0!important;font:400 15px/1.35 var(--wv-ui)!important;color:var(--wv-graphite)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-fig dd b:not(#e){font:300 40px/1 var(--wv-display)!important;letter-spacing:-.02em!important;color:var(--wv-graphite)!important;margin-right:4px!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-fig-next:not(#e){margin:auto 0 0!important;padding-top:14px!important;border-top:1px solid rgba(40,41,43,.12)!important;font:400 14px/1.45 var(--wv-ui)!important;color:var(--wv-graphite)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-fig-next span{display:block!important;font:600 12px/1.3 var(--wv-ui)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--wv-mut-l)!important;margin-bottom:4px!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-st.is-ready{color:var(--wv-graphite)!important}.v1821-st.is-developing{color:#7a5c1c!important}.v1821-st.is-overview{color:var(--wv-mut-l)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .wl-compare-market .k:not(#e){font:600 12px/1.3 var(--wv-ui)!important;letter-spacing:.14em!important}
/* 11 topics: table on desktop */
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table-wrap{margin-top:32px!important;border:1px solid rgba(40,41,43,.14)!important;background:#fff!important;overflow-x:auto!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table{width:100%!important;border-collapse:collapse!important;background:#fff!important;table-layout:fixed!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table thead th:not(#e){position:sticky!important;top:0!important;z-index:2!important;background:var(--wv-graphite)!important;color:var(--wv-paper)!important;padding:16px 20px!important;text-align:left!important;font:300 20px/1.2 var(--wv-display)!important;letter-spacing:-.005em!important;text-transform:none!important;border:0!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table thead th:first-child:not(#e){width:24%!important;font:600 12px/1.3 var(--wv-ui)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#d6d3cc!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table tbody th:not(#e){vertical-align:top!important;text-align:left!important;padding:22px 20px!important;background:var(--wv-paper)!important;border-bottom:1px solid rgba(40,41,43,.12)!important;border-right:1px solid rgba(40,41,43,.12)!important;font-weight:400!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table tbody td:not(#e){vertical-align:top!important;padding:22px 20px!important;border-bottom:1px solid rgba(40,41,43,.12)!important;border-right:1px solid rgba(40,41,43,.07)!important;min-width:0!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-q-n{display:block!important;font:600 12px/1.3 var(--wv-ui)!important;letter-spacing:.14em!important;color:var(--wv-ox)!important;margin-bottom:6px!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-q-t:not(#e){display:block!important;font:300 21px/1.2 var(--wv-display)!important;letter-spacing:-.008em!important;color:var(--wv-graphite)!important;margin-bottom:8px!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-q-q{display:block!important;font:400 13px/1.5 var(--wv-ui)!important;color:var(--wv-mut-l)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-c-rule,html body:not(#a):not(#b):not(#c):not(#d) .v1821-c-imp{margin:0 0 10px!important;font:400 14px/1.55 var(--wv-ui)!important;color:#353639!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-c-rule strong{font-weight:600!important;color:var(--wv-graphite)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-c-imp strong{font-weight:600!important;color:var(--wv-ox)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-c-dec{margin:8px 0 0!important;padding-left:18px!important;font:400 13px/1.5 var(--wv-ui)!important;color:var(--wv-mut-l)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-c-dec li+li{margin-top:4px!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-c-pending{padding:14px 16px!important;background:var(--wv-paper)!important;border:1px dashed rgba(40,41,43,.25)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-c-pending span{display:block!important;font:600 12px/1.3 var(--wv-ui)!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--wv-mut-l)!important;margin-bottom:4px!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-c-pending p{margin:0!important;font:400 13px/1.5 var(--wv-ui)!important;color:var(--wv-mut-l)!important}
/* governance rule and next step */
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-rule:not(#e){background:var(--wv-graphite)!important;color:var(--wv-paper)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-rule .wx-head:not(#e){margin-bottom:0!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-rule h2:not(#e){color:var(--wv-paper)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-rule .wx-head>div>p:not(#e){color:#d6d3cc!important;font-size:17px!important;line-height:1.6!important;max-width:760px!important;margin-top:16px!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-next:not(#e){background:var(--wv-paper2)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-next-act{margin-top:24px!important}
@media (max-width:980px){
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .wl-compare-form:not(#e){grid-template-columns:1fr!important}
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .w134-compare-logic:not(#e){grid-template-columns:1fr 1fr!important}
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .w134-compare-logic i:not(#e){display:none!important}
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-figs{grid-template-columns:1fr!important}
}
/* 11 topics on phones: one card per question, markets stacked inside it */
@media (max-width:760px){
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-compare .wl-compare-hero:not(#e){padding:64px 0 56px!important}
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table-wrap{border:0!important;background:transparent!important;overflow:visible!important}
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table,html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table tbody,html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table tr,html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table th,html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table td{display:block!important;width:auto!important}
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table{table-layout:auto!important;background:transparent!important}
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important}
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table tbody tr{margin:0 0 16px!important;background:#fff!important;border:1px solid rgba(40,41,43,.14)!important;border-top:2px solid var(--wv-graphite)!important}
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table tbody th:not(#e){padding:20px 18px 16px!important;border-right:0!important}
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table tbody td:not(#e){padding:16px 18px 18px!important;border-right:0!important}
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table tbody td:last-child{border-bottom:0!important}
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-topics .wl-compare-table tbody td::before{content:attr(data-market)!important;display:block!important;margin:0 0 10px!important;font:300 20px/1.2 var(--wv-display)!important;letter-spacing:-.005em!important;color:var(--wv-graphite)!important;padding-bottom:8px!important;border-bottom:1px solid rgba(40,41,43,.12)!important}
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-fig{padding:22px 20px 20px!important}
}

/* ---------- 8 · mobile and small text ---------- */
/* 12px floor for labels, eyebrows and meta text (were 9–11.5px) */
html body:not(#a):not(#b):not(#c):not(#d) :is(.lbl,.eyebrow,.wv18-appbar-group,.kx-help-k,.v18-pc-st,.v18-pc-kicker,.wv18-fb-inst,.h18-legend li,.kx-mx-tag,.kx-seq-side,.wc9-plan-side,.v18-plate-tag,.rt thead th,.kx-ctx .ui,.wv18-footer-more span,.wl-compare-market dt,.wone-live-indicator,.wone-signal-tag,.wone-lens-score,.wx-feature-copy .k,.wx-story-body .k,.wx-cell .k,.wx-cell a,.v18-status,.kx-bs-col .ui,.kx-iw-cat .tn,.kx-tier,.kx-topic-t,.kx-toc .tn,.kx-table th,.wv18-appbar-meta dt,.wv18-footer-path span,.w139-context-ai-console span):not(#e):not(#f):not(#g):not(#h){font-size:12px!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(.lbl a,.lbl b,.lbl span):not(#e){font-size:inherit!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(.kx-ref,sup.kx-ref,.kx-refs a):not(#e){font-size:12px!important}
html body:not(#a):not(#b):not(#c):not(#d) .wl-compare-actions a:not(#e){font-size:14px!important}
html body:not(#a):not(#b):not(#c):not(#d) .kx-seq .ui:not(#e),html body:not(#a):not(#b):not(#c):not(#d) .kx-article b.ui:not(#e){font-size:12.5px!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(.wone-sig-filter,.wc9-audience a,.kx-chip,.kx-iw-cat,.kx-da-b,.wone-signal-status,.wone-signal-meta span,.w133-pricing-journey small,.w133-pricing-journey span):not(#e){font-size:12.5px!important}
/* the find page's command buttons and legacy pill labels */
html body:not(#a):not(#b):not(#c):not(#d) :is(.cmd-search button,.wone-relevance-banner a):not(#e){font-size:13px!important;min-height:44px}

@media (max-width:760px){
  /* 44px targets in nav, filters, tool bars and the footer */
  html body:not(#a):not(#b):not(#c):not(#d) :is(.wv18-footer-cols a,.wv18-footer a,.wv18-appbar a,.wv18-appbar button,.kx-iw-cat,.kx-chip,.kx-da-b,.wone-sig-filter,.wc9-audience a,.wone-pill,.v18-modes a,.kx-pager a,.kx-toc a,[id=wone-mobile-navigation] a,.wgc2-mobile-panel a,.w135-mobile-actions a,.wgc2-utility-links a):not(#e){display:inline-flex;align-items:center;min-height:44px!important;box-sizing:border-box}
  html body:not(#a):not(#b):not(#c):not(#d) .wv18-footer-cols a:not(#e){display:flex;padding:0!important}
  html body:not(#a):not(#b):not(#c):not(#d) .wv18-footer-cols li:not(#e){margin:0!important}
  html body:not(#a):not(#b):not(#c):not(#d) .wv18-footer-cols:not(#e){grid-template-columns:1fr 1fr!important;gap:32px 20px!important}
  html body:not(#a):not(#b):not(#c):not(#d) .wv18-footer-cols :is(h2,h4):not(#e):not(#f):not(#g):not(#h){font-size:18px!important}
  /* standalone text links (not inside running text) get a full-height hit area */
  html body:not(#a):not(#b):not(#c):not(#d) :is(.act,.kx-act a.tl,.v18-pc-links a,.v18-pc-pos a,.h18-more,.kx-mx-more,.wl-compare-actions a,a.tl:only-child):not(#e){display:inline-flex;align-items:center;min-height:44px}
  html body:not(#a):not(#b):not(#c):not(#d) .kx-fab:not(#e){display:inline-flex!important;align-items:center;min-width:48px;min-height:48px!important;padding:0 16px!important}
  html body:not(#a):not(#b):not(#c):not(#d) :is(.kx-addc-s,.kx-iw-mkt,.wone-signal-action,.wx-cell a,.wv18-related-grid a,.wv18-related-head a,:is(div,li,nav,section,header)>a.tl,.lbl>a):not(#e){min-height:44px!important;display:inline-flex;align-items:center}
  html body:not(#a):not(#b):not(#c):not(#d) :is(.kx-ask,.kx-iw) label:has(input[type=radio],input[type=checkbox]):not(#e){display:inline-flex;align-items:center;min-height:44px;padding-right:8px}
  html body:not(#a):not(#b):not(#c):not(#d) :is(.kx-ask,.kx-iw) input:is([type=radio],[type=checkbox]):not(#e){width:20px;height:20px}
  html body:not(#a):not(#b):not(#c):not(#d) .v18-filterbar:not(#e){flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-left:-20px;margin-right:-20px;padding-left:20px!important;padding-right:20px!important;gap:0 20px}
  html body:not(#a):not(#b):not(#c):not(#d) .v18-filterbar button:not(#e){flex:0 0 auto;white-space:nowrap}
  html body:not(#a):not(#b):not(#c):not(#d) .v18-markets:not(#e){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  html body:not(#a):not(#b):not(#c):not(#d) .v18-market-body:not(#e){padding:64px 12px 12px!important}
  html body:not(#a):not(#b):not(#c):not(#d) .v18-market-body .disp:not(#e):not(#f):not(#g):not(#h){font-size:20px!important}
  html body:not(#a):not(#b):not(#c):not(#d) .v18-market-body .ui:not(#e){font-size:12px!important}
}

/* cookie notice: inline-styled in footer.php; on phones it becomes a compact bottom bar that leaves the first CTA clear */
html body:not(#a):not(#b):not(#c):not(#d) #wone-cookie-banner>div>div>div:first-child:not(#e){font-size:12px!important;color:var(--wv-ox-dl)!important}
html body:not(#a):not(#b):not(#c):not(#d) #wone-cookie-banner button:not(#wone-cookie-close):not(#e){min-height:44px!important;padding:0 16px!important;font-size:12px!important;border-radius:0!important}
html body:not(#a):not(#b):not(#c):not(#d) #wone-cookie-accept:not(#e){background:var(--wv-ox)!important;color:#fff!important}
html body:not(#a):not(#b):not(#c):not(#d) #wone-cookie-essential:not(#e){color:var(--wv-paper2)!important;border-color:rgba(242,237,228,.4)!important}
html body:not(#a):not(#b):not(#c):not(#d) #wone-cookie-close:not(#e){min-width:44px!important;min-height:44px!important;margin:-12px -12px 0 0!important;color:#c9cbd1!important}
html body:not(#a):not(#b):not(#c):not(#d) #wone-cookie-banner p:not(#e){color:#d6d3cc!important}
html body:not(#a):not(#b):not(#c):not(#d) #wone-cookie-banner p a:not(#e){color:#fff!important;text-decoration:underline!important;text-underline-offset:2px}
@media (max-width:760px){
  html body:not(#a):not(#b):not(#c):not(#d) #wone-cookie-banner:not(#e){left:0!important;right:0!important;bottom:0!important;max-width:none!important;border-radius:0!important;border-width:1px 0 0!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;box-shadow:0 -10px 30px rgba(0,0,0,.28)!important}
  html body:not(#a):not(#b):not(#c):not(#d) #wone-cookie-banner>div>div>div:first-child:not(#e){display:none!important}
  html body:not(#a):not(#b):not(#c):not(#d) #wone-cookie-banner p:not(#e){font-size:12px!important;line-height:1.45!important;margin:0 0 10px!important}
  html body:not(#a):not(#b):not(#c):not(#d) #wone-cookie-banner>div>div:not(#e){flex:1 1 auto;min-width:0}
  html body:not(#a):not(#b):not(#c):not(#d) #wone-cookie-banner>div>div>div:last-child:not(#e){flex-wrap:nowrap!important;gap:8px!important;width:100%}
  html body:not(#a):not(#b):not(#c):not(#d) #wone-cookie-banner button:not(#wone-cookie-close):not(#e){flex:1 1 0;padding:0 10px!important;letter-spacing:.02em!important}
}

/* ---------- 9 · focus ---------- */
html body:not(#a):not(#b):not(#c):not(#d) :is(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"]),[role=button],[role=tab]):focus-visible:not(#e){outline:2px solid var(--wv-ox)!important;outline-offset:3px!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(.n0,.n1,.kx-iw-win,.kx-ask,.wv18-footer,.wx-dark,.wv18-chrome,.wgc2-shell,.wv18-appbar,.v18-band-ox,.wl-compare-hero,.wx-hero-full,.ww-hero,.v1821-cmp-rule,#wone-cookie-banner,.v18hero) :is(a,button,input,select,textarea,summary,[tabindex],[role=button],[role=tab]):focus-visible:not(#e){outline-color:var(--wv-ox-dl)!important}
html body:not(#a):not(#b):not(#c):not(#d) a.v18-market:focus-visible:not(#e){outline-offset:-3px!important;outline-color:var(--wv-ox-dl)!important}
html body:not(#a):not(#b):not(#c):not(#d) .wone-skip-link:focus-visible:not(#e){outline-color:var(--wv-ox)!important}

/* ---------- 10 · blocks added by the main engineer ---------- */
/* home hero live-time lines sit on paper on phones */
html body:not(#a):not(#b):not(#c):not(#d) #wh18 .h18-hero-light :is(.h18-live-you span,[data-h18-corrlive] span):not(#e){color:#5d5e62!important}
/* home hero: the quiet qualifier line under .h18-sub */
html body:not(#a):not(#b):not(#c):not(#d) #wh18 .h18-qual:not(#e){margin:18px 0 0;max-width:34ch;font:400 13.5px/1.55 var(--wv-ui);letter-spacing:0;color:#606165}
html body:not(#a):not(#b):not(#c):not(#d) #wh18 :is(.n0,.n1) .h18-qual:not(#e){color:#c9cbd1}
/* header: four menu buttons and one call to action ("Bring a requirement") */
html body:not(#a):not(#b):not(#c):not(#d) #wone-global-chrome-v12.wv18-chrome .wgc2-actions a.wgc2-cta.req:not(#e),
html body:not(#a):not(#b):not(#c):not(#d) .wgc2-header .wgc2-actions a.wgc2-cta.req:not(#e){background:var(--wv-ox)!important;color:#fff!important;border:1px solid var(--wv-ox)!important;min-height:44px;padding:0 20px!important;display:inline-flex;align-items:center;gap:10px;font:600 14px/1 var(--wv-ui)!important;border-radius:0!important}
html body:not(#a):not(#b):not(#c):not(#d) #wone-global-chrome-v12.wv18-chrome .wgc2-actions a.wgc2-cta.req:hover:not(#e),
html body:not(#a):not(#b):not(#c):not(#d) .wgc2-header .wgc2-actions a.wgc2-cta.req:hover:not(#e){background:#963f2e!important;border-color:#963f2e!important;filter:none}
html body:not(#a):not(#b):not(#c):not(#d) .wgc2-header .wgc2-navbtn:not(#e){min-height:44px;padding:0 4px;font:500 15px/1 var(--wv-ui)!important;letter-spacing:0!important;text-transform:none!important}
html body:not(#a):not(#b):not(#c):not(#d) .wgc2-header .wgc2-nav:not(#e){gap:clamp(20px,2.4vw,36px)!important}
html body:not(#a):not(#b):not(#c):not(#d) .wgc2-logo img:not(#e){width:auto;height:40px;max-width:150px}
/* about #leadership: five people, monogram plates until photographs are approved */
html body:not(#a):not(#b):not(#c):not(#d) .v18-team:not(#e){list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:40px 28px}
html body:not(#a):not(#b):not(#c):not(#d) .v18-team>li:not(#e){display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:24px;border-top:1px solid rgba(40,41,43,.16);margin:0}
html body:not(#a):not(#b):not(#c):not(#d) .v18-team-mono:not(#e){display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;border:1px solid rgba(169,75,56,.55);margin-bottom:10px;font:300 22px/1 var(--wv-display);letter-spacing:.02em;color:var(--wv-ox);background:transparent}
html body:not(#a):not(#b):not(#c):not(#d) .v18-team .disp:not(#e):not(#f):not(#g):not(#h){font-size:var(--wv-h4)!important;line-height:1.2!important;color:var(--wv-graphite)}
html body:not(#a):not(#b):not(#c):not(#d) .v18-team .ui:not(#e){font-size:14px;line-height:1.45;color:var(--wv-mut-l)!important}
html body:not(#a):not(#b):not(#c):not(#d) :is(.n0,.n1) .v18-team>li:not(#e){border-top-color:rgba(242,237,228,.16)}
html body:not(#a):not(#b):not(#c):not(#d) :is(.n0,.n1) .v18-team-mono:not(#e){color:var(--wv-ox-d);border-color:rgba(208,112,90,.6)}
html body:not(#a):not(#b):not(#c):not(#d) :is(.n0,.n1) .v18-team .disp:not(#e):not(#f):not(#g):not(#h){color:var(--wv-paper)}
html body:not(#a):not(#b):not(#c):not(#d) :is(.n0,.n1) .v18-team .ui:not(#e){color:#c9cbd1!important}
@media (max-width:1100px){html body:not(#a):not(#b):not(#c):not(#d) .v18-team:not(#e){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:899.98px){html body:not(#a):not(#b):not(#c):not(#d) .v18-team:not(#e){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){html body:not(#a):not(#b):not(#c):not(#d) .v18-team:not(#e){grid-template-columns:1fr;gap:0}
  html body:not(#a):not(#b):not(#c):not(#d) .v18-team>li:not(#e){flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px 16px;padding:18px 0}
  html body:not(#a):not(#b):not(#c):not(#d) .v18-team-mono:not(#e){width:52px;height:52px;margin:0;font-size:19px;grid-row:span 2}
  html body:not(#a):not(#b):not(#c):not(#d) .v18-team>li>span:not(.v18-team-mono):not(#e){flex:1 1 calc(100% - 72px)}
  html body:not(#a):not(#b):not(#c):not(#d) .v18-team>li>.ui:not(#e){margin-left:68px;margin-top:-4px}
}
/* standards #service-levels: the two-column table stacks on phones (promise above its measure) */
@media (max-width:640px){
  html body:not(#a):not(#b):not(#c):not(#d) table.rt:not(#e),html body:not(#a):not(#b):not(#c):not(#d) table.rt :is(tbody,tr,td):not(#e){display:block;width:auto!important}
  html body:not(#a):not(#b):not(#c):not(#d) table.rt thead:not(#e){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
  html body:not(#a):not(#b):not(#c):not(#d) table.rt tr:not(#e){padding:16px 0;border-bottom:1px solid rgba(40,41,43,.16)}
  html body:not(#a):not(#b):not(#c):not(#d) table.rt td:not(#e){border:0!important;padding:0!important}
  html body:not(#a):not(#b):not(#c):not(#d) table.rt td:first-child:not(#e){font-weight:600;margin-bottom:4px}
  html body:not(#a):not(#b):not(#c):not(#d) table.rt td+td:not(#e){color:var(--wv-mut-l)}
  html body:not(#a):not(#b):not(#c):not(#d) :is(.n0,.n1) table.rt tr:not(#e){border-bottom-color:rgba(242,237,228,.16)}
  html body:not(#a):not(#b):not(#c):not(#d) :is(.n0,.n1) table.rt td+td:not(#e){color:#c9cbd1}
  html body:not(#a):not(#b):not(#c):not(#d) .split.split-top:not(#e){display:grid;grid-template-columns:1fr;gap:32px}
}

/* compare on phones: the market switch above the question cards (views/hybrid/compare.php) */
html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-switch:not(#e){display:none!important}
@media (max-width:760px){
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-switch:not([hidden]):not(#e){display:flex!important;position:sticky;top:0;z-index:5;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none;margin:24px -20px 16px!important;padding:10px 20px!important;background:var(--wv-paper);border-bottom:1px solid rgba(40,41,43,.14)}
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-switch-l:not(#e){flex:0 0 auto;font:600 12px/1.2 var(--wv-ui)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--wv-mut-l)!important;margin-right:4px}
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-switch button:not(#e){flex:0 0 auto;min-height:44px!important;padding:0 14px!important;border:1px solid rgba(40,41,43,.3)!important;background:transparent!important;color:var(--wv-graphite)!important;font:500 14px/1 var(--wv-ui)!important;border-radius:0!important;white-space:nowrap}
  html body:not(#a):not(#b):not(#c):not(#d) .v1821-cmp-switch button[aria-pressed=true]:not(#e){background:var(--wv-graphite)!important;color:var(--wv-paper)!important;border-color:var(--wv-graphite)!important}
  html body:not(#a):not(#b):not(#c):not(#d) #v1821-cmp-table[data-show="0"] tbody td:not(:nth-of-type(1)),
  html body:not(#a):not(#b):not(#c):not(#d) #v1821-cmp-table[data-show="1"] tbody td:not(:nth-of-type(2)),
  html body:not(#a):not(#b):not(#c):not(#d) #v1821-cmp-table[data-show="2"] tbody td:not(:nth-of-type(3)){display:none!important}
}

/* country pages (India, China, United States): regions within the market (country.php #regions) */
html body:not(#a):not(#b):not(#c):not(#d) .v18-region-grid:not(#e){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin-top:8px}
html body:not(#a):not(#b):not(#c):not(#d) article.v18-region:not(#e){display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:32px 0 40px;border-top:1px solid rgba(40,41,43,.18)}
html body:not(#a):not(#b):not(#c):not(#d) article.v18-region h3:not(#e):not(#f):not(#g):not(#h){margin:0!important;color:var(--wv-graphite)}
html body:not(#a):not(#b):not(#c):not(#d) article.v18-region>p:not(#e){margin:0;max-width:52ch}
html body:not(#a):not(#b):not(#c):not(#d) .v18-region-count:not(#e){font:600 12px/1.3 var(--wv-ui)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--wv-ox-ink)!important}
html body:not(#a):not(#b):not(#c):not(#d) .v18-region-leads:not(#e){list-style:none;margin:4px 0 0;padding:0;width:100%;display:grid;gap:0}
html body:not(#a):not(#b):not(#c):not(#d) .v18-region-leads>li:not(#e){display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 0;border-top:1px solid rgba(40,41,43,.1);margin:0}
html body:not(#a):not(#b):not(#c):not(#d) .v18-region-leads .ui:not(#e){font-size:14px;color:var(--wv-mut-l)}
html body:not(#a):not(#b):not(#c):not(#d) article.v18-region>a.tl:not(#e){margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;min-height:44px}
html body:not(#a):not(#b):not(#c):not(#d) :is(.n0,.n1) article.v18-region:not(#e){border-top-color:rgba(242,237,228,.16)}
html body:not(#a):not(#b):not(#c):not(#d) :is(.n0,.n1) article.v18-region h3:not(#e):not(#f):not(#g):not(#h){color:var(--wv-paper)}
html body:not(#a):not(#b):not(#c):not(#d) :is(.n0,.n1) .v18-region-count:not(#e){color:var(--wv-ox-dl)!important}
@media (max-width:760px){html body:not(#a):not(#b):not(#c):not(#d) .v18-region-grid:not(#e){grid-template-columns:1fr}
  html body:not(#a):not(#b):not(#c):not(#d) article.v18-region:not(#e){padding:24px 0 28px}}
/* open appointments (?market=india): a region heading before each capability grid */
html body:not(#a):not(#b):not(#c):not(#d) h3.v18-region-h:not(#e):not(#f):not(#g):not(#h){margin:48px 0 20px!important}
html body:not(#a):not(#b):not(#c):not(#d) h3.v18-region-h:first-child:not(#e):not(#f):not(#g):not(#h){margin-top:0!important}
html body:not(#a):not(#b):not(#c):not(#d) h3.v18-region-h>.ui:not(#e){display:block;margin-top:6px;font:400 14px/1.45 var(--wv-ui)!important;letter-spacing:0!important;color:var(--wv-mut-l)!important}

/* v18.21 (main engineer): headings promoted from h4 to h3 for heading order keep their previous size */
html body:not(#a):not(#b):not(#c):not(#d) .wx-route-step h3.wx-route-h:not(#e):not(#f):not(#g):not(#h){font-size:var(--wv-h4)!important;line-height:1.25!important;letter-spacing:-.005em!important}
html body:not(#a):not(#b):not(#c):not(#d) .wone-req-step-item h3.wone-req-step-h:not(#e):not(#f):not(#g):not(#h){font-size:var(--wv-h5)!important;line-height:1.25!important}
.wx-route-step h3.wx-route-h{margin:30px 0 0}
.wone-req-step-item h3.wone-req-step-h{margin:0 0 4px}

/* v18.22: Services menu opens with "What you need to do" before the five families */
.wv18-chrome .wv18-mega-caps{grid-template-columns:minmax(200px,.7fr) minmax(200px,.8fr) minmax(0,2.4fr)!important}
.wv18-chrome .wv18-mega-tasks .wgc2-links a{padding:5px 0}
.wv18-chrome .wv18-mega-fams{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1180px){.wv18-chrome .wv18-mega-caps{grid-template-columns:minmax(200px,.8fr) minmax(0,2.4fr)!important}.wv18-chrome .wv18-mega-tasks{display:none}}
/* v18.22: coverage status labels */
.v18-cap-lead .v18-cov-associate{color:var(--wv-graphite,#28292b)}
.v18-cap-lead .v18-cov-none{text-decoration:line-through;opacity:.7}

/* v18.22: Ask WONE Global depth choice, country comparison and held-back notice */
:is(#wh18,.wv18):not(#a):not(#b):not(#c) .kx-depth{margin-top:4px}
:is(#wh18,.wv18):not(#a):not(#b):not(#c) .kx-cmpwith{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:4px 0 14px;font-size:13px;color:inherit}
:is(#wh18,.wv18):not(#a):not(#b):not(#c) .kx-cmpwith .kx-cmp-s{min-height:44px;padding:8px 12px;border:1px solid currentColor;border-radius:2px;background:transparent;color:inherit;font:inherit;max-width:100%}
:is(#wh18,.wv18):not(#a):not(#b):not(#c) .kx-cmpwith .kx-cmp-s option{color:#28292b;background:#fff}
:is(#wh18,.wv18):not(#a):not(#b):not(#c) .kx-cmp{margin-top:8px}
:is(#wh18,.wv18):not(#a):not(#b):not(#c) .kx-cmp-col{min-width:0;padding-top:16px;border-top:1px solid currentColor}
:is(#wh18,.wv18):not(#a):not(#b):not(#c) .kx-cmp-h{margin:0 0 12px}
:is(#wh18,.wv18):not(#a):not(#b):not(#c) .kx-held{margin:12px 0;padding:10px 14px;border-left:2px solid var(--wv-ox,#a94b38);font-size:13.5px;line-height:1.5}

/* v18.22: the home page's new blocks (Start here, first corridors, Who does what) use the editorial row layout,
   which the home page does not otherwise load */
#wh18 :is(.h18-doors,.v18-who) .rows{list-style:none;padding:0;margin:0}
#wh18 :is(.h18-doors,.v18-who) .rows li{display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:24px;align-items:baseline;padding:24px 0;border-top:1px solid #c9bfae}
#wh18 :is(.h18-doors,.v18-who) .rows li:last-child{border-bottom:1px solid #c9bfae}
#wh18 :is(.h18-doors,.v18-who) .rows li>a.disp,#wh18 :is(.h18-doors,.v18-who) .rows li>span.disp{font-family:"Noto Serif Display",Georgia,serif;font-weight:300;font-size:24px;line-height:1.2;color:#28292b;text-decoration:none}
#wh18 :is(.h18-doors,.v18-who) .rows li>a.disp:hover{color:#a94b38}
#wh18 :is(.h18-doors,.v18-who) .rows li>span:not(.disp){color:#4a4b4f;font-size:16px;line-height:1.6}
#wh18 :is(.h18-doors,.v18-who) .head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:48px}
#wh18 :is(.h18-doors,.v18-who) .head .h-l{grid-column:span 7}
#wh18 :is(.h18-doors,.v18-who) .head .h-r{grid-column:9/span 4;margin:0;color:#56575b}
#wh18 :is(.h18-doors,.v18-who) .lbl{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px;color:#a94b38}
#wh18 :is(.h18-doors,.v18-who) .note{margin-top:24px;font-size:14px}
@media (max-width:899.98px){#wh18 :is(.h18-doors,.v18-who) .rows li{grid-template-columns:1fr;gap:6px}#wh18 :is(.h18-doors,.v18-who) .head .h-l,#wh18 :is(.h18-doors,.v18-who) .head .h-r{grid-column:1/-1}}
/* v18.22: the EOI side heading was sized as a page H2 and broke mid-word in its narrow column */
html body:not(#a):not(#b):not(#c):not(#d) .wone-eoi-aside h2:not(#e):not(#f):not(#g):not(#h){font-size:clamp(28px,2.4vw,38px)!important;line-height:1.12!important;overflow-wrap:normal;word-break:normal;hyphens:manual}
/* v18.22 breakpoints: the Find relevance banner keeps text and button on one row on laptops (the text column used to push the button below it under ~1070px) */
html body:not(#a):not(#b) .wx-wrap .wone-relevance-banner>div:not(#c){flex:1 1 360px;min-width:0}
html body:not(#a):not(#b) .wx-wrap .wone-relevance-banner>a:not(#c){flex:0 0 auto}
