/* Mavella design tokens + the one dark product shell. Loaded LAST (shell.js keeps this link at the end of <head>). */
:root{
  --mv-page:#123524; --mv-card:#0B2A1C; --mv-backdrop:#071A11;
  --mv-text:#F5EFE0; --mv-muted:#C9C2AE; --mv-gold:#D6B45A; --mv-line:#A8862F;
  --mv-border:rgba(214,180,90,.16); --mv-on-gold:#0B2A1C;
  --mv-frame:430px; --mv-hdr-h:56px; --mv-nav-h:64px;
  --mv-serif:Fraunces,Georgia,"Times New Roman",serif;
  --mv-sans:"IBM Plex Sans",Figtree,system-ui,sans-serif;
  --mv-r-card:16px; --mv-r-btn:12px;
}
html:root{
  color-scheme:dark;
  --paper:#123524; --card:#0B2A1C; --sunk:#0B2A1C; --ink:#F5EFE0; --body:#C9C2AE; --faint:#C9C2AE;
  --line:rgba(214,180,90,.16); --hair:rgba(214,180,90,.16);
  --accent:#D6B45A; --accent-soft:#0B2A1C; --deep:#D6B45A; --deep-soft:#0B2A1C;
  --brass:#D6B45A; --ok:#D6B45A; --ok-soft:#0B2A1C; --warn:#D6B45A; --warn-soft:#0B2A1C; --bad:#F5EFE0;
  --shadow:none; --pv-shadow-1:none; --pv-shadow-2:none; --pv-shadow-3:none; --pv-lift:none;
  --gold:#D6B45A; --forest:#0B2A1C; --sand:#C9C2AE; --saffron:#D6B45A; --ring:#D6B45A;
  --brand-navy:#0B2A1C; --brand-ivory:#F5EFE0; --brand-gold:#D6B45A; --brand-white:#F5EFE0; --brand-paper:#123524;
  --l365-nav-h:calc(var(--mv-nav-h) + env(safe-area-inset-bottom,0px));
}
html,html[data-area],html[data-theme],html[data-screen]{background:var(--mv-backdrop)!important;color:var(--mv-text)}
html body{background:var(--mv-backdrop)!important;background-image:none!important;color:var(--mv-text);font-family:var(--mv-sans);
  padding-bottom:calc(var(--mv-nav-h) + 24px + env(safe-area-inset-bottom,0px))}
html body #root,html body main.wrap{
  max-width:var(--mv-frame);margin:0 auto;min-height:100vh;background:var(--mv-page);color:var(--mv-text);
  padding:0 0 24px;box-sizing:border-box;position:relative}
html body #root > :not(.mv-hdr):not(.l365-nav):not(nav){padding-left:16px;padding-right:16px;box-sizing:border-box}
html body #root h1,html body #root h2,html body #root h3,html body #root .h1-ask-h{font-family:var(--mv-serif);color:var(--mv-text)}
html body #root :where(div,span,p,li,h1,h2,h3,h4,h5,h6,small,strong,b,em,i,label,summary,legend,td,th,dd,dt,article,section,header,footer,details,button,a){color:inherit}
/* light (white/cream) surfaces. RULE: dark text only on elements whose OWN background is light; anything on the page background keeps cream. */
html body #root .chat-bubble--mav,
html body #root .chat-bubble--mav :where(div,span,p,li,small,strong,b,em,i,a,label){color:#1A1A1A}
/* .cc-fold is a <details> (dark card) and its bubbles are transparent: stay cream there */
html body #root .cc-fold-body .chat-bubble--mav,
html body #root .cc-fold-body .chat-bubble--mav :where(div,span,p,li,small,strong,b,em,i,a,label){color:var(--mv-text)}
html body #root .cc-fold .pt-btn,html body #root .cc-fold .pt-act{color:var(--mv-text)}
html body #root .cc-fold .rem-one{color:var(--mv-gold)}
html body #root .cc-fold .rem-basis,html body #root .cc-fold .rem-text{color:var(--mv-text)}
/* cream-background controls/cards that the inherit rule turned cream-on-cream */
html body #root button.voice-hear,html body #root button.voice-hear :where(span,svg){color:#123524}
html body #root button.voice-hear svg{stroke:#123524}
html body #root .p1-offer,html body #root .p1-offer :where(div,span,p,li,small,strong,b,em,i,label){color:#1A1A1A}
html body #root .p1-offer a{color:#123524;text-decoration:underline}
html body #root .cc-bar .cc-bar-note{color:#4A4A4A}
/* light-background pieces that still lost to the inherit/gold rules (M1 S60 06:15) */
html body #root .p1-offer a:not(.primary){color:#123524;text-decoration:underline}
html body #root .me-set-bless label,html body #root .me-set-bless label :where(span){color:#1A1A1A}
html body #root .me-set-bless label:has(input:checked){color:#fff}
html body #root .ay-star-play{color:#123524}
html body #root :is(button.y,.pl-go.pl-go-solid,.pc2-btn){color:#0B2A1C}
html body #root .pl-go.pl-go-solid,html body .pl-go.pl-go-solid{background:#D6B45A;color:#0B2A1C;font-weight:700;-webkit-text-fill-color:#0B2A1C}
html body .pc2-btn{color:#0B2A1C}
html body #root .cr-more,html body .cr-more{color:#123524}
html body #root .h1-name-note,html body #h1root .h1-name-note{color:rgba(245,239,224,.85)}
html body #root :is(a:not(.primary),a:not([class])){color:var(--mv-gold)}
html body #root :is(.lead,.muted,.hint,.sub,small,.h1-name-note,.brand-tagline){color:var(--mv-muted)}
/* every card-like surface goes to the card colour */
html body #root :is(article,section,aside,details,fieldset,.card,.ac-card,.p3-block,.me-settings-card,.me-plan-card,.me-row,.pl-card,.plan,
  .h1-tile,.h1-tile-j4,.h1-card,.h1-story,.h1-answer,.h1-ask,.h1-sheet,.rep-page,.wow-page,.share-card,[class*="-card"],[class*="card-"]){
  background-color:var(--mv-card);color:var(--mv-text);border-color:var(--mv-border);box-shadow:none}
html body #root :is(.ay-card-h,.ay-card-p,.ay-more){background:none;background-color:transparent}
html body #root :is(.card,.ac-card,.p3-block,.me-settings-card,.me-plan-card,.me-row,.pl-card,.plan,.h1-tile,.h1-tile-j4,.h1-card,.h1-ask){
  border:1px solid var(--mv-border);border-radius:var(--mv-r-card)}
html body #root :is(article,section) :is(h1,h2,h3,h4,p,li,span,label,summary,strong,b,em){color:inherit}
html body #root :is(.h1-label,.h1-lbl,.label,.eyebrow,.kicker,[class*="-label"]:not(.l365-nav-label)){color:var(--mv-gold)}
/* inputs: dark field, 16px+ */
html body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  background:var(--mv-card);color:var(--mv-text);border:1px solid var(--mv-line);border-radius:var(--mv-r-btn);font-size:16px}
html body ::placeholder{color:var(--mv-muted);opacity:1}
/* buttons */
html body #root :is(button.primary,.primary,a.primary,#h1threads),html body :is(button.primary,.primary,a.primary){
  background:var(--mv-gold);color:var(--mv-on-gold);border:0;border-radius:var(--mv-r-btn);min-height:52px;font-weight:700}
html body #h1threads svg{stroke:var(--mv-on-gold)}
html body #root :is(button.ghost,.ghost,button.secondary,.secondary),html body :is(button.ghost,.ghost,button.secondary,.secondary){background:transparent;color:var(--mv-gold);border:1px solid var(--mv-line);border-radius:var(--mv-r-btn)}
html body #root :is(.h1-chips button,.chips button,.chip){background:var(--mv-card);color:var(--mv-text);border:1px solid var(--mv-line)}
/* checkboxes: a real box, never a switch */
html body input[type=checkbox]{appearance:auto;width:24px;height:24px;min-width:24px;accent-color:var(--mv-gold);flex:none;margin:0 8px 0 0;
  background:var(--mv-card);border:1px solid var(--mv-line)}
html body .bless-chk{display:inline-flex;align-items:center;min-height:44px;color:var(--mv-text);font-weight:600}
html body .me-set-row{color:var(--mv-text)}
html body .me-set-row input[type=checkbox]{margin:0 0 0 12px}
/* ---- ONE HEADER ---- */
.mv-hdr{position:sticky;top:0;z-index:8;height:var(--mv-hdr-h);box-sizing:border-box;display:flex;align-items:center;justify-content:center;
  background:var(--mv-card);border-bottom:1px solid var(--mv-border);margin:0;padding:0 16px}
.mv-hdr-name{font:600 22px/1 var(--mv-serif);color:var(--mv-text);letter-spacing:.2px}
html body #root :is(.brand-lockup,.brand-home,.brand-text,.brand-tagline,.h1-brand,.h1-emb,.gate-emb-img,.l365-lang,.lang-chip,.machine-note){display:none}
html body #root .l365-page-home{background:transparent;color:var(--mv-gold);border:1px solid var(--mv-line);border-radius:var(--mv-r-btn);margin:12px 16px 0}
/* ---- ONE NAV: 4 tabs, 64px, inside the frame ---- */
html body #root .l365-nav{position:fixed;left:50%;right:auto;bottom:0;transform:translateX(-50%);width:min(var(--mv-frame),100%);max-width:var(--mv-frame);
  height:calc(var(--mv-nav-h) + env(safe-area-inset-bottom,0px));padding:0 0 env(safe-area-inset-bottom,0px);z-index:30;
  background:var(--mv-card);border-top:1px solid var(--mv-border);box-sizing:border-box;display:flex}
html body #root .l365-nav button{flex:1 1 0;height:var(--mv-nav-h);min-height:44px;padding:6px 2px;background:transparent;color:var(--mv-muted);border:0;border-radius:0;
  font:600 12px/1.15 var(--mv-sans);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
html body #root .l365-nav button[aria-current="page"]{background:transparent;color:var(--mv-gold);font-weight:700}
html body #root .l365-nav button .l365-nav-label{color:inherit;font-size:12px}
html body #root .l365-nav button[data-nav]::before{background-image:none!important;content:"";width:24px;height:24px;background-color:currentColor;opacity:1;
  -webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;background-image:none}
html body #root .l365-nav button[data-nav="home"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5 2 11.2h2.8V21h5.4v-6h3.6v6h5.4v-9.8H22L12 2.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5 2 11.2h2.8V21h5.4v-6h3.6v6h5.4v-9.8H22L12 2.5z'/%3E%3C/svg%3E")}
html body #root .l365-nav button[data-nav="ask"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H9l-5 4v-4H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H9l-5 4v-4H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E")}
html body #root .l365-nav button[data-nav="services"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5zm4 3v2h10V8H7zm0 4v2h10v-2H7zm0 4v2h6v-2H7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5zm4 3v2h10V8H7zm0 4v2h10v-2H7zm0 4v2h6v-2H7z'/%3E%3C/svg%3E")}
html body #root .l365-nav button[data-nav="me"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0 2c-4.4 0-8 2.2-8 5v3h16v-3c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0 2c-4.4 0-8 2.2-8 5v3h16v-3c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E")}
/* ---- NOTHING FLOATS OVER CONTENT: the ask field is a normal block ---- */
html body form.h1-home-ask{position:static;transform:none;left:auto;right:auto;bottom:auto;width:auto;margin:12px 0 0;z-index:auto}
/* inside an open answer thread the follow-up field is a docked composer on the nav (the sheet pads for it), not a floating bar */
html[data-sheet="1"] body form.h1-home-ask{position:fixed;left:50%;right:auto;transform:translateX(-50%);width:min(var(--mv-frame),100%);
  bottom:calc(var(--mv-nav-h) + env(safe-area-inset-bottom,0px));margin:0;padding:8px 16px;box-sizing:border-box;border-radius:0;border-width:1px 0 0;
  background:var(--mv-card);z-index:45}
html[data-sheet="1"] body .h1-sheet.on{padding-bottom:calc(var(--mv-nav-h) + 84px + env(safe-area-inset-bottom,0px))}
html body #root .h1-root,html[data-screen="h1home"] .h1-root{padding-bottom:calc(var(--mv-nav-h) + 24px)}
/* sheets / modals sit inside the frame, dark */
html body :is(.h1-sheet,.h1-sheet.on,[role=dialog],.modal,.sheet,dialog){background:var(--mv-card);color:var(--mv-text);border:1px solid var(--mv-border);
  left:0;right:0;margin-left:auto;margin-right:auto;max-width:var(--mv-frame)}
html body :is(.h1-scrim,.scrim,.backdrop){background:rgba(7,26,17,.78)}
html body .h1-sheet .h1-sh-home,html body .h1-sheet .x{color:var(--mv-gold);background:transparent}

/* ---- surfaces that carried their own cream/white ---- */
html body :is(#h1root,.h1-root,.h1-bar,.myrep-none,.ay-list,.ay-go,.ta-list,.ta-item,.svc2-free-tag,.h1-hello,.mc-filter,.h1-help,.fav-none){background-color:transparent;color:var(--mv-text)}
html body :is(.ay-list,.ay-go,.ta-list,.myrep-none,.svc2-free-tag,.mc-filter,.h1-help,.fav-none){background-color:var(--mv-card);border-color:var(--mv-border)}
html body :is(.ay-go,.ta-item,.mc-filter,.h1-help){color:var(--mv-gold)}
html body .svc2-free-tag{color:var(--mv-muted)}
html body img{background-color:var(--mv-card)}
html body #h1langchip{display:none}
html body #root :is(.h1-name-note,.h1-hello){color:var(--mv-muted)}
html body .h1-bar,html body #root .h1-bar{border:0}
html body #root hr{border-color:var(--mv-border)}
/* the free-page banner/heading at the end of an answer must clear the docked composer */
html[data-sheet="1"] body .h1-sheet.on :is(.rp-preview,.p1-offer,.ak-foot){scroll-margin-bottom:120px}
html[data-sheet="1"] body .h1-sheet.on>:last-child{margin-bottom:calc(var(--mv-nav-h) + 96px)}
/* P2: the name note sits on the cream composer strip - dark text there */
html body #root form.h1-home-ask .h1-name-note,html body #h1root .cc-bar .cc-bar-note .h1-name-note,html body #root .cc-bar-note .h1-name-note{color:#4A4A4A}
/* M1 S60-WIDE 61563e2b6: name note cream on the dark page, dark only on the cream composer strip; cr-more dark on its light chip */
html body #root .h1-name-note,html body #h1root .h1-name-note{color:rgba(245,239,224,.85)}
html body #root form.h1-home-ask .h1-name-note,html body #h1root .cc-bar .cc-bar-note .h1-name-note,html body #root .cc-bar-note .h1-name-note{color:#4A4A4A}
html body #root .cr-more,html body .cr-more{color:#123524}
/* small print and headings inside a white answer bubble stay dark (the muted/cream rules above were winning); fold bubbles keep their own rule */
html body #root .chat-bubble--mav :is(small,h1,h2,h3,h4,h5,h6){color:#4A4A4A}
html body #root .chat-bubble--mav :is(h1,h2,h3,h4,h5,h6){color:#1A1A1A}
html body #root .cc-fold-body .chat-bubble--mav :is(small,h1,h2,h3,h4,h5,h6){color:var(--mv-text)}
/* M4 07:15 P0-C: probe option chips (white) and Skip carry dark text, never the page cream */
html body #root :is(.cc-opt,.cc-skip,.cc-chip),html body #h1root :is(.cc-opt,.cc-skip,.cc-chip){background:#fff;color:#1A1A1A}
/* M4 07:50 M1 gate ccd9c658c: own an opaque background so cr-more and the name note never inherit the dark page behind them */
html body #root .cr-more,html body .cr-more,html body #h1root .cr-more{background-color:#F7F3EA;color:#123524}
html body #root .h1-name-note,html body #h1root .h1-name-note{background-color:#1B3B2A;color:#F5EFE0}
html body #root form.h1-home-ask .h1-name-note,html body #h1root .cc-bar .cc-bar-note .h1-name-note,html body #root .cc-bar-note .h1-name-note{background-color:#F7F3EA;color:#4A4A4A}
/* P7: the Today tab icon had no mask (a plain gold square) */
html body #root .l365-nav button[data-nav="today"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v2h6V2h2v2h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2V2zm-2 8v10h14V10H5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v2h6V2h2v2h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2V2zm-2 8v10h14V10H5z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
/* ---- M4 W4-A: the ask bar is fixed just above the nav on Home and Ask; send is a 36px gold circle; no scroll/spin arrows in the field ---- */
html body #t2 #t2askslot form#h1ask.h1-home-ask,html body #root .as-row{position:fixed;left:50%;right:auto;transform:translateX(-50%);width:min(calc(var(--mv-frame) - 32px),calc(100% - 32px));
  bottom:calc(var(--mv-nav-h) + env(safe-area-inset-bottom,0px) + 8px);margin:0;z-index:44;box-sizing:border-box;box-shadow:0 0 0 10px var(--mv-page);background:var(--mv-page)}
html[data-kb="1"] body #t2askslot form.h1-home-ask,html[data-kb="1"] body #root .as-row{bottom:8px}
html body #root .as-root{margin-bottom:calc(var(--mv-nav-h) + env(safe-area-inset-bottom,0px) + 96px)}
html body .h1-root{padding-bottom:calc(var(--mv-nav-h) + env(safe-area-inset-bottom,0px) + 96px)}
html body #root .as-row{align-items:center}
html body #root .as-row .as-send{align-self:center;margin-right:4px}
html body #root .as-in{overflow:hidden;resize:none;scrollbar-width:none;-ms-overflow-style:none;-webkit-appearance:none;appearance:none}
html body #root .as-in::-webkit-scrollbar{display:none}
html body :is(#root,#h1root) input[type=number]{-moz-appearance:textfield}
html body :is(#root,#h1root) input::-webkit-outer-spin-button,html body :is(#root,#h1root) input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
html body #root .as-row .as-send,html body #t2 #t2askslot form#h1ask.h1-home-ask button[type=submit],html body #h1root .cc-bar form.h1-home-ask button[type=submit]{flex:0 0 36px;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;
  border:0;border-radius:50%;background:#D6B45A;color:#0B2A1C;display:grid;place-items:center;font:700 18px/1 system-ui,sans-serif;cursor:pointer}
html body #t2 #t2askslot form#h1ask.h1-home-ask button[type=submit] svg,html body #h1root .cc-bar form.h1-home-ask button[type=submit] svg{stroke:#0B2A1C}
html body #root .as-row .as-send:disabled{opacity:.6}
/* ---- M4 W4-A G3b: ask choices are pills: 999px rounded, 38px tall, readable, wrapping ---- */
html body #root :is(.as-t,.as-act,.cc-opt,.cc-chip,.cc-skip){min-height:38px;border-radius:999px;font-size:14px;line-height:1.25}
html body #root .as-po,html body #root .as-topics,html body #h1root .cc-chips{display:flex;flex-wrap:wrap;gap:8px}
html body #root .as-t{padding:6px 14px;border:1px solid #D6B45A;color:#F5EFE0;background:transparent;flex:0 1 auto}
html body #root .as-t[aria-expanded=true]{background:#D6B45A;color:#0B2A1C}
html body #root .as-skip{min-height:38px}
html body #root :is(.cc-opt,.cc-chip){padding:6px 14px;border:1px solid #A8862F;background:#fff;color:#1A1A1A}
/* ---- M4 W4-A G10: Me rows are one text colour; the page clears the nav by 88px + nav ---- */
html body #root .me-rows .me-row,html body #root .me-rows a.me-row,html body #root .me-rows .me-row span:not(.me-ico){color:var(--mv-text)}
html body #root .me-rows .me-row-danger,html body #root .me-rows .me-row-danger span:not(.me-ico){color:var(--mv-text)}
html body #root .account-page,html body #root .me-screen{padding-bottom:calc(88px + var(--mv-nav-h) + env(safe-area-inset-bottom,0px))}
/* ---- M4 W4-A G10: the plan card shows above the fold on Services (recommended plan first); the report shelf follows ---- */
html body #root article.services-page.boot-services{display:flex;flex-direction:column}
html body #root article.services-page.boot-services>h1{order:-5}
html body #root article.services-page.boot-services>.svc2-plans-lead{order:-3;margin:0 0 8px}
html body #root article.services-page.boot-services>.svc2-ladder{order:-3}
html body #root article.services-page.boot-services>.svc2-ladder .pl-ladder{margin-top:0}
html body #root article.services-page.boot-services>.svc2-ladder .pl-card.pl-rec:not(.pl-plan){order:-2}
html body #root article.services-page.boot-services>.svc2-ladder .pl-card.pl-free{order:-1}
/* N9: the Home reel card carries the birth star and the film entry; the Today stack does not repeat them */
html body #root #t2.t2-dup .t2-homeonly#t2starslot,html body #root #t2.t2-dup .t2-card.t2-star:not(.t2-star1){display:none}

/* PL1-FIX G10: the Me page no longer shows two greens (the page card stopped short of the nav) */
html body #root:has(.account-page){background:#0B2A1C}
/* GEM-LIVE-10 #7: the answer bubble is a dark surface card in every language (it was white in English, dark in Hindi) */
html body #root .cc-thread .chat-bubble--mav{background:var(--mv-card);border:1px solid var(--mv-border);color:var(--mv-text)}
html body #root .cc-thread .chat-bubble--mav :where(div,span,p,li,small,strong,b,em,i,label,h1,h2,h3,h4,h5,h6){color:var(--mv-text)}
html body #root .cc-thread .chat-bubble--mav :where(a){color:var(--mv-gold)}
/* M7 31 Oct (FONTS-VERIFY on 1600): history answer bubbles use the dark answer-card tokens; crisis help card inside keeps readable button colours (was 1.15:1 / 1.99:1 / 3.99:1) */
html body #root .mc-bubble--mavella{background:var(--mv-card);color:var(--mv-text);border:1px solid var(--mv-border)}
html body #root .mc-bubble--mavella :where(div,span,p,li,small,strong,b,em,i,label,h1,h2,h3,h4,h5,h6){color:var(--mv-text)}
html body #root .mc-bubble--mavella .help-all{background:transparent}
html body #root .mc-bubble--mavella .help-all a.help-primary{background:#0F5C47;color:#fff}
html body #root .mc-bubble--mavella .help-all a.help-secondary{background:#fff;color:#14213D}
html body #root .mc-bubble--mavella .help-all a.help-secondary.help-close{background:#0F5C47;color:#fff}
html body #root .mc-bubble--mavella .help-all .help-line{color:inherit}
/* M7 31 Oct: no browser-default "Times New Roman" first family anywhere (html, form controls, svg text, option, summary inherit the Mavella sans) */
html{font-family:var(--mv-sans)}
html body :where(button,input,select,textarea,option,optgroup,summary,svg text,kbd,samp,code,pre){font-family:inherit}