/* 5 Nov 2026 v2 preview: cleared top bar + relational recently-joined + quieter hero.
   Practitioner and client links live in the slide-in Menu. Every href remains a real <a>. */

/* ---- Cleared top bar: logo | search | labelled Menu ---- */
.site-header--clear .nav{justify-content:space-between;gap:.75rem}
.site-header--clear .brand{margin-right:auto}
.site-header--clear .nav-actions{margin-left:auto;gap:.4rem;align-items:center}
.site-header--clear .nav-search-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:10px;border:1px solid transparent;
  color:var(--ink);text-decoration:none;background:transparent;
}
.site-header--clear .nav-search-btn:hover{background:var(--lavender,#f4f0f8);border-color:var(--line-2,#e6e0ef)}
.site-header--clear .nav-search-btn svg{width:22px;height:22px}
.site-header--clear .menu-btn{display:inline-flex}
.site-header--clear .menu-btn--label{
  gap:.4rem;width:auto;min-width:44px;height:44px;padding:0 .9rem 0 .7rem;
  border-radius:10px;border:1px solid var(--line,#cfc4e0);background:var(--surface,#fff);
  font:600 .95rem var(--sans);color:var(--ink);
}
.site-header--clear .menu-btn--label svg{width:20px;height:20px;flex:none}
.site-header--clear .menu-btn-txt{line-height:1}
.site-header--clear .nav-join-cta{display:none!important}
/* Hide legacy full nav if any leftover */
.site-header--clear .nav-links{display:none!important}

/* ---- Side drawer ---- */
.drawer-backdrop{
  position:fixed;inset:0;z-index:80;background:rgba(20,16,30,.42);
  opacity:0;transition:opacity .2s ease;pointer-events:none;
}
.drawer-backdrop.is-open{opacity:1;pointer-events:auto}
.site-drawer{
  position:fixed;top:0;right:0;z-index:90;
  width:min(22rem,92vw);height:100%;
  background:var(--bg,#fff);color:var(--ink);
  box-shadow:-8px 0 28px rgba(20,16,30,.16);
  transform:translateX(100%);
  transition:transform .22s ease;
  display:flex;flex-direction:column;overflow:hidden;
}
.site-drawer.is-open{transform:translateX(0)}
.site-drawer[hidden]{display:flex!important;visibility:hidden;pointer-events:none}
.site-drawer.is-open[hidden]{visibility:visible;pointer-events:auto}
.drawer-head{
  display:flex;align-items:center;justify-content:space-between;gap:.75rem;
  padding:.85rem 1rem;border-bottom:1px solid var(--line-2,#e6e0ef);flex:none;
}
.drawer-title{margin:0;font:700 1.05rem var(--sans);color:var(--ink)}
.drawer-close{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border:1px solid var(--line,#cfc4e0);
  background:var(--surface,#fff);color:var(--ink);cursor:pointer;border-radius:8px;
}
.drawer-close svg{width:20px;height:20px}
.drawer-nav{overflow:auto;-webkit-overflow-scrolling:touch;padding:.5rem 0 2rem;flex:1 1 auto}
.drawer-sec{padding:.55rem 1.1rem 0.85rem;border-bottom:1px solid var(--line-2,#eee8f4)}
.drawer-sec:last-child{border-bottom:0}
.drawer-h{
  margin:0 0 .45rem;font:700 .78rem var(--sans);letter-spacing:.04em;
  text-transform:uppercase;color:var(--ink-2,#5f5b68);
}
.drawer-subh{
  margin:.7rem 0 .25rem;font:600 .82rem var(--sans);color:var(--ink-2,#5f5b68);
}
.drawer-sec--client .drawer-subh:first-of-type{margin-top:.15rem}
.drawer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem}
.drawer-list a{
  display:flex;align-items:center;min-height:44px;padding:.35rem .2rem;
  color:var(--ink);text-decoration:none;font-weight:600;font-size:.98rem;
  border-radius:8px;
}
.drawer-list a:hover{background:var(--lavender,#f4f0f8);color:var(--ink)}
.drawer-list a:focus-visible,.nav-search-btn:focus-visible,.menu-btn--label:focus-visible,.drawer-close:focus-visible{
  outline:3px solid var(--gold,#c9b98a);outline-offset:2px;
}
.drawer-join{
  margin-top:.35rem!important;justify-content:center!important;
  background:var(--ink,#0b0c0c)!important;color:#fff!important;
  border-radius:999px!important;padding:.7rem 1rem!important;
}
.drawer-join:hover{background:#2b2d2e!important;color:#fff!important}
body.drawer-open{overflow:hidden}
@media (prefers-reduced-motion:reduce){
  .site-drawer,.drawer-backdrop{transition:none}
}
@media (prefers-color-scheme:dark){
  .drawer-backdrop{background:rgba(0,0,0,.55)}
  .site-drawer{background:#1d1927;color:#ece8f4;box-shadow:-8px 0 28px rgba(0,0,0,.45)}
  .drawer-head{border-bottom-color:#3a3348}
  .drawer-h,.drawer-subh{color:#b3acc2}
  .drawer-sec{border-bottom-color:#2e2940}
  .drawer-list a:hover{background:#2a2438}
  .drawer-close,.site-header--clear .menu-btn--label{background:#2a2438;border-color:#3a3348;color:#ece8f4}
  .drawer-join{background:#e6defa!important;color:#1d1927!important}
  .site-header--clear .nav-search-btn:hover{background:#2a2438;border-color:#3a3348}
}

/* ---- Homepage: search-first, relational recent ---- */
body[data-page="home"] .hm--client{
  padding-top:clamp(2.4rem,7vw,4.5rem);
  padding-bottom:clamp(1.75rem,4vw,3rem);
}
body[data-page="home"] .hm--client .hm-inner{max-width:48rem}
@media (min-width:721px){
  body[data-page="home"] .hm--client .hm-inner{max-width:52rem}
}
body[data-page="home"] .hm--client .hm-free{
  margin:.3rem auto 1.25rem!important;
  font-size:1rem!important;font-weight:500!important;
  color:var(--ink-2,#5f5b68)!important;
}
body[data-page="home"] .hm--client .hm-search{
  max-width:42rem;padding:.55rem;border-radius:1.35rem;
  border:1px solid #cfc4e0;box-shadow:0 12px 36px rgba(61,47,107,.14);margin:0 auto;
}
@media (min-width:721px){
  body[data-page="home"] .hm--client .hm-search{
    max-width:46rem;border-radius:999px;padding:.55rem .55rem .55rem .35rem;
  }
}
body[data-page="home"] .hm--client .hm-btn{
  min-height:3.4rem;padding:0 2.1rem;font-size:1.05rem;background:#3d2f6b;color:#fff;
}
body[data-page="home"] .hm--client .hm-btn:hover{background:#2f2454}
body[data-page="home"] .hm--client .hm-check{margin-top:1rem;font-size:.88rem;color:#6b6874}

/* Quiet one-liner instead of 3-step box */
body[data-page="home"] .hm--client .hm-how{
  margin:1.1rem auto 0;max-width:28rem;text-align:center;
  font-size:.92rem;line-height:1.45;color:#6b6874;font-weight:500;
}

/* Relational recently joined — bigger faces, close under search */
body[data-page="home"] .hm--client .hm-recent{
  margin:1.6rem auto 0;max-width:52rem;padding:0;
  border:0;background:transparent;
}
body[data-page="home"] .hm--client .hm-recent-h{
  font:600 1.05rem var(--sans);margin:0 0 .25rem;color:#2a2433;text-align:center;
}
body[data-page="home"] .hm--client .hm-recent-warm{
  margin:0 auto .95rem;text-align:center;max-width:26rem;
  font-size:.95rem;line-height:1.4;color:#5f5b68;font-weight:500;
}
body[data-page="home"] .hm--client .hm-recent-list{
  list-style:none;margin:0;padding:.2rem .15rem .4rem;
  display:flex;flex-wrap:nowrap;justify-content:safe center;gap:1.1rem;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;scrollbar-width:thin;
}
body[data-page="home"] .hm--client .hm-recent-list>li{flex:0 0 auto;scroll-snap-align:start}
body[data-page="home"] .hm--client .hm-recent-list a{
  display:flex;flex-direction:column;align-items:center;width:7.25rem;
  text-decoration:none;color:#2a2433;font-size:.82rem;line-height:1.25;
  border-radius:1rem;padding:.35rem .2rem;
}
body[data-page="home"] .hm--client .hm-recent-list a:hover .hm-recent-face,
body[data-page="home"] .hm--client .hm-recent-list a:hover img,
body[data-page="home"] .hm--client .hm-recent-list a:hover .hm-recent-i{
  box-shadow:0 0 0 3px #fff, 0 0 0 5px #c4b4d8, 0 8px 20px rgba(61,47,107,.14);
  transform:translateY(-2px);
}
body[data-page="home"] .hm--client .hm-recent-list a:focus-visible{
  outline:3px solid #ffdd00;box-shadow:0 0 0 5px #0b0c0c;
}
body[data-page="home"] .hm--client .hm-recent-list img,
body[data-page="home"] .hm--client .hm-recent-i{
  width:104px!important;height:104px!important;
  border-radius:50%;object-fit:cover;
  border:3px solid #fff;box-shadow:0 0 0 1px #ddd5e8, 0 6px 16px rgba(61,47,107,.12);
  margin-bottom:.55rem;
  transition:transform .15s ease, box-shadow .15s ease;
}
body[data-page="home"] .hm--client .hm-recent-i{
  display:flex;align-items:center;justify-content:center;
  background:#efe9f7;color:#4a3a6b;font:600 1.55rem var(--sans);
}
body[data-page="home"] .hm--client .hm-recent-n{font-weight:600;text-align:center;overflow-wrap:anywhere}
body[data-page="home"] .hm--client .hm-recent-p{color:#5f5b68;text-align:center;font-size:.78rem}
@media (min-width:721px){
  body[data-page="home"] .hm--client .hm-recent-list{gap:1.4rem}
  body[data-page="home"] .hm--client .hm-recent-list a{width:8.25rem;font-size:.88rem}
  body[data-page="home"] .hm--client .hm-recent-list img,
  body[data-page="home"] .hm--client .hm-recent-i{
    width:120px!important;height:120px!important;margin-bottom:.6rem;
  }
  body[data-page="home"] .hm--client .hm-recent-i{font-size:1.75rem}
  body[data-page="home"] .hm--client .hm-recent-h{font-size:1.15rem}
  body[data-page="home"] .hm--client .hm-recent-warm{font-size:1rem}
}

/* Quieter profession chips */
body[data-page="home"] .hm--client .hm-browse{margin-top:1.85rem;max-width:44rem}
body[data-page="home"] .hm--client .hm-chips{gap:.45rem}
body[data-page="home"] .hm--client .hm-chips a{
  background:#faf8fc!important;border-color:#ddd8e8!important;
  color:#4a4458!important;font-weight:500!important;
  box-shadow:none!important;transform:none!important;
  height:auto;min-height:2.35rem;padding:.4rem .85rem;font-size:.82rem;
}
body[data-page="home"] .hm--client .hm-chips a:hover{
  background:#f0ebf7!important;border-color:#3d2f6b!important;color:#3d2f6b!important;
}
body[data-page="home"] .hm--client .hm-chip-s{font-weight:400;opacity:.75;font-size:.78em}
body[data-page="home"] .tct{padding-top:2rem}
body[data-page="home"] .tct .tct-tablist{
  background:transparent;border-color:transparent;padding:0;gap:.5rem;
}
body[data-page="home"] .tct .tct-group{
  box-shadow:none;
}

@media (prefers-color-scheme:dark){
  body[data-page="home"] .hm--client .hm-free,
  body[data-page="home"] .hm--client .hm-how,
  body[data-page="home"] .hm--client .hm-recent-warm,
  body[data-page="home"] .hm--client .hm-check{color:#b3acc2!important}
  body[data-page="home"] .hm--client .hm-btn{background:#c4b4d8;color:#1d1927}
  body[data-page="home"] .hm--client .hm-btn:hover{background:#d8cceb}
  body[data-page="home"] .hm--client .hm-chips a{background:#2a2438!important;border-color:#3a3348!important;color:#e6defa!important}
  body[data-page="home"] .hm--client .hm-recent-h,
  body[data-page="home"] .hm--client .hm-recent-list a{color:#ece8f4}
  body[data-page="home"] .hm--client .hm-recent-p{color:#b3acc2}
  body[data-page="home"] .hm--client .hm-recent-list img,
  body[data-page="home"] .hm--client .hm-recent-i{border-color:#2a2438;box-shadow:0 0 0 1px #3a3348, 0 6px 16px rgba(0,0,0,.35)}
}

/* v2: keep cleared header to logo + search + Menu; Calm stays in the footer */
.site-header--clear .nav-actions .calm-toggle{display:none!important}

/* ---- v3: thicker cleared header (~1.5x) ---- */
.site-header--clear .nav{
  min-height:88px!important;
  padding-block:1rem!important;
  align-items:center;
}
.site-header--clear .brand{padding-block:0}
.site-header--clear .brand svg{width:46px;height:46px}
.site-header--clear .brand span{font-size:1.2rem}
.site-header--clear .nav-search-btn{width:48px;height:48px;border-radius:12px}
.site-header--clear .nav-search-btn svg{width:24px;height:24px}
.site-header--clear .menu-btn--label{
  height:48px;min-height:48px;padding:0 1.05rem 0 .85rem;border-radius:12px;font-size:1rem;
}
.site-header--clear .menu-btn--label svg{width:22px;height:22px}
@media (min-width:721px){
  .site-header--clear .nav{min-height:96px!important;padding-block:1.15rem!important}
  .site-header--clear .brand svg{width:52px;height:52px}
  .site-header--clear .brand span{font-size:1.35rem}
}

/* ---- v3: fit all 6 recently-joined faces on desktop ---- */
@media (min-width:721px){
  body[data-page="home"] .hm--client .hm-recent{max-width:56rem}
  body[data-page="home"] .hm--client .hm-recent-list{
    gap:.85rem;flex-wrap:wrap;justify-content:center;overflow-x:visible;
  }
  body[data-page="home"] .hm--client .hm-recent-list a{width:7.5rem}
}

/* ---- v3: Join link in cleared top bar ---- */
.site-header--clear .nav-join-top{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;height:48px;padding:0 1.05rem;
  border-radius:999px;border:1px solid var(--ink,#0b0c0c);
  background:var(--ink,#0b0c0c);color:#fff!important;
  font:600 1rem var(--sans);text-decoration:none;white-space:nowrap;
}
.site-header--clear .nav-join-top:hover{background:#2b2d2e;border-color:#2b2d2e;color:#fff!important}
.site-header--clear .nav-join-top:focus-visible{outline:3px solid var(--gold,#c9b98a);outline-offset:2px}
.site-header--clear .nav-join-top:visited{color:#fff!important}
@media (prefers-color-scheme:dark){
  .site-header--clear .nav-join-top{background:#e6defa;border-color:#e6defa;color:#1d1927!important}
  .site-header--clear .nav-join-top:hover{background:#d8cceb;border-color:#d8cceb;color:#1d1927!important}
  .site-header--clear .nav-join-top:visited{color:#1d1927!important}
}

/* ---- v3: bookmark shortcut in cleared top bar ---- */
.site-header--clear .nav-bookmark-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:48px;height:48px;border-radius:12px;border:1px solid transparent;
  background:transparent;color:var(--ink);cursor:pointer;padding:0;
}
.site-header--clear .nav-bookmark-btn svg{width:24px;height:24px}
.site-header--clear .nav-bookmark-btn:hover{background:var(--lavender,#f4f0f8);border-color:var(--line-2,#e6e0ef)}
.site-header--clear .nav-bookmark-btn:focus-visible{outline:3px solid var(--gold,#c9b98a);outline-offset:2px}
.site-header--clear .nav-bookmark-btn[aria-pressed="true"]{color:#3d2f6b;background:var(--lavender,#f4f0f8)}
.nav-bookmark-status{
  position:fixed;left:50%;bottom:1.25rem;transform:translateX(-50%);
  z-index:100;max-width:min(22rem,92vw);padding:.7rem 1rem;border-radius:12px;
  background:#2a2433;color:#fff;font:600 .92rem var(--sans);text-align:center;
  box-shadow:0 8px 24px rgba(0,0,0,.2);
}
@media (prefers-color-scheme:dark){
  .site-header--clear .nav-bookmark-btn:hover{background:#2a2438;border-color:#3a3348}
  .site-header--clear .nav-bookmark-btn[aria-pressed="true"]{color:#e6defa;background:#2a2438}
}

/* ---- v3: fit Join + bookmark + search + Menu on narrow phones ---- */
@media (max-width:480px){
  .site-header--clear .brand span{
    position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;
  }
  .site-header--clear .nav{gap:.35rem;padding-inline:.75rem!important}
  .site-header--clear .nav-actions{gap:.25rem}
  .site-header--clear .nav-join-top{padding:0 .85rem;min-height:44px;height:44px;font-size:.95rem}
  .site-header--clear .nav-bookmark-btn,
  .site-header--clear .nav-search-btn{width:44px;height:44px}
  .site-header--clear .menu-btn--label{height:44px;min-height:44px;padding:0 .75rem 0 .55rem;font-size:.92rem}
  .site-header--clear .brand svg{width:42px;height:42px}
}

/* ---- v4: Join colour matches previous header Join CTA (#00703c) ---- */
.site-header--clear .nav-join-top{
  background:#00703c!important;
  border-color:#00703c!important;
  color:#fff!important;
}
.site-header--clear .nav-join-top:hover{
  background:#005a30!important;
  border-color:#005a30!important;
  color:#fff!important;
}
.site-header--clear .nav-join-top:visited{color:#fff!important}
@media (prefers-color-scheme:dark){
  .site-header--clear .nav-join-top{
    background:#00703c!important;
    border-color:#00703c!important;
    color:#fff!important;
  }
  .site-header--clear .nav-join-top:hover{
    background:#005a30!important;
    border-color:#005a30!important;
    color:#fff!important;
  }
  .site-header--clear .nav-join-top:visited{color:#fff!important}
}

/* ---- v4: quieter Explore block ---- */
body[data-page="home"] .tct h2{font-size:1.25rem;margin:0 0 .85rem;font-weight:600;color:#2a2433}
body[data-page="home"] .tct .tct-lede{display:none}
body[data-page="home"] .tct .tct-panel > .tcx-sub{display:none}
body[data-page="home"] .tct{padding-top:1.75rem;padding-bottom:.75rem}
body[data-page="home"] .tct.is-tabs .tct-tablist{
  background:transparent!important;border:0!important;padding:0!important;
  gap:.35rem;margin:0 auto 1.25rem;max-width:36rem;
}
body[data-page="home"] .tct-tablist button{
  background:transparent;border:1px solid transparent;border-radius:999px;
  color:#5f5b68;font-weight:500;font-size:.9rem;min-height:2.4rem;box-shadow:none;
}
body[data-page="home"] .tct-tablist button:hover{background:#f4f0f8;color:#3d2f6b}
body[data-page="home"] .tct-tablist button[aria-selected="true"]{
  background:#fff;border-color:#ddd8e8;color:#2a2433;font-weight:600;
  box-shadow:none;outline:0;
}
body[data-page="home"] .tct-group{
  background:#faf8fc;border-color:#ebe6f2;
}
body[data-page="home"] .tct-panel{margin-bottom:1rem}

/* ---- v4: drawer Join (bottom) same green as live header Join ---- */
.drawer-join{
  background:#00703c!important;border-color:#00703c!important;color:#fff!important;
}
.drawer-join:hover{background:#005a30!important;border-color:#005a30!important;color:#fff!important}
@media (prefers-color-scheme:dark){
  .drawer-join{background:#00703c!important;border-color:#00703c!important;color:#fff!important}
  .drawer-join:hover{background:#005a30!important;color:#fff!important}
}

/* ---- v5: Join always visible on mobile (was hidden via data-auth-hide when signed in) ---- */
.site-header--clear .nav-join-top,
.site-header--clear .nav-join-top[hidden]{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex:none;
  flex-shrink:0;
  background:#00703c!important;
  border-color:#00703c!important;
  color:#fff!important;
}
@media (max-width:480px){
  /* Keep Join tappable; hide brand wordmark so Join + icons fit */
  .site-header--clear .brand span{
    position:absolute!important;width:1px!important;height:1px!important;
    padding:0!important;margin:-1px!important;overflow:hidden!important;
    clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;
    border:0!important;white-space:nowrap!important;
  }
  .site-header--clear .nav{
    flex-wrap:nowrap!important;overflow:visible!important;
    gap:.3rem;padding-inline:.65rem!important;
  }
  .site-header--clear .nav-actions{gap:.2rem;flex-shrink:0}
  .site-header--clear .nav-join-top{
    padding:0 .7rem!important;min-height:40px!important;height:40px!important;
    font-size:.88rem!important;
  }
  .site-header--clear .nav-bookmark-btn,
  .site-header--clear .nav-search-btn{width:40px;height:40px}
  .site-header--clear .menu-btn--label{
    height:40px;min-height:40px;padding:0 .65rem 0 .5rem;font-size:.88rem;
  }
  .site-header--clear .brand svg{width:40px;height:40px}
}

/* ---- v6: clearer Menu — two coloured audience bands ---- */
.site-drawer .drawer-band{
  margin:0;
  padding:0 0 .35rem;
}
.site-drawer .drawer-band--clients{
  background:#f3eef9; /* soft lavender */
  border-bottom:1px solid #ddd4ea;
}
.site-drawer .drawer-band--therapists{
  background:#eef6f1; /* soft sage/green */
  border-bottom:1px solid #d5e6db;
}
.site-drawer .drawer-band--trainees{
  background:#e8f1fa; /* soft blue */
  border-bottom:1px solid #d3e2f0;
}
.site-drawer .drawer-band--jobs{
  background:#f7f0e4; /* warm sand */
  border-bottom:0;
}
.site-drawer .drawer-band-h{
  margin:0;
  padding:.95rem 1.15rem .35rem;
  font:700 1.15rem var(--sans);
  letter-spacing:0;
  text-transform:none;
  color:#2a2433;
}
.site-drawer .drawer-band--clients .drawer-band-h{color:#3d2f6b}
.site-drawer .drawer-band--therapists .drawer-band-h{color:#005a30}
.site-drawer .drawer-band--trainees .drawer-band-h{color:#16457a}
.site-drawer .drawer-band--jobs .drawer-band-h{color:#6b4510}
.site-drawer .drawer-band .drawer-sec{
  background:transparent;
  border-bottom:1px solid rgba(0,0,0,.06);
  padding:.35rem 1.15rem .75rem;
}
.site-drawer .drawer-band .drawer-sec:last-child{border-bottom:0}
.site-drawer .drawer-h{
  margin:.55rem 0 .35rem;
  font:650 .95rem var(--sans);
  letter-spacing:0;
  text-transform:none;
  color:#2a2433;
}
.site-drawer .drawer-subh{
  margin:.55rem 0 .2rem;
  font:600 .78rem var(--sans);
  letter-spacing:.02em;
  text-transform:none;
  color:#5f5b68;
}
.site-drawer .drawer-list a{
  color:#0b0c0c;
  font-weight:500;
}
.site-drawer .drawer-list a:hover{
  background:rgba(255,255,255,.72);
}
.site-drawer .drawer-band--therapists .drawer-join,
.site-drawer .drawer-band--jobs .drawer-join{
  background:#00703c!important;border-color:#00703c!important;color:#fff!important;
}
@media (prefers-color-scheme:dark){
  .site-drawer .drawer-band--clients{background:#2a2438;border-bottom-color:#3a3348}
  .site-drawer .drawer-band--therapists{background:#1e2a24;border-bottom-color:#2a3a30}
  .site-drawer .drawer-band--trainees{background:#1c2836;border-bottom-color:#2a3a4c}
  .site-drawer .drawer-band--jobs{background:#2c261c;border-bottom-color:#3a3428}
  .site-drawer .drawer-band--clients .drawer-band-h{color:#d8cceb}
  .site-drawer .drawer-band--therapists .drawer-band-h{color:#8fd6b0}
  .site-drawer .drawer-band--trainees .drawer-band-h{color:#a8c8ec}
  .site-drawer .drawer-band--jobs .drawer-band-h{color:#e6c89a}
  .site-drawer .drawer-band-h,.site-drawer .drawer-h{color:#ece8f4}
  .site-drawer .drawer-subh{color:#b3acc2}
  .site-drawer .drawer-list a{color:#ece8f4}
  .site-drawer .drawer-list a:hover{background:rgba(255,255,255,.08)}
  .site-drawer .drawer-band .drawer-sec{border-bottom-color:rgba(255,255,255,.08)}
}

/* Quiet GQ supporting line under register-check */
body[data-page="home"] .hm--client .hm-registers{
  margin:.45rem auto 0;max-width:36rem;text-align:center;
  font-size:.86rem;line-height:1.45;color:#5f5b68;
}
@media (prefers-color-scheme:dark){
  body[data-page="home"] .hm--client .hm-registers{color:#b3acc2!important}
}

/* ---- v7: stronger Menu hierarchy — band titles >> subheads >> links ---- */
.site-drawer .drawer-band-h{
  font:800 1.4rem var(--sans)!important;
  letter-spacing:-.015em!important;
  line-height:1.2!important;
  padding:1.05rem 1.15rem .5rem!important;
}
.site-drawer .drawer-band--clients .drawer-band-h{
  color:#2f2460!important; /* bolder purple ink on lavender */
}
.site-drawer .drawer-band--therapists .drawer-band-h{
  color:#004526!important;
}
.site-drawer .drawer-band--trainees .drawer-band-h{
  color:#123a68!important;
}
.site-drawer .drawer-band--jobs .drawer-band-h{
  color:#5a390c!important;
}
.site-drawer .drawer-h{
  font:700 .9rem var(--sans)!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#3d3848!important;
  margin:.7rem 0 .3rem!important;
}
.site-drawer .drawer-subh{
  font:600 .8rem var(--sans)!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  color:#6b6575!important;
  margin:.55rem 0 .15rem!important;
}
.site-drawer .drawer-list a{
  font-weight:500!important;
  font-size:.95rem!important;
  color:#0b0c0c!important;
}
@media (prefers-color-scheme:dark){
  .site-drawer .drawer-band--clients .drawer-band-h{color:#e6defa!important}
  .site-drawer .drawer-band--therapists .drawer-band-h{color:#a8e0c0!important}
  .site-drawer .drawer-band--trainees .drawer-band-h{color:#b7d4f5!important}
  .site-drawer .drawer-band--jobs .drawer-band-h{color:#edd4a8!important}
  .site-drawer .drawer-h{color:#d8d2e4!important}
  .site-drawer .drawer-subh{color:#b3acc2!important}
  .site-drawer .drawer-list a{color:#ece8f4!important}
}


/* ---- client warm pages (preview 5 Nov 2026) — simpler, warmer, less cluttered ---- */
.wiki.wiki--warm,
.find-page.wiki--warm,
main.wiki--warm{
  padding-top:1.5rem;
}
.wiki.wiki--warm .wiki-body,
.find-page.wiki--warm .wiki-body{
  max-width:42rem;
}
.find-page.wiki--warm .find-wrap.wiki-body{
  max-width:52rem;
}
.wiki.wiki--warm .wiki-head,
.find-page.wiki--warm .wiki-head{
  border-bottom:0;
  padding-bottom:.35rem;
  margin-bottom:1rem;
}
.wiki.wiki--warm .wiki-head h1,
.find-page.wiki--warm .wiki-head h1,
main.wiki--warm h1{
  font-weight:750;
  letter-spacing:-.02em;
  color:#2a2433;
  line-height:1.15;
}
.wiki.wiki--warm .wiki-lede,
.find-page.wiki--warm .wiki-lede{
  font-size:1.12rem;
  line-height:1.55;
  max-width:38rem;
  color:#3d3848;
}
.wiki.wiki--warm .wiki-lede.tc-answer,
.find-page.wiki--warm .wiki-lede.tc-answer{
  font-size:1.02rem;
  color:#4a4555;
  background:#f7f4fb;
  border-radius:1rem;
  padding:.85rem 1rem;
  border:1px solid #e6dff0;
}
.wiki.wiki--warm .wiki-lede.cw-warm{
  font-size:1.15rem;
  color:#2f2460;
  font-weight:500;
}
.wiki.wiki--warm .guide-illo{opacity:.7;margin:.1rem auto 1rem}
.wiki.wiki--warm section{margin:0 0 1.85rem}
.wiki.wiki--warm section > h2,
.wiki.wiki--warm .wiki-body > h2{
  font-size:1.35rem;font-weight:700;color:#2f2460;letter-spacing:-.01em;margin:0 0 .65rem;
}
.wiki.wiki--warm p{line-height:1.65;margin:0 0 1em}
.wiki.wiki--warm .wiki-list li,.wiki.wiki--warm .wiki-steps li{margin:.45rem 0}
.wiki.wiki--warm .cmp-card,
.wiki.wiki--warm .card{
  border-radius:1rem;border-color:#e0d7ec;box-shadow:none;background:#fbf9fd;
}
.wiki.wiki--warm .wiki-toc{
  border-radius:1rem;background:#f7f4fb;border-color:#e6dff0;
}
.wiki.wiki--warm .note,
.find-page.wiki--warm .note{
  border-radius:1rem;border:1px solid #e6dff0;background:#fbf9fd;padding:1rem 1.1rem;
}
.find-page.wiki--warm .note.ethics{
  background:#fff8f3;border-color:#f0d9c8;
}
.cw-next{margin:1rem 0 1.35rem}
.cw-next--end{margin:2rem 0 1.5rem;padding:1.25rem 0 0;border-top:1px solid #e6dff0}
.cw-btn{
  display:inline-flex!important;align-items:center;justify-content:center;
  min-height:2.85rem;padding:.65rem 1.35rem!important;border-radius:999px!important;
  background:#3d2f6b!important;border-color:#3d2f6b!important;color:#fff!important;
  font-weight:650!important;text-decoration:none!important;
  box-shadow:0 1px 2px rgba(61,47,107,.18);
}
.cw-btn:hover{filter:brightness(1.06)}
.cw-btn:focus-visible{outline:3px solid #c9b98a;outline-offset:3px}
.cw-people{
  margin:1.25rem 0 1.75rem;padding:1.1rem 1rem 1.2rem;
  background:#f7f4fb;border:1px solid #e6dff0;border-radius:1.15rem;max-width:40rem;
}
.cw-people .hm-recent-h{text-align:left;color:#2f2460;font-size:1.05rem;margin:0 0 .75rem}
.cw-people-more{margin:.65rem 0 0;text-align:center}
.cw-people-more a{font-weight:600;color:#3d2f6b}
.cw-more{
  margin:1.5rem 0 1.25rem;padding:.65rem 1rem 1rem;
  background:#faf8fc;border:1px solid #e6dff0;border-radius:1rem;max-width:42rem;
}
.cw-more > summary{cursor:pointer;font-weight:650;color:#2f2460;padding:.35rem 0}
.cw-more > summary:focus-visible{outline:3px solid #c9b98a;outline-offset:2px;border-radius:.4rem}
.cw-more[open] > summary{margin-bottom:.65rem}
article.wiki:not(.wiki--warm) .wiki-head{border-bottom-color:#e6dff0}
article.wiki:not(.wiki--warm) .wiki-lede{line-height:1.55}
@media (prefers-color-scheme:dark){
  .wiki.wiki--warm .wiki-head h1,.find-page.wiki--warm .wiki-head h1,main.wiki--warm h1{color:#ece8f4}
  .wiki.wiki--warm .wiki-lede,.find-page.wiki--warm .wiki-lede{color:#d8d2e4}
  .wiki.wiki--warm .wiki-lede.cw-warm{color:#e6defa}
  .wiki.wiki--warm .wiki-lede.tc-answer,.find-page.wiki--warm .wiki-lede.tc-answer{background:#2a2438;border-color:#3a3348;color:#d8d2e4}
  .wiki.wiki--warm section > h2,.wiki.wiki--warm .wiki-body > h2{color:#e6defa}
  .cw-people,.cw-more,.wiki.wiki--warm .note,.find-page.wiki--warm .note,.wiki.wiki--warm .cmp-card,.wiki.wiki--warm .wiki-toc{background:#2a2438;border-color:#3a3348}
  .find-page.wiki--warm .note.ethics{background:#322820;border-color:#4a3a30}
  .cw-btn{background:#a89ad4!important;border-color:#a89ad4!important;color:#1a1524!important}
  .cw-people .hm-recent-h,.cw-more > summary,.cw-people-more a{color:#e6defa}
  .cw-next--end{border-top-color:#3a3348}
}

/* 9 Nov 2026: mobile align therapist-directory-uk featured strip */
.wiki-body .cw-people{width:100%;max-width:100%;box-sizing:border-box}
.wiki-body .cw-people .hm-recent-list{justify-content:flex-start}
.wiki-table{overflow-wrap:anywhere;word-break:break-word}

/* 11 Nov 2026: Explore heading used color:#2a2433 in every colour scheme,
   which is nearly invisible on the dark homepage background. High-contrast
   colour for that heading and the other section headings in the same block. */
@media (prefers-color-scheme:dark){
  body[data-page="home"] .tct h2,
  body[data-page="home"] #tct-h,
  body[data-page="home"] .tct-ph{
    color:#ece8f4!important;
  }
  body[data-page="home"] .tct-group h4{color:#f1edf8!important}
  body[data-page="home"] .tct-tablist button{color:#d9d3e6!important}
  body[data-page="home"] .tct-tablist button[aria-selected="true"]{
    color:#fff!important;background:#3d3354!important;border-color:#6a5d88!important;
  }
}