/* KEYSTONE — flat surfaces: no shadows anywhere. Loaded last on every page.
   The high-specificity blankets outrank the !important class rules in flow.css / assistant.css / keystone.css. */
*, *::before, *::after { box-shadow: none !important; text-shadow: none !important; }
html body *, html body *::before, html body *::after,
html body [class][class][class][class], html body [class][class][class][class]::before, html body [class][class][class][class]::after,
html body [id][id][id][id],
html body :is(.ks-mega, .ks-btn, .ks-btn:hover, .ks-btn:focus-visible, .ksa-launcher, .ksa-launcher:hover, .ksa-launcher.on-dark, .ksa, .ks-nav, .ks-nav > *, .ks-nav-inner, .ks-card, .panel, .of-report, .ofr-photo, .ofp-photo, .ofp-card, .ofh-card, .ofr-card, .ks-mcta, .of-mbar) { box-shadow: none !important; text-shadow: none !important; }
html body :is(img, svg, canvas, picture, video, .ksa-launcher, .ksa, .ks-btn, .ks-card, .panel, .card, .of-report, .ofr-photo, .ofm, .ofo-art img, .ofh-art img, .ofs-person2 img, .sx-photo, .ks-media, .mo-hv-f, .kc-art svg, .ksa-tile .ksa-glyph svg)[class][class][class],
html body :is(img, svg, canvas, picture, video, .ksa-launcher, .ksa, .ks-btn, .ks-card, .panel, .card, .of-report, .ofr-photo, .ofm, .ofo-art img, .ofh-art img, .ofs-person2 img, .sx-photo, .ks-media, .mo-hv-f) { filter: none !important; -webkit-filter: none !important; }
/* focus rings stay visible without shadows */
html body :focus-visible { outline: 2px solid var(--ks-blue, #0A5BF0) !important; outline-offset: 2px; }

/* outranks every remaining shadow rule, including motion.css hover states (specificity 0,8,2) */
html body [class][class][class][class][class][class][class][class], html body [class][class][class][class][class][class][class][class]::before, html body [class][class][class][class][class][class][class][class]::after,
html.mo-on body:not([data-page="home"]) .ks-card:not(.mo-index .ks-card):hover { box-shadow: none !important; text-shadow: none !important; }

/* the offer hero person keeps its grayscale → colour filter (no shadow inside it) */
html body .ofs-person2 img, html body [class][class][class][class][class][class][class][class].ofs-person2 img { filter: grayscale(calc(.82 * (1 - var(--sw, 0)))) brightness(calc(.9 + .1 * var(--sw, 0))) !important; -webkit-filter: grayscale(calc(.82 * (1 - var(--sw, 0)))) brightness(calc(.9 + .1 * var(--sw, 0))) !important; }