/* v8 (Nov 2 2026), Maryann's palette: no hunter green, no tan.
   Light lavender from her dress (#D4CCEA, deeper #B8A9D6), her brand aqua #67efdb and orange #ffb743,
   near-black text, and white. The bands that were dark are now lavender with dark text.
   Loaded after every other stylesheet. */
:root {
  --lilac: #d4ccea; --lilac-2: #c9bedd; --lilac-deep: #b8a9d6; --lilac-soft: #ece8f7; --lilac-mist: #f4f1fb;
  --plum: #54448c; --plum-2: #43367a;
  --ink: #1d1b26; --ink-2: #3a3647; --muted: #57526b;
  --kelp: #3b2f6b; --kelp-2: #2f2558; --accent: #54448c; --bronze: #54448c;
  --paper: #fcfbff; --white: #ffffff; --line: #e3ddf0; --line-2: #eeeaf6; --stone: #f3f0fa; --sand: #e9e4f5; --sage: #e9e4f5; --sage-2: #b8a9d6;
  --bg: var(--lilac);
}
body.mw { background: var(--paper); }

/* accent words in headings: no italics, her lavender's deeper tone */
.mw h1 em, .mw h2 em, .mw h3 em, .mw h4 em, .hw em, .foot-big em, .rw-to, .rw-to em, .cta-band h2 em, .five em, .ih h1 em { font-style: normal; }
.mw h1 em, .mw h2 em, .mw h3 em, .hw em, .foot-big em, .rw-to em { color: var(--plum); }
.wordmark span i { color: var(--plum); }

/* ---------- bands that were dark: now lavender with dark text ---------- */
.hero-creds, .on-dark, .isla-band, .cta-band, .site-foot, .scene-rewrite, .mnav, .announce, .five, .panel-ring, .creds-sec, .ih, .phero:not(.light) {
  background: var(--lilac) !important; color: var(--ink) !important;
}
.isla-band, .ih, .creds-sec, .scene-rewrite .stage, .phero:not(.light) {
  background: radial-gradient(900px 600px at 88% 8%, rgba(255, 255, 255, .55), transparent 60%), radial-gradient(700px 520px at 0% 100%, rgba(184, 169, 214, .55), transparent 60%), var(--lilac) !important;
}
.site-foot { background: linear-gradient(180deg, var(--lilac) 0%, var(--lilac-2) 100%) !important; }
.announce { background: var(--lilac-deep) !important; }
.announce a { color: var(--plum) !important; }

:is(.hero-creds, .on-dark, .isla-band, .cta-band .cta-copy, .site-foot, .scene-rewrite, .mnav, .five, .panel-ring, .creds-sec, .ih-grid > :first-child, .ih .wrap > :first-child, .phero:not(.light) .wrap) :is(h1, h2, h3, h4, h5, b, strong, dt, cite, label, .foot-big, .rw-to, blockquote) { color: var(--ink) !important; }
:is(.hero-creds, .on-dark, .isla-band, .cta-band .cta-copy, .site-foot, .scene-rewrite, .mnav, .five, .panel-ring, .creds-sec, .ih-grid > :first-child, .ih .wrap > :first-child, .phero:not(.light) .wrap) :is(p, li, span, small, dd, .lede, .rw-from, .foot-tag, .sec-head p, figcaption:not(.cap)) { color: var(--ink-2) !important; }
:is(.hero-creds, .on-dark, .isla-band, .cta-band, .site-foot, .scene-rewrite, .mnav, .five, .panel-ring, .creds-sec, .ih, .phero:not(.light)) :is(.eyebrow, .rw-k, .crumb, .foot-h, .k, .y, .tag, .rw-count) { color: var(--plum) !important; }
:is(.hero-creds, .on-dark, .isla-band, .cta-band, .site-foot, .scene-rewrite, .mnav, .five, .panel-ring, .creds-sec, .ih, .phero:not(.light)) :is(h1, h2, h3, .foot-big, .rw-to, .hw) em { color: var(--plum) !important; }
:is(.hero-creds, .on-dark, .isla-band, .cta-band, .site-foot, .scene-rewrite, .mnav, .five, .panel-ring, .creds-sec, .ih, .phero:not(.light)) a:not(.btn) { color: var(--ink) !important; }
:is(.on-dark, .isla-band, .cta-band, .site-foot, .scene-rewrite, .five, .panel-ring, .creds-sec, .ih, .phero:not(.light)) .text-link { color: var(--plum) !important; border-color: rgba(84, 68, 140, .35) !important; }
:is(.hero-creds, .on-dark, .isla-band, .cta-band, .site-foot, .scene-rewrite, .mnav, .five, .panel-ring, .creds-sec, .ih, .phero:not(.light)) :is(div, li, ul, article, a, span, p, hr, dl, .foot-grid, .foot-base) { border-color: rgba(84, 68, 140, .18); }
.hero-creds li b { color: var(--plum) !important; }
.hero-creds li { border-color: rgba(84, 68, 140, .18) !important; }
.crumb a, .phero .crumb a { color: var(--ink-2) !important; }

/* buttons on lavender */
:is(.on-dark, .isla-band, .cta-band, .site-foot, .scene-rewrite, .mnav, .five, .panel-ring, .creds-sec, .ih, .phero:not(.light)) .btn.light { background: #fff !important; color: var(--ink) !important; }
:is(.on-dark, .isla-band, .cta-band, .site-foot, .scene-rewrite, .mnav, .five, .panel-ring, .creds-sec, .ih, .phero:not(.light)) .btn.ghost-light,
:is(.on-dark, .isla-band, .cta-band, .site-foot, .scene-rewrite, .mnav, .five, .panel-ring, .creds-sec, .ih, .phero:not(.light)) .btn.ghost { background: transparent !important; color: var(--ink) !important; border-color: rgba(29, 27, 38, .35) !important; }
:is(.on-dark, .isla-band, .cta-band, .site-foot, .scene-rewrite, .mnav, .five, .panel-ring, .creds-sec, .ih, .phero:not(.light)) .btn.ghost-light:hover { background: rgba(255, 255, 255, .5) !important; }

/* glass cards inside the lavender bands become soft white */
:is(.on-dark, .isla-band, .cta-band, .five, .panel-ring, .creds-sec, .ih) :is(.fcard, .flow article, .deg article, .seals article, .cta-routes a, .reach-grid a, .chips span, .steps li),
.cta-routes a, .reach-grid a, .flow article, .deg article { background: rgba(255, 255, 255, .58) !important; border-color: rgba(84, 68, 140, .16) !important; color: var(--ink) !important; }
.cta-routes a:hover, .reach-grid a:hover { background: #fff !important; }
.reach-grid a * { color: var(--ink) !important; }
.reach-grid a b, .reach-grid a svg { color: var(--plum) !important; }
.on-dark .fcard .art { background: linear-gradient(135deg, rgba(184, 169, 214, .55), rgba(255, 255, 255, .4)) !important; }
.on-dark .fcard .art svg { color: var(--plum) !important; }
.on-dark .lw-t { background: #fff !important; }
.deg b, .seals b, .five b, .ih-facts b, .isla-meta b, .stat-row b { color: var(--plum) !important; }
.seals .ring, .deg .ring { border-color: var(--apricot) !important; }

/* palm leaves on lavender: a soft grey-violet, like her original site */
:is(.on-dark, .site-foot, .phero, .ih, .isla-band, .cta-band, .creds-sec) .frond, .on-dark .frond { background: rgba(84, 68, 140, .08) !important; opacity: 1 !important; }

/* cards that used a dark-green gradient */
.door.isla { background: radial-gradient(120% 90% at 100% 0%, #e6e0f4 0%, var(--lilac) 55%, var(--lilac-deep) 100%) !important; color: var(--ink) !important; }
.door.isla::before { display: none !important; }
.door.isla :is(h3, p, .k, .go, .go i) { color: var(--ink) !important; }
.door.isla .k { color: var(--plum) !important; }
.report-head { background: linear-gradient(120deg, var(--plum), #7a68b8) !important; }
.book-cover { background: linear-gradient(160deg, var(--plum), var(--kelp)) !important; }

/* the CTA band photo now fades into lavender */
.cta-band > figure::after { background: linear-gradient(90deg, var(--lilac) 0%, rgba(212, 204, 234, 0) 32%) !important; }
@media (max-width: 760px) { .cta-band > figure::after { background: linear-gradient(0deg, var(--lilac) 0%, rgba(212, 204, 234, 0) 42%) !important; } }

/* page heroes that sat on a dark photo: light lavender wash, dark words */
.phero:not(.light)::before { background: linear-gradient(90deg, rgba(236, 232, 247, .97) 0%, rgba(236, 232, 247, .9) 36%, rgba(236, 232, 247, .45) 60%, rgba(236, 232, 247, 0) 78%) !important; }
@media (max-width: 760px) { .phero:not(.light)::before { background: linear-gradient(0deg, rgba(236, 232, 247, 1) 40%, rgba(236, 232, 247, .7) 70%, rgba(236, 232, 247, .1)) !important; } }
.phero .pill, .phero .trust span { color: var(--ink) !important; border-color: rgba(84, 68, 140, .25) !important; background: rgba(255, 255, 255, .6) !important; }

/* the "Good science" scene: lavender over the stage photo */
.scene-rewrite { --rw-to: var(--ink); --rw-pen: var(--apricot); }
.scene-rewrite .stage { background: linear-gradient(90deg, rgba(236, 232, 247, .97) 0%, rgba(236, 232, 247, .93) 55%, rgba(212, 204, 234, .78) 100%), url(/img/stage-white.webp) right center / cover no-repeat, var(--lilac) !important; }
@media (max-width: 760px) {
  .scene-rewrite .stage, .rw-phone .stage { background: linear-gradient(180deg, rgba(236, 232, 247, .9), rgba(212, 204, 234, .98) 340px), url(/img/stage-white.webp) 70% 0 / auto 380px no-repeat, var(--lilac) !important; }
  .rw-phone .rw-line { background: rgba(255, 255, 255, .62) !important; border-color: rgba(84, 68, 140, .16) !important; }
  .rw-phone .rw-from { color: var(--ink-2) !important; border-color: rgba(84, 68, 140, .2) !important; }
  .rw-phone .rw-from::before, .rw-phone .rw-to::before { color: var(--muted) !important; }
}

/* footer details */
.site-foot .foot-news input { background: #fff !important; color: var(--ink) !important; border-color: rgba(84, 68, 140, .25) !important; }
.site-foot .foot-news input::placeholder { color: var(--muted) !important; }
.site-foot .foot-news button { background: var(--ink) !important; color: #fff !important; }
.site-foot .foot-entity img, .mnav .wordmark img { filter: brightness(0) saturate(100%) invert(14%) sepia(14%) saturate(900%) hue-rotate(210deg); }
.site-foot :focus-visible, .mnav :focus-visible { outline-color: var(--plum) !important; }

/* mobile menu */
.mnav ol a { border-color: rgba(84, 68, 140, .16) !important; }
.mnav ol a small, .mnav ol a span.d { color: var(--muted) !important; }
.mnav-close { color: var(--ink) !important; border-color: rgba(29, 27, 38, .3) !important; }

/* the site bar and the photo cards keep their photos; overlays are a soft deep violet, never green */
.site-nav { background: rgba(252, 251, 255, .92) !important; }
.translate { background: rgba(255, 255, 255, .85); }
.translate-row .plain { color: var(--plum); }
.jcard-m .tag, .eyebrow { color: var(--plum); }
.jcard-m .img, .media-list .shot, .jfeature .img { background: var(--lilac-soft); }

/* keep these as they were inside the lavender bands (the :not(#z) makes them win over the band rules above) */
.report-head:not(#z), .report-head:not(#z) * { color: #fff !important; }
.report:not(#z) .chip.flag { color: #9b3a24 !important; } .report:not(#z) .chip.sub { color: var(--apricot-ink) !important; } .report:not(#z) .chip.opt { color: var(--plum) !important; }
.report:not(#z) .report-foot span { color: var(--muted) !important; }
:is(.ih-photo, .split-photo, .thread-photo):not(#z) :is(figcaption, .cap) { color: #fff !important; }
.scene-rewrite .rw-to, .scene-rewrite .rw-to em, .rw-phone .rw-to { font-style: normal !important; }
.scene-rewrite .rw-to em { color: var(--plum) !important; }
.deg .ab, .reach-total b, .translation-line .to, .ih h1 em, .creds-sec h2 em, .rw-head h2 em, .cta-band h2 em, .phero h1 em, .phero h2 em { color: var(--plum) !important; }
.deg .ab em { color: var(--muted) !important; }
.deg .tag { color: var(--ink) !important; }
.mnav .wordmark span i, .site-foot .wordmark span i { color: var(--plum) !important; }
.sp-hero h1 em { font-style: normal; }
.five .big em { font-style: normal; }
/* speaking hero stays on its dark stage photo: light words */
.sp-hero h1 em { color: #67efdb !important; }
.sp-hero .crumb, .sp-hero .crumb a, .sp-hero .crumb span { color: #e9e4f5 !important; }
.sp-hero h1, .sp-hero .lede, .sp-hero p { color: #fff !important; }

/* Nov 2 2026 (T-111, T-112, T-113): her logo's aqua to break up the purple */
.mw .btn.ghost, .mw .btn.ghost-light,
:is(.on-dark, .isla-band, .cta-band, .site-foot, .scene-rewrite, .mnav, .five, .panel-ring, .creds-sec, .ih, .phero:not(.light)) .btn.ghost,
:is(.on-dark, .isla-band, .cta-band, .site-foot, .scene-rewrite, .mnav, .five, .panel-ring, .creds-sec, .ih, .phero:not(.light)) .btn.ghost-light {
  background: var(--aqua) !important; color: var(--ink) !important; border-color: var(--aqua) !important;
}
.mw .btn.ghost:hover, .mw .btn.ghost-light:hover,
:is(.on-dark, .isla-band, .cta-band, .site-foot, .scene-rewrite, .mnav, .five, .panel-ring, .creds-sec, .ih, .phero:not(.light)) :is(.btn.ghost, .btn.ghost-light):hover { background: #4fe3cd !important; border-color: #4fe3cd !important; }
.site-foot:not(#z) .foot-news button { background: var(--aqua) !important; color: var(--ink) !important; border-color: var(--aqua) !important; }
.site-foot:not(#z) .foot-news button:hover { background: #4fe3cd !important; }
/* the credentials strip under the home hero: aqua */
.hero-creds { background: var(--aqua) !important; }
.hero-creds li { border-color: rgba(29, 27, 38, .14) !important; color: var(--ink) !important; }
.hero-creds li b { color: var(--plum) !important; }
/* her full-color logo in the footer, on a white circle so the aqua shows on lavender */
.site-foot .foot-entity img { filter: none !important; background: #fff; border-radius: 50%; padding: 5px; width: 60px; height: 60px; box-shadow: 0 4px 14px rgba(84, 68, 140, .15); }

/* Nov 2 2026 (T-109): ", RD" in the wordmark is not italic */
.wordmark span i { font-style: normal !important; }