/* The third appearance is deliberately isolated: Day, Night and system-following
   retain their existing tokens and component rules. */
:root[data-theme="mono"] {
  --bg:#F7F7F8; --surface:#FFFFFF; --surface-2:#F7F7F8;
  --text:#0B0B0D; --text-2:#55555F; --muted:#777780;
  --border:#E5E5E7; --border-strong:#777780;
  --violet:#18181B; --blue:#18181B; --blue-ink:#18181B;
  --pink:#18181B; --pink-ink:#18181B; --teal:#18181B; --amber:#55555F;
  --success:#18181B; --attention:#55555F; --danger:#18181B;
  --t-violet:#EFEFF1; --t-blue:#F0F0F2; --t-pink:#F2F2F3;
  --t-teal:#EFEFF1; --t-amber:#EFEFF1;
  --t-success:#F1F1F2; --t-attention:#EFEFF1; --t-danger:#EFEFF1;
  --glass:rgba(255,255,255,.94); --glass-border:#E5E5E7;
  --shared-tint:#F3F3F4; --ring:#18181B;
  --grad:#0B0B0D; --grad-soft:#F5F5F6;
  --aurora:radial-gradient(closest-side,rgba(24,24,27,.08),transparent 70%);
  --bn-dim:transparent;
  --e1:0 1px 2px rgba(11,11,13,.035);
  --e2:0 8px 24px -12px rgba(11,11,13,.14),0 1px 3px rgba(11,11,13,.035);
  --e3:0 22px 50px -24px rgba(11,11,13,.2),0 2px 8px rgba(11,11,13,.04);
  --e-ai:0 16px 38px -20px rgba(11,11,13,.22);
  --e-glow:var(--e2);
  --sans:"Satoshi","Inter",ui-sans-serif,system-ui,sans-serif;
  --serif:"Satoshi","Inter",ui-sans-serif,system-ui,sans-serif;
  color-scheme:light;
}
:root[data-theme="mono"] body {font-family:var(--sans);font-size:1.0625rem;line-height:1.55;background:var(--bg)}
:root[data-theme="mono"] :is(h1,h2,h3,h4) {font-family:var(--sans);letter-spacing:-.035em}
:root[data-theme="mono"] :is(.experts-intro h1,.jd-experts .experts-discovery .booking-notice h3,.jd-thoughts h1,.jd-thoughts-note h3,.jd-thoughts-aside h2,.jd-thoughts-state h3,.jd-common h1,.jd-common h2) {font-family:var(--sans);font-style:normal;font-weight:600}
:root[data-theme="mono"] .serif {font-family:var(--sans);font-weight:600;font-style:normal}
:root[data-theme="mono"] .gtext {background:none;-webkit-background-clip:initial;background-clip:initial;color:#18181B}

/* Satoshi is the product voice. The single editorial inflection belongs only
   to the landing headline, never to a functional surface. */
:root[data-theme="mono"] :is(button,input,select,textarea,.nav a,.side-item,.bottom-nav button) {font-family:var(--sans)}
:root[data-theme="mono"] :is(.nav a,.btn,.chip,.side-item,.locale-btn,.sheet a,.sheet button.row) {font-size:clamp(.875rem,.82rem + .15vw,1rem);font-weight:600}
:root[data-theme="mono"] :is(.eyebrow,.jd-thoughts-eyebrow,.jd-common-overline) {font-family:var(--sans);font-size:clamp(.75rem,.71rem + .12vw,.8125rem);font-weight:600;letter-spacing:.18em}
:root[data-theme="mono"] :is(.h2,.section-head h2) {font-size:clamp(1.625rem,1.35rem + 1vw,2rem);font-weight:600;letter-spacing:-.035em}
:root[data-theme="mono"] :is(.lead,.experts-intro>p:last-child) {font-size:clamp(1rem,.94rem + .25vw,1.125rem);line-height:1.56}
:root[data-theme="mono"] .hero-copy {max-width:1120px}
:root[data-theme="mono"] #heroTitle {font-family:var(--sans);font-size:clamp(3rem,5.55vw,4.625rem);font-weight:500;line-height:1.08;letter-spacing:-.041em}
:root[data-theme="mono"] #heroTitle .serif {font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:1.015em;letter-spacing:-.023em}
:root[data-theme="mono"] .experts-intro h1 {font-family:var(--sans);font-size:clamp(2.5rem,4vw,3.375rem);font-weight:600;letter-spacing:-.034em;line-height:1.08}
:root[data-theme="mono"] .jd-experts :is(.expert-service-head h2,.expert-results>h2) {font-family:var(--sans);font-size:clamp(1.625rem,2.3vw,2rem);font-weight:600;letter-spacing:-.035em}
:root[data-theme="mono"] .jd-experts .experts-discovery .booking-notice h3 {font-family:var(--sans);font-style:normal;font-size:clamp(1.625rem,2.3vw,2rem);font-weight:600;letter-spacing:-.035em}
@media(min-width:1100px) {
  :root[data-theme="mono"] #heroTitle {white-space:nowrap}
}
@media(max-width:767px) {
  :root[data-theme="mono"] #heroTitle {font-size:clamp(2.5rem,9vw,3.75rem);line-height:1.08;letter-spacing:-.038em;overflow-wrap:normal}
  :root[data-theme="mono"] #heroTitle .serif {font-size:1em}
  :root[data-theme="mono"] .experts-intro h1 {font-size:clamp(2.375rem,8vw,3rem)}
}

/* Assets remain untouched for the older appearances. This treatment preserves
   alpha while reducing colored pixels in transparent brand artwork. */
:root[data-theme="mono"] :is(.logo-art,.logo-symbol,.jd-mark,.send-mark-d,.send-mark-dot) {filter:grayscale(1) brightness(.3) contrast(3)}
:root[data-theme="mono"] :is(.bn-1,.bn-2) :is(.logo-art,.logo-symbol,.jd-mark) {filter:grayscale(1) brightness(0) invert(1)}
:root[data-theme="mono"] .hero::before {background:radial-gradient(700px 400px at 50% 12%,#EDEDEE,transparent 75%),var(--bg)}
:root[data-theme="mono"] .hero-visual::before {background:var(--aurora)}
/* Enlarge the source SVG profiles in place; their paths and the other themes stay untouched. */
:root[data-theme="mono"] .hero-visual .jd-profile-face {
  transform:scale(1.15);
  transform-box:fill-box;
  transform-origin:center;
}
:root[data-theme="mono"] .hero-visual .jd-profile-face .profile {
  stroke:#48484D;
  stroke-width:1.55;
  opacity:.82;
}
:root[data-theme="mono"] :is(#sA,#sB,#orbFill,#lg1,#og,#m1,#m2,#m3,#m4) stop:first-child {stop-color:#0B0B0D}
:root[data-theme="mono"] :is(#sA,#sB,#orbFill,#lg1,#og,#m1,#m2,#m3,#m4) stop:not(:first-child) {stop-color:#777780}
:root[data-theme="mono"] #orbG stop {stop-color:#55555F}
:root[data-theme="mono"] .orb-halo {stroke:#55555F}
:root[data-theme="mono"] .myo-diagram :is(circle,path,rect,ellipse)[stroke] {stroke:#55555F}
:root[data-theme="mono"] .myo-diagram :is(circle,path,rect,ellipse)[fill]:not([fill="none"]) {fill:#F0F0F2}
:root[data-theme="mono"] .myo-diagram circle.myo-private[fill]:not([fill="none"]) {fill:#fff;stroke:#66666D}
:root[data-theme="mono"] .myo-diagram circle.myo-shared-ring {fill:none;stroke:#C9C9CE}
:root[data-theme="mono"] .myo-diagram circle.myo-shared[fill]:not([fill="none"]) {fill:#18181B}

/* A quiet photographic pause between the introduction and existing capabilities. */
.jd-mono-editorial {display:none}
:root[data-theme="mono"] #how .jd-mono-editorial {
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,.75fr);
  gap:clamp(36px,8vw,136px);
  align-items:end;
  max-width:1080px;
  margin:0 auto clamp(52px,7vw,96px);
}
:root[data-theme="mono"] #how .jd-mono-editorial figure {margin:0;min-width:0;overflow:hidden;background:#E8E8E8}
:root[data-theme="mono"] #how .jd-mono-editorial figure:first-child {aspect-ratio:1.58}
:root[data-theme="mono"] #how .jd-mono-editorial figure:last-child {aspect-ratio:1.55;margin-bottom:-24px}
:root[data-theme="mono"] #how .jd-mono-editorial img {
  display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);
}
:root[data-theme="mono"] #how .jd-mono-editorial figure:first-child img {object-position:58% center}
:root[data-theme="mono"] #how .jd-mono-editorial figure:last-child img {object-position:42% center}
@media(max-width:767px) {
  :root[data-theme="mono"] #how .jd-mono-editorial {
    grid-template-columns:1fr;gap:22px;margin-bottom:54px;
  }
  :root[data-theme="mono"] #how .jd-mono-editorial figure:first-child {width:88%;aspect-ratio:1.52}
  :root[data-theme="mono"] #how .jd-mono-editorial figure:last-child {width:66%;aspect-ratio:1.8;margin:0 0 0 auto}
}

/* Navigation, conversation, action hierarchy */
:root[data-theme="mono"] .site-header {background:rgba(255,255,255,.97);border-bottom-color:var(--border)}
:root[data-theme="mono"] .site-header.scrolled {background:rgba(255,255,255,.97);border-bottom-color:var(--border)}
:root[data-theme="mono"] :is(.nav a:hover,.nav a:focus-visible) {color:var(--text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
:root[data-theme="mono"] :is(.side-item[aria-current="page"],.bottom-nav button[aria-current="page"]) {background:#EFEFF1;color:#0B0B0D;font-weight:700}
:root[data-theme="mono"] .bottom-nav button[aria-current="page"] {box-shadow:inset 0 2px 0 #18181B}
:root[data-theme="mono"] .app-top {background:rgba(255,255,255,.96)}
:root[data-theme="mono"] .app-content {color:var(--text)}
:root[data-theme="mono"] .theme-choice button[data-theme-choice="mono"] {width:auto;min-width:46px;padding:0 8px;font-size:.7rem;letter-spacing:.01em;font-weight:700}
:root[data-theme="mono"] .theme-choice button[aria-pressed="true"] {color:var(--text)}
:root[data-theme="mono"] :is(.btn-primary,.bn-3a .bn-cta,.jd-thoughts-btn-primary,.jd-common-btn-primary) {background:#0B0B0D;color:#FFFFFF;border-color:#0B0B0D;box-shadow:none}
:root[data-theme="mono"] :is(.btn-primary,.bn-3a .bn-cta,.jd-thoughts-btn-primary,.jd-common-btn-primary):hover:not(:disabled) {background:#222222;color:#FFFFFF;filter:none;box-shadow:var(--e2)}
:root[data-theme="mono"] .btn-secondary {background:#FFFFFF;color:#0B0B0D;border-color:#18181B}
:root[data-theme="mono"] :is(.btn-secondary:hover,.help-btn:hover) {background:#F7F7F8;border-color:#18181B}
:root[data-theme="mono"] :is(.chip:hover,.jd-intro-starters .chip:hover,.jd-intro-starters .chip:focus-visible) {background:#EFEFF1;border-color:#777780}
:root[data-theme="mono"] :is(.chip,.cap,.expert,.journey):hover {box-shadow:var(--e2)}
:root[data-theme="mono"] .journey:hover .arrow {background:#18181B;color:#FFFFFF;border-color:#18181B}
:root[data-theme="mono"] .jd-box {background:#FFFFFF;box-shadow:var(--e2);border:1px solid var(--border)}
:root[data-theme="mono"] .jd-box::before {background:#18181B;opacity:.18}
:root[data-theme="mono"] .jd-conversation-home.is-intro > .jd-box:focus-within {border-color:#18181B;box-shadow:var(--e2)}
/* The desktop invitation and illustration share one short first-screen column. */
:root[data-theme="mono"] .hero:has(.jd-conversation-home.is-intro) {padding-block:24px 14px}
:root[data-theme="mono"] .hero:has(.jd-conversation-home.is-intro) .hero-copy {gap:12px}
:root[data-theme="mono"] .hero:has(.jd-conversation-home.is-intro) .hero-grid {gap:10px}
:root[data-theme="mono"] .hero:has(.jd-conversation-home.is-intro) .hero-visual {height:150px}
:root[data-theme="mono"] .hero:has(.jd-conversation-home.is-intro) .hero-visual svg {height:230px;top:-20px}
:root[data-theme="mono"] .hero:has(.jd-conversation-home.is-intro) .jd-wrap {margin-top:8px;gap:8px}
:root[data-theme="mono"] .jd-conversation-home.is-intro .jd-intro-copy {padding-top:6px}
:root[data-theme="mono"] .jd-conversation-home.is-intro .jd-intro-copy p {margin-top:10px}
:root[data-theme="mono"] .jd-conversation-home.is-intro > .jd-box {
  margin-top:10px;padding:14px 16px 10px
}
:root[data-theme="mono"] .jd-conversation-home.is-intro .jd-intro-starters {margin-top:12px}
:root[data-theme="mono"] .jd-conversation-home.is-intro .jd-intro-starters .chips {gap:6px}
:root[data-theme="mono"] .jd-conversation-home.is-intro .jd-intro-starters .chip {
  min-height:34px;padding-inline:11px;font-size:.8125rem;font-weight:500;
  color:var(--text-2);border-color:#E5E5E7;box-shadow:none
}
:root[data-theme="mono"] .jd-conversation-home.is-intro .jd-send:not(:disabled) :is(.send-mark-d,.send-mark-dot) {filter:brightness(0)}
:root[data-theme="mono"] body:not(.in-app) .safety-bar {
  inset-inline-end:max(24px,env(safe-area-inset-right,0px));
  bottom:calc(24px + env(safe-area-inset-bottom,0px));gap:8px
}
:root[data-theme="mono"] body:not(.in-app) .safety-bar :is(.help-btn,.exit-btn) {
  min-height:40px;padding-inline:12px;font-size:.8125rem
}
@media (min-width:768px) and (max-width:1023px) {
  :root[data-theme="mono"] .hero:has(.jd-conversation-home.is-intro) .hero-visual {height:145px}
  :root[data-theme="mono"] .hero:has(.jd-conversation-home.is-intro) .hero-visual svg {height:180px;top:-15px}
}
@media (max-width:767px) {
  :root[data-theme="mono"] .hero:has(.jd-conversation-home.is-intro) {padding-top:24px}
  :root[data-theme="mono"] .hero:has(.jd-conversation-home.is-intro) .hero-visual {height:92px}
  :root[data-theme="mono"] .hero:has(.jd-conversation-home.is-intro) .hero-visual svg {height:105px;top:-8px}
  :root[data-theme="mono"] .hero:has(.jd-conversation-home.is-intro) .jd-wrap {margin-top:12px}
  :root[data-theme="mono"] body:not(.in-app) .safety-bar {
    inset-inline-end:max(16px,env(safe-area-inset-right,0px));
    bottom:calc(16px + env(safe-area-inset-bottom,0px))
  }
}
/* Active conversation is a page region, not a floating chat widget. The intro
   invitation retains its own separate appearance. */
:root[data-theme="mono"] .hero:has(.jd-conversation-home:not(.is-intro)) {overflow:visible}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) {
  width:100%;
  min-width:0;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  font-family:var(--sans);
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-conversation-head {
  width:100%;
  min-height:58px;
  padding:8px clamp(10px,2vw,22px);
  gap:9px;
  background:transparent;
  border:0;
  border-bottom:1px solid #E6E6E8;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-conversation-head .jd-mark {width:26px;height:28px}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-conversation-head strong {font-size:.9375rem;letter-spacing:-.02em}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-conversation-head .jd-mode-label {font-size:.8125rem;color:#777780}
:root[data-theme="mono"] .jd-conversation-home:not(.is-intro) .jd-home-chats {
  margin-inline-start:auto;
  margin-inline-end:8px;
  font-size:.8125rem;
  color:#55555F;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-timeline {
  width:min(100%,900px);
  min-width:0;
  max-height:min(56dvh,560px);
  min-height:0;
  margin-inline:auto;
  padding:20px clamp(14px,2.6vw,28px) 28px;
  gap:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  background:transparent;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-timeline > :is(.jd-message,.jd-pending) {margin-top:16px}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-timeline > .jd-message:first-child {margin-top:0}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-timeline > .jd-turn-time {
  margin:4px 0 0 48px;
  text-align:start;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-timeline > .jd-starters {
  margin-top:10px;
  padding-inline-start:48px;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-message-jd {
  width:min(100%,690px);
  grid-template-columns:34px minmax(0,1fr);
  gap:14px;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-avatar {width:34px;height:34px;background:#F1F1F2}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-avatar .jd-mark {transform:scale(.63)}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-message-jd .jd-message-content {
  width:fit-content;
  max-width:min(100%,620px);
  padding:11px 16px 13px;
  border-radius:16px 16px 16px 5px;
  background:#F3F3F4;
  overflow-wrap:anywhere;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-message .resp-conversation > p {
  font-size:.96875rem;
  line-height:1.55;
  color:#18181B;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-speaker {margin-bottom:4px;font-size:.75rem;line-height:1.3}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-message-you,
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-pending .jd-message-you {
  max-width:min(72%,530px);
  margin-inline-end:12px;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-message-you p {
  padding:9px 15px;
  border-radius:16px 16px 5px 16px;
  background:#18181B;
  color:#FEFEFE;
  font-size:.96875rem;
  line-height:1.5;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-message-you .jd-speaker {color:#777780}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-turn-time {
  margin-top:4px;
  color:#777780;
  font-size:.75rem;
  line-height:1.3;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-message-jd .jd-turn-time {text-align:start}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-pending {gap:10px}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-wait {margin-top:3px}

/* The form itself is the only bordered object: one centered, sticky field.
   No footer strip, no split borders on its existing input/tool rows. */
:root[data-theme="mono"] .jd-conversation:not(.is-intro) > .jd-box {
  position:sticky;
  bottom:calc(76px + env(safe-area-inset-bottom,0px));
  z-index:2;
  width:min(100%,900px);
  min-width:0;
  margin:8px auto 0;
  padding:8px 10px 6px 14px;
  border:1px solid #DEDEE1;
  border-radius:19px;
  background:#F8F8F9;
  box-shadow:0 4px 18px -14px rgba(11,11,13,.17);
  backdrop-filter:none;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) > .jd-box::before {display:none}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) > .jd-box:focus-within {
  border-color:#777780;
  box-shadow:0 0 0 2px rgba(24,24,27,.1);
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-row1 {
  min-width:0;
  padding:0 4px;
  border:0;
  border-radius:0;
  background:transparent;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-input {
  min-width:0;
  min-height:27px;
  max-height:min(24dvh,150px);
  padding:1px 0;
  font-size:1rem;
  line-height:1.5;
  color:#18181B;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-input::placeholder {color:#777780}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-input:focus-visible {
  outline:2px solid #18181B;
  outline-offset:2px;
  border-radius:3px;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-row2 {
  min-height:38px;
  margin-top:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  flex-wrap:nowrap;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-box .icon-btn {width:36px;height:36px;color:#626269}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-box .icon-btn:hover {background:#EAEAEC;color:#18181B}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-box .icon-btn[data-jd-mic][aria-pressed="true"] {
  background:#E7E7E9;
  color:#18181B;
  outline:2px solid #18181B;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-box .jd-send {
  width:38px;height:38px;
  margin-inline-start:auto;
  border-radius:50%;
  background:#18181B;
  color:#FEFEFE;
  transition:opacity .16s ease,transform .16s ease,background .16s ease;
}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-box .jd-send:hover:not(:disabled) {background:#353538;transform:translateY(-1px)}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-box .jd-send:active:not(:disabled) {transform:scale(.96)}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-box .jd-send:disabled {opacity:.4;cursor:not-allowed}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-box .jd-send .send-mark {width:23px;height:23px}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-box .jd-send :is(.send-mark-d,.send-mark-dot) {filter:grayscale(1) brightness(0) invert(1)}
:root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-media-status:not([hidden]) {margin:6px 4px 0}
@media(max-width:767px) {
  :root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-conversation-head {min-height:54px;padding:8px 12px}
  :root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-timeline {
    max-height:min(45dvh,430px);
    padding:16px 10px 22px;
    scrollbar-gutter:auto;
  }
  :root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-message-jd {grid-template-columns:32px minmax(0,1fr);gap:10px}
  :root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-avatar {width:32px;height:32px}
  :root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-message-jd .jd-message-content {padding:10px 13px 12px}
  :root[data-theme="mono"] .jd-conversation:not(.is-intro) :is(.jd-message-you,.jd-pending .jd-message-you) {max-width:80%;margin-inline-end:8px}
  :root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-timeline > :is(.jd-turn-time,.jd-starters) {margin-inline-start:42px;padding-inline-start:0}
  :root[data-theme="mono"] .jd-conversation:not(.is-intro) > .jd-box {width:calc(100% - 16px);bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  :root[data-theme="mono"] .jd-conversation-app > .jd-box {bottom:calc(146px + env(safe-area-inset-bottom,0px))}
  :root[data-theme="mono"] .jd-conversation:not(.is-intro) .jd-input {font-size:16px}
}
:root[data-theme="mono"] .thread .msg-user {background:#0B0B0D;color:#FFFFFF}
:root[data-theme="mono"] .jd-message .resp-details {background:#FFFFFF}
:root[data-theme="mono"] .jd-chats-panel {box-shadow:var(--e2)}
:root[data-theme="mono"] :is(.jd-chats-status.is-due,.jd-chats-badge) {background:#18181B;color:#FFFFFF;border:1px solid #18181B}
:root[data-theme="mono"] :is(.jd-chats-status.is-due,.jd-sync-status.is-error,.jd-map-sync-status.is-error,.jd-map-error) {font-weight:700}

/* Remove bespoke saturated washes/gradients without changing the information
   architecture or replacing any product content. */
:root[data-theme="mono"] :is(section[aria-labelledby="coreTitle"],section[aria-labelledby="myoTitle"],#experts,section[aria-labelledby="finalTitle"]) {background:#FFFFFF}
:root[data-theme="mono"] :is(section[aria-labelledby="pathTitle"],section[aria-labelledby="syncTitle"],#privacy,.footer) {background:#F7F7F8}
:root[data-theme="mono"] .journey::before {background:#E5E5E7;opacity:.28}
:root[data-theme="mono"] .bn::after {background:#E5E5E7}
:root[data-theme="mono"] :is(.journey,.cap,.expert,.ptile,.card,.sync-card) {background:#FFFFFF;border:1px solid #E5E5E7;box-shadow:var(--e1)}
:root[data-theme="mono"] :is(.bn-1,.bn-2) {background:#18181B;color:#FFFFFF}
:root[data-theme="mono"] :is(.bn-3a,.bn-3b,.bn-4) {background:#FFFFFF;color:#0B0B0D;border:1px solid #E5E5E7}
:root[data-theme="mono"] :is(.bn-1,.bn-2) .bn-cta {background:#FFFFFF;color:#0B0B0D;border:1px solid #FFFFFF}
:root[data-theme="mono"] :is(.bn-3b,.bn-4) .bn-cta {background:#0B0B0D;color:#FFFFFF;border-color:#0B0B0D}
:root[data-theme="mono"] :is(.bn-1,.bn-2) .bn-line {color:#F7F7F8}
:root[data-theme="mono"] :is(.bn-3a,.bn-3b,.bn-4) .bn-line {color:#55555F}
:root[data-theme="mono"] .bn-card::before {background:#18181B}
:root[data-theme="mono"] .bn :is(.bn-ico) {background:#F0F0F2;border-color:#E5E5E7;color:#18181B}
:root[data-theme="mono"] :is(.bn-1,.bn-2) .bn-ico {background:#333338;color:#FFFFFF;border-color:#55555F}
:root[data-theme="mono"] .bn-wrap:has(.bn-pair) {background:#FFFFFF;padding-block:20px 64px}
:root[data-theme="mono"] .bn-pair {gap:16px}
:root[data-theme="mono"] .bn-pair .bn-card {
  min-height:204px;
  padding:26px 28px;
  gap:18px;
  background:#FFFFFF;
  border:1px solid #E5E5E7;
  border-radius:18px;
  box-shadow:none;
}
:root[data-theme="mono"] .bn-pair .bn-card::before {display:none}
:root[data-theme="mono"] .bn-pair .bn-card .bn-head {gap:15px}
:root[data-theme="mono"] .bn-pair .bn-card .bn-ico {
  width:42px;height:42px;border-radius:11px;
  background:#F2F2F3;border:1px solid #EBEBED;color:#18181B;
}
:root[data-theme="mono"] .bn-pair .bn-card .bn-ico svg {width:22px;height:22px}
:root[data-theme="mono"] .bn-pair .bn-card .bn-title {font-size:1rem;font-weight:600}
:root[data-theme="mono"] .bn-pair .bn-card .bn-line {font-size:.875rem;line-height:1.5;color:#66666D}
:root[data-theme="mono"] .bn-pair .bn-card .bn-countries {font-size:.75rem;color:#777780}
:root[data-theme="mono"] .bn-pair .bn-card .bn-cta {
  width:auto;min-height:34px;justify-content:flex-start;
  padding:0;border:0;border-radius:0;
  background:transparent;color:#18181B;
  box-shadow:none;font-size:.875rem;font-weight:600;
}
:root[data-theme="mono"] .bn-pair .bn-card .bn-cta:hover {
  background:transparent;color:#18181B;
  box-shadow:none;transform:none;text-decoration:underline;
}
:root[data-theme="mono"] .bn-pair .bn-card .bn-cta:focus-visible {
  outline:2px solid #18181B;outline-offset:4px;
}
@media(max-width:720px) {
  :root[data-theme="mono"] .bn-pair .bn-card {min-height:0;padding:24px 22px}
}
:root[data-theme="mono"] :is(.journey:nth-child(n),.expert:nth-child(n)) {--glow:rgba(11,11,13,.08)}
:root[data-theme="mono"] :is(.expert:nth-child(n) svg,.cap-ico,.ptile:nth-child(n),.expert-group-mark) {background:#F2F2F3;color:#18181B}
:root[data-theme="mono"] :is(.expert-group:nth-child(n).is-active,.expert-group[aria-pressed="true"],.support-type-options button[aria-pressed="true"]) {background:#EFEFF1;color:#0B0B0D;border-color:#18181B;box-shadow:inset 0 0 0 1px #18181B}
:root[data-theme="mono"] .expert-group:nth-child(n).is-active .expert-group-mark {background:#18181B;color:#FFFFFF;box-shadow:none}
:root[data-theme="mono"] :is(.booking-finder,.jd-map-header,.thoughts-empty) {background:#F7F7F8}
:root[data-theme="mono"] .myo-list li:nth-child(n) .dot {background:#18181B;box-shadow:0 0 0 5px #E5E5E7}
:root[data-theme="mono"] .safety-card {border-top-color:#18181B}
:root[data-theme="mono"] .exit-btn {border-color:#18181B;color:#18181B}
:root[data-theme="mono"] .exit-btn:hover {background:#EFEFF1}
:root[data-theme="mono"] :is(.modal,.sheet,.toast,.safety-card,.booking-notice) {box-shadow:var(--e3)}
:root[data-theme="mono"] .modal-backdrop {background:rgba(11,11,13,.5)}
:root[data-theme="mono"] :is(.field input,.field select,.field textarea,.jd-map-select,.jd-chats-search-input,.jd-common-input) {background:#FFFFFF;color:#0B0B0D;border-color:#E5E5E7}
:root[data-theme="mono"] :is(.field input,.field select,.field textarea,.jd-map-select,.jd-chats-search-input,.jd-common-input):focus-visible {outline:2px solid #18181B;outline-offset:2px}
:root[data-theme="mono"] :is(input,textarea,select) {accent-color:#18181B}
:root[data-theme="mono"] :is(.badge,.pill,.private-pill) {border:1px solid #E5E5E7;color:#18181B}
:root[data-theme="mono"] :is(.s-aligned,.s-exploring,.s-different,.s-needs,.s-progress,.s-none) {background:#EFEFF1}
:root[data-theme="mono"] :is(.s-aligned,.s-exploring,.s-different,.s-needs,.s-progress,.s-none) i {color:#18181B}
:root[data-theme="mono"] .s-needs {border-style:dashed}
:root[data-theme="mono"] .s-different {border-style:double}
:root[data-theme="mono"] .s-progress {border-left:3px solid #18181B}
:root[data-theme="mono"] .shared-banner {border-left:3px solid #18181B}
:root[data-theme="mono"] :is(.note-error,.thoughts-sync-error,.jd-common-alert,.jd-map-error,.jd-sync-status.is-error) {color:#18181B;text-decoration-color:#18181B}
:root[data-theme="mono"] .jd-map-card.has-error {border-style:dashed;border-color:#55555F}

/* Newer standalone product surfaces own their own token families. */
:root[data-theme="mono"] .jd-thoughts {
  --jdt-bg:#F7F7F8;--jdt-paper:#FFFFFF;--jdt-paper-2:#EFEFF1;
  --jdt-ink:#0B0B0D;--jdt-soft:#55555F;--jdt-muted:#777780;
  --jdt-line:#E5E5E7;--jdt-accent:#18181B;--jdt-accent-ink:#FFFFFF;
  --jdt-accent-soft:#EFEFF1;--jdt-error:#18181B;--jdt-decor:rgba(24,24,27,.035);
  --jdt-shadow:var(--e2);
  background:#F7F7F8;color:#0B0B0D;font-family:var(--sans);color-scheme:light;
}
:root[data-theme="mono"] .jd-common {
  --jcg-bg:#F7F7F8;--jcg-paper:#FFFFFF;--jcg-paper-alt:#EFEFF1;
  --jcg-ink:#0B0B0D;--jcg-body:#55555F;--jcg-muted:#777780;
  --jcg-line:#E5E5E7;--jcg-accent:#18181B;--jcg-accent-ink:#FFFFFF;
  --jcg-accent-wash:#EFEFF1;--jcg-warning:#55555F;--jcg-error:#18181B;
  background:#F7F7F8;color:#0B0B0D;font-family:var(--sans);color-scheme:light;
}
:root[data-theme="mono"] .jd-thoughts :is(h1,h2,h3,.jd-thoughts-monogram),
:root[data-theme="mono"] .jd-common :is(h1,h2,h3) {font-family:var(--sans);font-style:normal}
:root[data-theme="mono"] .jd-thoughts :is(.jd-thoughts-btn-primary,.jd-thoughts-open,.jd-thoughts-tool),
:root[data-theme="mono"] .jd-common :is(.jd-common-btn,.jd-common-choice) {font-family:var(--sans)}
:root[data-theme="mono"] .jd-thoughts :is(button,input,select,textarea),
:root[data-theme="mono"] .jd-common :is(button,input,select,textarea) {font-family:var(--sans)}
:root[data-theme="mono"] .jd-thoughts .jd-thoughts-monogram {font-family:var(--sans);font-style:normal;font-weight:600}
:root[data-theme="mono"] .jd-thoughts h1,
:root[data-theme="mono"] .jd-common h1 {font-family:var(--sans);font-size:clamp(2.5rem,4vw,3.375rem);font-style:normal;font-weight:600;letter-spacing:-.034em;line-height:1.08}
:root[data-theme="mono"] .jd-thoughts :is(.jd-thoughts-note h3,.jd-thoughts-aside h2,.jd-thoughts-state h3),
:root[data-theme="mono"] .jd-common h2 {font-family:var(--sans);font-size:clamp(1.625rem,2.3vw,2rem);font-style:normal;font-weight:600;letter-spacing:-.035em;line-height:1.18}
:root[data-theme="mono"] .jd-thoughts :is(.jd-thoughts-subtitle,.jd-thoughts-preview-text),
:root[data-theme="mono"] .jd-common .jd-common-intro {font-family:var(--sans);font-size:clamp(1rem,.94rem + .25vw,1.125rem);font-weight:400;line-height:1.55}
:root[data-theme="mono"] .jd-thoughts .jd-thoughts-eyebrow,
:root[data-theme="mono"] .jd-common .jd-common-overline {font-size:clamp(.75rem,.71rem + .12vw,.8125rem);font-weight:600;letter-spacing:.18em}

/* Clerk renders app-owned auth chrome when not encapsulated by its own styles. */
:root[data-theme="mono"] :is(.cl-card,.cl-modalContent,.cl-userButtonPopoverCard) {background:#FFFFFF;color:#0B0B0D;border:1px solid #E5E5E7;box-shadow:var(--e3);font-family:var(--sans)}
:root[data-theme="mono"] :is(.cl-headerTitle,.cl-headerSubtitle,.cl-formFieldLabel) {color:#0B0B0D;font-family:var(--sans)}
:root[data-theme="mono"] :is(.cl-formButtonPrimary,.cl-socialButtonsBlockButton) {background:#0B0B0D;color:#FFFFFF;border-color:#0B0B0D}
:root[data-theme="mono"] :is(.cl-formFieldInput,.cl-otpCodeFieldInput) {background:#FFFFFF;color:#0B0B0D;border-color:#E5E5E7}

@media(max-width:1023px) {
  :root[data-theme="mono"] .bottom-nav {grid-template-columns:repeat(6,minmax(0,1fr))}
  :root[data-theme="mono"] .bottom-nav button {min-width:0;font-size:.625rem}
}
@media(max-width:700px) {
  :root[data-theme="mono"] .app-top .right {gap:2px}
  :root[data-theme="mono"] .app-theme-choice {gap:0;padding:2px}
  :root[data-theme="mono"] .app-theme-choice button {width:30px;height:32px}
  :root[data-theme="mono"] .app-theme-choice button[data-theme-choice="mono"] {min-width:42px}
}

/* Experts: a directory, not a dashboard. The layout selectors below are
   limited to its Monochrome view; native scrollbars stay visible. */
:root[data-theme="mono"]:has(body.in-app .jd-experts) {
  scrollbar-color:#C6C6C9 #FFFFFF;
}
:root[data-theme="mono"] body.in-app:has(.jd-experts) {background:#FFFFFF}
:root[data-theme="mono"] body.in-app:has(.jd-experts) .app {
  grid-template-columns:232px minmax(0,1fr);
  background:#FFFFFF;
}
:root[data-theme="mono"] body.in-app:has(.jd-experts) .sidebar {
  background:#FFFFFF;
  padding:19px 13px;
  border-inline-end:1px solid #EBEBED;
}
:root[data-theme="mono"] body.in-app:has(.jd-experts) .sidebar .logo {padding-bottom:12px}
:root[data-theme="mono"] body.in-app:has(.jd-experts) .sidebar .logo-art,
:root[data-theme="mono"] body.in-app:has(.jd-experts) .sidebar .logo-caption {width:180px}
:root[data-theme="mono"] body.in-app:has(.jd-experts) .sidebar .side-group {
  padding:15px 10px 5px;
  font-size:.625rem;
  letter-spacing:.12em;
}
:root[data-theme="mono"] body.in-app:has(.jd-experts) .sidebar .side-item {
  min-height:38px;
  padding-inline:11px;
  gap:10px;
  font-size:.8125rem;
  font-weight:500;
  border-radius:8px;
  color:#56565E;
}
:root[data-theme="mono"] body.in-app:has(.jd-experts) .sidebar .side-item svg {width:16px;height:16px}
:root[data-theme="mono"] body.in-app:has(.jd-experts) .sidebar .side-item[aria-current="page"] {
  background:#F2F2F3;
  color:#18181B;
  font-weight:650;
}
:root[data-theme="mono"] body.in-app:has(.jd-experts) .sidebar .side-item[aria-current="page"]::before {display:none}
:root[data-theme="mono"] body.in-app:has(.jd-experts) .app-main {min-width:0;background:#FFFFFF}
:root[data-theme="mono"] body.in-app:has(.jd-experts) .app-top {
  background:#FFFFFF;
  border-bottom-color:#EBEBED;
  padding-inline:clamp(22px,3.3vw,56px);
}
:root[data-theme="mono"] body.in-app:has(.jd-experts) .app-content {
  width:100%;
  max-width:1240px;
  margin-inline:auto;
  padding:clamp(25px,3vw,42px) clamp(22px,3.3vw,56px) 100px;
  background:#FFFFFF;
}
/* go() focuses the main region programmatically. Its generic 2px focus
   outline was the dark vertical stroke at the old max-width boundary. */
:root[data-theme="mono"] body.in-app:has(.jd-experts) #appContent:focus-visible {outline:none}
/* go() relocates the safety controls between header and content. On Experts
   in every theme, and on all Monochrome app pages, keep them in flow and
   accessible beneath the sticky header rather than covering page actions. */
body.in-app:has(.jd-experts) .app-main > .safety-bar,
:root[data-theme="mono"] body.in-app .app-main > .safety-bar {
  position:sticky;
  inset:auto;
  top:calc(64px + env(safe-area-inset-top,0px));
  z-index:49;
  align-self:stretch;
  justify-content:flex-end;
  align-items:center;
  min-height:43px;
  padding:4px clamp(22px,3.3vw,56px);
  border-bottom:1px solid var(--border);
  background:var(--surface);
  box-shadow:none;
}
body.in-app:has(.jd-experts) .app-main > .safety-bar :is(.help-btn,.exit-btn),
:root[data-theme="mono"] body.in-app .app-main > .safety-bar :is(.help-btn,.exit-btn) {
  min-height:30px;
  padding:4px 9px;
  gap:6px;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:var(--text-2);
  box-shadow:none;
  font-size:.75rem;
  font-weight:600;
}
body.in-app:has(.jd-experts) .app-main > .safety-bar :is(.help-btn,.exit-btn):hover,
body.in-app:has(.jd-experts) .app-main > .safety-bar :is(.help-btn,.exit-btn):focus-visible,
:root[data-theme="mono"] body.in-app .app-main > .safety-bar :is(.help-btn,.exit-btn):hover,
:root[data-theme="mono"] body.in-app .app-main > .safety-bar :is(.help-btn,.exit-btn):focus-visible {
  background:var(--surface-2);
  border-color:var(--border);
  color:var(--text);
}
body.in-app:has(.jd-experts) .app-main > .safety-bar svg,
:root[data-theme="mono"] body.in-app .app-main > .safety-bar svg {width:14px;height:14px}
:root[data-theme="mono"] .jd-experts {max-width:1100px;margin-inline:auto;color:#18181B}
:root[data-theme="mono"] .jd-experts .experts-intro {
  max-width:810px;
  gap:7px;
  margin-bottom:25px;
}
:root[data-theme="mono"] .jd-experts .experts-intro .eyebrow {
  color:#777780;
  font-size:.6875rem;
  letter-spacing:.14em;
  margin-bottom:5px;
}
:root[data-theme="mono"] .jd-experts .experts-intro h1 {
  font-size:clamp(2.35rem,4vw,3.15rem);
  font-weight:600;
  letter-spacing:-.042em;
  line-height:1.12;
}
:root[data-theme="mono"] .jd-experts .experts-intro > p:last-child {
  max-width:610px;
  color:#66666D;
  font-size:.9375rem;
  line-height:1.55;
}
:root[data-theme="mono"] .jd-experts .expert-group-grid {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:29px;
}
:root[data-theme="mono"] .jd-experts .expert-group {
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  width:auto;
  min-height:41px;
  padding:7px 13px;
  gap:9px;
  border:1px solid #E8E8EA;
  border-radius:999px;
  background:#FFFFFF;
  box-shadow:none;
  transform:none;
}
:root[data-theme="mono"] .jd-experts .expert-group:hover {
  border-color:#777780;
  background:#F7F7F8;
  box-shadow:none;
  transform:none;
}
:root[data-theme="mono"] .jd-experts .expert-group:nth-child(n).is-active {
  border-color:#18181B;
  background:#18181B;
  box-shadow:none;
}
:root[data-theme="mono"] .jd-experts .expert-group strong {font-size:.8125rem;font-weight:600}
:root[data-theme="mono"] .jd-experts .expert-group.is-active strong {color:#FFFFFF}
:root[data-theme="mono"] .jd-experts .expert-group span:not(.expert-group-mark) {display:none}
:root[data-theme="mono"] .jd-experts .expert-group-mark,
:root[data-theme="mono"] .jd-experts .expert-group:nth-child(n).is-active .expert-group-mark {
  width:20px;height:20px;margin:0;border-radius:0;
  background:transparent;box-shadow:none;color:inherit;font-size:1.05rem;
}
:root[data-theme="mono"] .jd-experts .expert-group.is-active .expert-group-mark {color:#FFFFFF!important}
:root[data-theme="mono"] .jd-experts .expert-service-head {
  border:0;
  padding:0;
  margin-bottom:10px;
  align-items:center;
}
:root[data-theme="mono"] .jd-experts .expert-service-head .eyebrow {
  font-size:.675rem;
  letter-spacing:.12em;
  color:#85858B;
}
:root[data-theme="mono"] .jd-experts .expert-service-head h2 {
  font-size:clamp(1.35rem,2vw,1.7rem);
  font-weight:600;
  line-height:1.2;
}
:root[data-theme="mono"] .jd-experts .support-type-options {gap:8px;margin-bottom:25px}
:root[data-theme="mono"] .jd-experts .support-type-options .btn {
  min-height:32px;
  padding:5px 13px;
  background:#FFFFFF;
  border:1px solid #E5E5E7;
  box-shadow:none;
  color:#55555F;
  font-size:.75rem;
  font-weight:550;
}
:root[data-theme="mono"] .jd-experts .support-type-options .btn[aria-pressed="true"] {
  background:#F1F1F2;
  border-color:#777780;
  box-shadow:none;
  color:#18181B;
}
:root[data-theme="mono"] .jd-experts .expert-results {
  border-top:1px solid #E8E8EA;
  margin-top:0;
  padding-top:24px;
}
:root[data-theme="mono"] .jd-experts .expert-results-head {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:15px;
  margin-bottom:5px;
}
:root[data-theme="mono"] .jd-experts .expert-results-head .eyebrow {
  color:#85858B;
  font-size:.675rem;
  letter-spacing:.12em;
  margin-bottom:3px;
}
:root[data-theme="mono"] .jd-experts .expert-results-head h2 {font-size:1.4rem;line-height:1.25;font-weight:600}
:root[data-theme="mono"] .jd-experts .expert-results-count {
  color:#777780;
  font-size:.75rem;
  white-space:nowrap;
}
:root[data-theme="mono"] .jd-experts .expert-results > p.small {
  color:#777780;
  font-size:.8125rem;
  line-height:1.5;
  margin-bottom:17px;
}
:root[data-theme="mono"] .jd-experts .experts-discovery {
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
:root[data-theme="mono"] .jd-experts .expert-listings {display:grid;gap:11px}
:root[data-theme="mono"] .jd-experts .expert-listing {
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(235px,.7fr);
  gap:20px;
  padding:22px;
  border:1px solid #E8E8EA;
  border-radius:17px;
  background:#FFFFFF;
}
:root[data-theme="mono"] .jd-experts .expert-listing-main {display:flex;align-items:flex-start;gap:17px;min-width:0}
:root[data-theme="mono"] .jd-experts .expert-listing-monogram {
  display:grid;
  place-items:center;
  flex:none;
  width:55px;height:55px;
  border-radius:14px;
  background:#EFEFF1;
  color:#525259;
  font-size:1.05rem;
  font-weight:600;
  letter-spacing:.06em;
}
:root[data-theme="mono"] .jd-experts .expert-listing-copy {min-width:0}
:root[data-theme="mono"] .jd-experts .expert-listing-role,
:root[data-theme="mono"] .jd-experts .expert-listing-availability-label {
  color:#777780;
  font-size:.6875rem;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}
:root[data-theme="mono"] .jd-experts .expert-listing-copy h3 {
  margin:3px 0 2px;
  font-size:1.32rem;
  font-weight:600;
  line-height:1.25;
}
:root[data-theme="mono"] .jd-experts .expert-listing-location {color:#66666D;font-size:.8125rem}
:root[data-theme="mono"] .jd-experts .expert-listing-description {
  margin-top:11px;
  color:#55555F;
  font-size:.875rem;
  line-height:1.52;
}
:root[data-theme="mono"] .jd-experts .expert-listing-facts {
  display:flex;flex-wrap:wrap;gap:4px 15px;margin-top:10px;
  color:#55555F;font-size:.75rem;
}
:root[data-theme="mono"] .jd-experts .expert-listing-detail {
  margin-top:7px;
  color:#66666D;
  font-size:.75rem;
  line-height:1.45;
}
:root[data-theme="mono"] .jd-experts .expert-listing-availability {
  display:flex;flex-direction:column;align-items:flex-start;gap:6px;
  padding-inline-start:20px;
  border-inline-start:1px solid #E8E8EA;
}
:root[data-theme="mono"] .jd-experts .expert-listing-availability strong {
  font-size:.875rem;
  font-weight:600;
  line-height:1.4;
}
:root[data-theme="mono"] .jd-experts .expert-listing-availability > p {
  color:#777780;
  font-size:.75rem;
  line-height:1.45;
}
:root[data-theme="mono"] .jd-experts .expert-listing-times {
  display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;
  max-height:148px;overflow-y:auto;
}
:root[data-theme="mono"] .jd-experts .expert-listing-times .btn {
  min-height:32px;padding:5px 9px;
  border:1px solid #DADADD;
  border-radius:7px;
  box-shadow:none;
  font-size:.6875rem;
  white-space:normal;
  text-align:start;
}
:root[data-theme="mono"] .jd-experts .experts-empty {
  display:flex;flex-direction:column;align-items:flex-start;
  gap:11px;max-width:720px;
  padding:clamp(24px,4vw,42px);
  background:#F8F8F8;
  border:1px solid #EBEBED;
  border-radius:17px;
}
:root[data-theme="mono"] .jd-experts .experts-empty-symbol {
  display:grid;place-items:center;width:35px;height:35px;
  border:1px solid #DCDCDD;border-radius:10px;color:#777780;
  font-size:1.2rem;
}
:root[data-theme="mono"] .jd-experts .experts-empty .eyebrow {font-size:.6875rem;color:#777780}
:root[data-theme="mono"] .jd-experts .experts-empty h3 {
  max-width:540px;
  font-size:clamp(1.25rem,2.1vw,1.65rem);
  line-height:1.25;
  font-weight:600;
}
:root[data-theme="mono"] .jd-experts .experts-empty p:not(.eyebrow) {
  color:#66666D;font-size:.875rem;line-height:1.6;
}
:root[data-theme="mono"] .jd-experts .experts-empty .btn {margin-top:5px}
:root[data-theme="mono"] .jd-experts .experts-no-times {
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:15px;margin-top:16px;padding:17px 20px;
  border-radius:12px;background:#F7F7F8;
}
:root[data-theme="mono"] .jd-experts .experts-no-times p {
  max-width:640px;color:#66666D;font-size:.8125rem;line-height:1.5;
}
:root[data-theme="mono"] .jd-experts .experts-skeleton {
  border:1px solid #E8E8EA;border-radius:17px;
  padding:27px;background:#FFFFFF;
}
:root[data-theme="mono"] .jd-experts .experts-skeleton-line {
  height:13px;width:55%;margin:0 0 13px;border-radius:6px;background:#EFEFF1;
}
:root[data-theme="mono"] .jd-experts .experts-skeleton-line:first-child {width:30%;height:18px}
:root[data-theme="mono"] .jd-experts .experts-skeleton-line:nth-child(3) {width:70%}
:root[data-theme="mono"] .jd-experts .experts-skeleton p {margin-top:15px;font-size:.8125rem;color:#777780}
:root[data-theme="mono"] .jd-experts .booking-finder {
  margin:25px 0 0;
  padding:22px;
  background:#F7F7F8;
  border-color:#E8E8EA;
  box-shadow:none;
}
:root[data-theme="mono"] .jd-experts .booking-finder .counsellor-options {display:none}
:root[data-theme="mono"] .jd-experts .booking-finder :is(.booking-recommendation,.booking-fields,.booking-times) {margin-top:13px}
:root[data-theme="mono"] .jd-experts .experts-trustline {
  display:flex;flex-wrap:wrap;gap:8px 25px;
  margin-top:20px;padding-top:14px;border-top:1px solid #E8E8EA;
  color:#777780;font-size:.75rem;
}
:root[data-theme="mono"] .jd-experts .experts-history {
  max-width:900px;margin-top:47px;padding-top:20px;border-top:1px solid #E8E8EA;
}
:root[data-theme="mono"] .jd-experts .experts-history h2 {font-size:1.13rem;font-weight:600}
:root[data-theme="mono"] .jd-experts .experts-history > p {margin-top:12px;font-size:.875rem;color:#777780}
:root[data-theme="mono"] .jd-experts .experts-history .card {box-shadow:none;border-color:#E8E8EA;border-radius:14px}
:root[data-theme="mono"] .jd-experts .experts-history .card h3 {font-size:1rem}
:root[data-theme="mono"] .jd-experts .experts-preview {margin-top:40px;font-size:.8125rem;color:#777780}
@media(max-width:1023px) {
  :root[data-theme="mono"] body.in-app:has(.jd-experts) .app {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:767px) {
  :root[data-theme="mono"] body.in-app:has(.jd-experts) .app-content {padding:25px 20px 125px}
  body.in-app:has(.jd-experts) .app-main > .safety-bar,
  :root[data-theme="mono"] body.in-app .app-main > .safety-bar {padding-inline:15px;min-height:40px}
  :root[data-theme="mono"] .jd-experts .expert-group-grid {gap:7px;margin-bottom:27px}
  :root[data-theme="mono"] .jd-experts .expert-group {min-height:36px;padding:5px 10px}
  :root[data-theme="mono"] .jd-experts .expert-listing {grid-template-columns:1fr;padding:19px;gap:18px}
  :root[data-theme="mono"] .jd-experts .expert-listing-main {gap:12px}
  :root[data-theme="mono"] .jd-experts .expert-listing-monogram {width:43px;height:43px;font-size:.875rem}
  :root[data-theme="mono"] .jd-experts .expert-listing-availability {
    padding:15px 0 0;border-inline-start:0;border-top:1px solid #E8E8EA;
  }
  :root[data-theme="mono"] .jd-experts .expert-listing-times {max-height:180px}
}

/* Monochrome surface continuity. Keep page rhythm and photography; use the
   same paper/ink language across the breaks between marketing and product. */
:root[data-theme="mono"] {
  --mono-paper:#FFFFFF;
  --mono-ground:#F7F7F8;
  --mono-inset:#F3F3F4;
  --mono-rule:#E5E5E7;
  --mono-ink:#18181B;
}
:root[data-theme="mono"] .hero {background:var(--mono-ground)}
:root[data-theme="mono"] :is(
  section[aria-labelledby="coreTitle"],section[aria-labelledby="myoTitle"],
  #experts,section[aria-labelledby="finalTitle"]
) {background:var(--mono-paper)}
:root[data-theme="mono"] :is(
  section[aria-labelledby="pathTitle"],section[aria-labelledby="syncTitle"],#privacy,.footer
) {background:var(--mono-ground)}
:root[data-theme="mono"] .section.border-top {border-top:1px solid var(--mono-rule)}
:root[data-theme="mono"] .footer {border-top:1px solid var(--mono-rule)}

/* Interruptions follow their neighboring section, instead of reading as
   separate promotional panels. The action remains the darkest element. */
:root[data-theme="mono"] .bn-wrap {padding-block:0;background:var(--mono-ground)}
:root[data-theme="mono"] .bn-wrap:has(.bn-pair) {
  padding-block:0;
  background:var(--mono-paper);
}
:root[data-theme="mono"] .bn-wrap:has(.bn-4) {background:var(--mono-ground)}
:root[data-theme="mono"] .bn-wrap > .wrap {padding-block:clamp(24px,3.5vw,44px)}
:root[data-theme="mono"] .bn-wrap:has(.bn-pair) > .wrap {padding-block:clamp(24px,3.5vw,44px) clamp(48px,6vw,76px)}
:root[data-theme="mono"] .bn:not(.bn-card) {
  min-height:0;
  padding:clamp(20px,2.7vw,30px) clamp(20px,3vw,36px);
  border:1px solid var(--mono-rule);
  border-radius:16px;
  background:var(--mono-paper);
  color:var(--text);
  box-shadow:none;
}
:root[data-theme="mono"] .bn:not(.bn-card) .bn-title {color:var(--text)}
:root[data-theme="mono"] .bn:not(.bn-card) .bn-line {color:var(--text-2)}
:root[data-theme="mono"] .bn:not(.bn-card) .bn-ico {
  width:46px;height:46px;border:1px solid var(--mono-rule);
  border-radius:12px;background:var(--mono-inset);color:var(--mono-ink)
}
:root[data-theme="mono"] .bn:not(.bn-card) .bn-ico svg {width:24px;height:24px}
:root[data-theme="mono"] .bn:not(.bn-card) .bn-cta {
  min-height:44px;padding-inline:18px;border:1px solid var(--mono-ink);
  border-radius:999px;background:var(--mono-ink);color:#FFFFFF;
  box-shadow:none;
}
:root[data-theme="mono"] .bn:not(.bn-card) .bn-cta:hover {
  background:#333338;color:#FFFFFF;box-shadow:none;
}
:root[data-theme="mono"] .bn:not(.bn-card) .bn-cta:focus-visible {
  outline:2px solid var(--mono-ink);outline-offset:3px
}
:root[data-theme="mono"] .bn-pair {gap:16px}
:root[data-theme="mono"] .bn-pair .bn-card {
  background:var(--mono-ground);border-color:var(--mono-rule);
  border-radius:16px;box-shadow:none
}
:root[data-theme="mono"] .bn-pair .bn-card .bn-cta {
  background:transparent;color:var(--mono-ink);border:0;
  box-shadow:none;text-underline-offset:4px
}
:root[data-theme="mono"] .bn-pair .bn-card .bn-cta:hover {
  background:transparent;color:var(--mono-ink);text-decoration:underline;
  box-shadow:none
}

/* Cards sit in the section rather than float above it. Interactive journeys
   still lift gently; true states and primary actions retain their emphasis. */
:root[data-theme="mono"] :is(.cap,.journey,.expert,.ptile,.sync-card) {
  border-color:var(--mono-rule);box-shadow:none
}
:root[data-theme="mono"] :is(.cap,.expert,.sync-card) {background:var(--mono-ground)}
:root[data-theme="mono"] :is(.journey,.ptile) {background:var(--mono-paper)}
:root[data-theme="mono"] .journey::before {opacity:.12}
:root[data-theme="mono"] :is(.cap,.journey,.expert):hover {
  border-color:#C9C9CD;
  box-shadow:0 6px 18px -14px rgba(11,11,13,.18);
}
:root[data-theme="mono"] .expert:hover::before {box-shadow:none}
:root[data-theme="mono"] .expert:hover {border-color:#C9C9CD}
:root[data-theme="mono"] .expert:nth-child(n) svg,
:root[data-theme="mono"] .core-col .cap-ico {
  background:#EBEBED;color:var(--mono-ink)
}
:root[data-theme="mono"] .expert-action {color:var(--mono-ink)}
:root[data-theme="mono"] .ptile:nth-child(n) {
  background:var(--mono-paper);border:1px solid var(--mono-rule)
}
:root[data-theme="mono"] .sync-card {border-radius:18px}

/* Authenticated shell: one consistent hierarchy for records, tools, and
   notices. The native JD conversation and Experts directory are not reframed. */
:root[data-theme="mono"] body.in-app:not(:has(.jd-experts)) .app-main {
  background:var(--mono-ground)
}
:root[data-theme="mono"] body.in-app:not(:has(.jd-experts)) .app-content {
  background:transparent
}
:root[data-theme="mono"] :is(.card:not(.thoughts-empty),.jd-map-card) {
  background:var(--mono-paper);border-color:var(--mono-rule);box-shadow:none
}
:root[data-theme="mono"] .shared-banner {
  background:var(--mono-inset);border-color:var(--mono-rule);
  border-inline-start:3px solid var(--mono-ink);box-shadow:none
}
:root[data-theme="mono"] .jd-map-header {
  background:var(--mono-inset);background-image:none;
  border-color:var(--mono-rule);box-shadow:none
}
:root[data-theme="mono"] .jd-chats-panel {
  border-color:var(--mono-rule);
  box-shadow:0 4px 18px -15px rgba(11,11,13,.16)
}
:root[data-theme="mono"] :is(.booking-finder,.booking-notice,.resp:not(.jd-message)) {
  border-color:var(--mono-rule);box-shadow:none
}
:root[data-theme="mono"] .booking-notice {background:var(--mono-inset)}
:root[data-theme="mono"] .booking-finder {background:var(--mono-ground)}
:root[data-theme="mono"] .resp:not(.jd-message)::before {background:var(--mono-ink)}
:root[data-theme="mono"] .jd-thoughts :is(.jd-thoughts-note,.jd-thoughts-editor),
:root[data-theme="mono"] .jd-common :is(.jd-common-panel,.jd-common-share,.jd-common-topic) {
  box-shadow:none
}
:root[data-theme="mono"] .jd-common .jd-common-topic {background:var(--jcg-paper)}
:root[data-theme="mono"] .jd-common .jd-common-share {background:var(--jcg-paper-alt)}

/* Error, empty and safety have different visual signals even without hue. */
:root[data-theme="mono"] :is(.jd-map-card.has-error,.jd-thoughts-state-error,.jd-common-alert) {
  border:2px solid #55555F;background:#F0F0F2
}
:root[data-theme="mono"] :is(.jd-map-error,.jd-map-sync-status.is-error,.jd-sync-status.is-error,.note-error,.thoughts-sync-error,.jd-common-alert) {
  color:#303035;font-weight:700
}
:root[data-theme="mono"] :is(.thoughts-empty,.jd-thoughts-state:not(.jd-thoughts-state-error),.jd-chats-empty) {
  background:var(--mono-inset);border:1px dashed #C9C9CD;
  box-shadow:none
}
:root[data-theme="mono"] .safety-card {
  border-top:3px solid var(--mono-ink);background:var(--mono-paper)
}
:root[data-theme="mono"] .exit-btn {
  border-width:2px;background:var(--mono-paper);font-weight:700
}
:root[data-theme="mono"] .btn-note-delete {
  border-color:var(--mono-ink);color:var(--mono-ink);text-decoration:underline;
  text-underline-offset:3px
}
@media(max-width:720px) {
  :root[data-theme="mono"] .bn:not(.bn-card) {align-items:flex-start;flex-wrap:wrap}
  :root[data-theme="mono"] .bn:not(.bn-card) .bn-cta {
    margin-inline-start:0;margin-top:4px
  }
}

/* Landing close: a usable choice rather than two repeated calls to action.
   Scoped to this final chapter so the rest of the homepage keeps its rhythm. */
#privacy {padding-block:clamp(52px,6vw,82px) clamp(38px,4.5vw,60px)}
#privacy .section-head {margin-bottom:clamp(24px,3vw,36px)}
#privacy .privacy-grid {gap:10px}
#privacy .ptile {min-height:178px;padding:22px 24px;gap:7px;border:1px solid var(--border);border-radius:14px}
#privacy .ptile svg {width:24px;height:24px;margin-bottom:4px}
#privacy .ptile h3 {font-size:1rem;line-height:1.3}
#privacy .ptile p {font-size:.875rem;line-height:1.52}

.jd-close {
  background:var(--surface);
  border-top:1px solid var(--border);
  padding-block:clamp(48px,6vw,82px) clamp(48px,6vw,76px);
}
.jd-close-layout {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,6vw,96px);align-items:start}
.jd-close-intro {padding-top:clamp(4px,1.5vw,22px)}
.jd-close-intro .eyebrow {margin-bottom:22px}
.jd-close-intro h2 {
  max-width:12ch;font-size:clamp(2.65rem,4.4vw,4.7rem);font-weight:600;letter-spacing:-.055em;
  line-height:1.06;text-wrap:balance;
}
.jd-close-intro h2 em {font-family:var(--serif);font-weight:400;letter-spacing:-.035em}
.jd-close-intro > p:not(.eyebrow) {max-width:36ch;margin-top:24px;color:var(--text-2);line-height:1.6;font-size:1rem}
.jd-close-intro .jd-close-caveat {margin-top:34px!important;padding-top:16px;border-top:1px solid var(--border);color:var(--muted)!important;font-size:.8125rem!important;line-height:1.5!important}
.jd-close-routes {display:grid;gap:10px}
.jd-close-route {
  min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;
  padding:clamp(23px,2.7vw,34px);border:1px solid var(--border);
  border-radius:18px;background:var(--bg);
}
.jd-close-route-top {grid-column:1/-1;display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:17px}
.jd-close-index {font-size:.6875rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}
.jd-close-route-top svg {width:31px;height:31px;color:var(--violet)}
.jd-close-route h3 {grid-column:1/-1;font-size:clamp(1.25rem,1.6vw,1.55rem);letter-spacing:-.035em;line-height:1.2}
.jd-close-route p {grid-column:1/-1;max-width:47ch;margin-top:7px;color:var(--text-2);font-size:.9rem;line-height:1.55}
.jd-close-action {
  grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:20px;
  min-height:42px;margin-top:18px;padding:0;border:0;background:transparent;
  color:var(--text);font-size:.9rem;font-weight:700;text-align:left;
  text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:5px;
}
.jd-close-action span,.jd-close-safety-action span {display:inline-block;transition:transform .2s ease}
.jd-close-action:hover span,.jd-close-safety-action:hover span {transform:translate(3px,-3px)}
.jd-close-action:hover {text-decoration-color:currentColor}
.jd-close-route-primary {background:#1B2440;border-color:#1B2440;color:#F8F7F5}
.jd-close-route-primary h3 {color:#F8F7F5}
.jd-close-route-primary .jd-close-index {color:#BCC8DF}
.jd-close-route-primary .jd-close-route-top svg {color:#D6DBF0}
.jd-close-route-primary p {color:#D5DCEB}
.jd-close-route-primary .jd-close-action {color:#F8F7F5;text-decoration-color:#8998B8}
.jd-close-safety {
  display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2vw,28px);
  margin-top:clamp(28px,4vw,48px);padding:clamp(22px,2.8vw,32px);
  background:#F2F0E9;border:1px solid #D9D6CB;border-inline-start:4px solid #6E756B;border-radius:15px;
}
.jd-close-safety-mark {width:44px;height:44px;display:grid;place-items:center;color:#414D46}
.jd-close-safety-mark svg {width:32px;height:32px}
.jd-close-safety-kicker {color:#526459;font-size:.6875rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.jd-close-safety h3 {margin-top:3px;color:#25352D;font-size:1.125rem;line-height:1.3;letter-spacing:-.02em}
.jd-close-safety-copy > p:last-child {margin-top:5px;color:#4F5C54;font-size:.875rem;line-height:1.5}
.jd-close-safety-action {
  display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;
  padding:10px 17px;border:1px solid #35443A;border-radius:8px;
  background:#35443A;color:#FAF9F5;font-size:.875rem;font-weight:700;white-space:nowrap;
}
.jd-close-safety-action:hover {background:#25352D}
.jd-close :is(button:focus-visible) {outline:2px solid var(--ring);outline-offset:3px}

:root[data-theme="mono"] .jd-close {background:var(--mono-paper);border-top-color:var(--mono-rule)}
:root[data-theme="mono"] .jd-close-intro h2 em {font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-style:italic}
:root[data-theme="mono"] .jd-close-route {background:var(--mono-ground);border-color:var(--mono-rule)}
:root[data-theme="mono"] .jd-close-route-primary {background:#18181B;border-color:#18181B;color:#F7F7F8}
:root[data-theme="mono"] .jd-close-route-primary h3,
:root[data-theme="mono"] .jd-close-route-primary .jd-close-action {color:#F7F7F8}
:root[data-theme="mono"] .jd-close-route-primary p,
:root[data-theme="mono"] .jd-close-route-primary .jd-close-index,
:root[data-theme="mono"] .jd-close-route-primary .jd-close-route-top svg {color:#D2D2D5}
:root[data-theme="mono"] .jd-close-route:not(.jd-close-route-primary) .jd-close-route-top svg {color:#18181B}
:root[data-theme="mono"] .jd-close-safety {background:#F0F0F1;border-color:#D8D8DB;border-inline-start-color:#18181B}
:root[data-theme="mono"] .jd-close-safety :is(.jd-close-safety-mark,.jd-close-safety-kicker,.jd-close-safety-copy > p:last-child) {color:#55555F}
:root[data-theme="mono"] .jd-close-safety h3 {color:#18181B}
:root[data-theme="mono"] .jd-close-safety-action {background:#18181B;border-color:#18181B;color:#F7F7F8}
:root[data-theme="mono"] .jd-close-safety-action:hover {background:#333338}

:root[data-theme="dark"] .jd-close-safety {background:#242B36;border-color:#434E59;border-inline-start-color:#A9B8AA}
:root[data-theme="dark"] .jd-close-safety :is(.jd-close-safety-mark,.jd-close-safety-kicker,.jd-close-safety-copy > p:last-child) {color:#C3D3C5}
:root[data-theme="dark"] .jd-close-safety h3 {color:#F3F5F0}
:root[data-theme="dark"] .jd-close-safety-action {background:#D8E1D6;border-color:#D8E1D6;color:#26352A}
:root[data-theme="dark"] .jd-close-safety-action:hover {background:#EDF2EA}
@media (prefers-color-scheme:dark) {
  :root:not([data-theme="light"]):not([data-theme="mono"]) .jd-close-safety {background:#242B36;border-color:#434E59;border-inline-start-color:#A9B8AA}
  :root:not([data-theme="light"]):not([data-theme="mono"]) .jd-close-safety :is(.jd-close-safety-mark,.jd-close-safety-kicker,.jd-close-safety-copy > p:last-child) {color:#C3D3C5}
  :root:not([data-theme="light"]):not([data-theme="mono"]) .jd-close-safety h3 {color:#F3F5F0}
  :root:not([data-theme="light"]):not([data-theme="mono"]) .jd-close-safety-action {background:#D8E1D6;border-color:#D8E1D6;color:#26352A}
}
@media(max-width:850px) {
  .jd-close-layout {grid-template-columns:1fr;gap:32px}
  .jd-close-intro h2 {max-width:18ch}
  .jd-close-intro > p:not(.eyebrow) {max-width:60ch;margin-top:16px}
  .jd-close-intro .jd-close-caveat {margin-top:20px!important}
  .jd-close-routes {grid-template-columns:repeat(2,minmax(0,1fr))}
  .jd-close-route {display:flex;flex-direction:column}
  .jd-close-route-top {width:100%}
  .jd-close-action {margin-top:auto;padding-top:22px}
}
@media(max-width:640px) {
  #privacy .privacy-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  #privacy .ptile {min-height:0;padding:18px}
  .jd-close {padding-block:52px 58px}
  .jd-close-intro h2 {font-size:clamp(2.45rem,10vw,3.5rem);max-width:13ch}
  .jd-close-routes {grid-template-columns:1fr}
  .jd-close-route {padding:24px}
  .jd-close-safety {grid-template-columns:36px minmax(0,1fr);gap:12px 14px;padding:20px}
  .jd-close-safety-mark {width:36px;height:36px;align-self:start}
  .jd-close-safety-mark svg {width:29px;height:29px}
  .jd-close-safety-action {grid-column:1/-1;justify-self:start;margin-top:3px}
}
@media(max-width:400px) {
  #privacy .privacy-grid {grid-template-columns:1fr}
  #privacy .ptile {display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:start}
  #privacy .ptile svg {grid-row:1/3;margin:0}
  #privacy .ptile p {grid-column:2}
}