/* Search dialog and products menu, shared by urielei.com and youngethicalintelligence.com */
html.ss-lock{overflow:hidden}
.ss-open,.ss-prod{appearance:none;background:none;border:0;font:inherit;color:#CFC3AC;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:6px 2px;min-height:44px;font-size:14px;line-height:1;width:auto;margin:0;transition:color .2s}
.ss-open:hover,.ss-prod:hover,.ss-prod[aria-expanded="true"]{color:#F5F2EC}
.ss-open:focus-visible,.ss-prod:focus-visible,.ss-hero:focus-visible,.ss-x:focus-visible,.ss-opt:focus-visible,.ss-pl:focus-visible{outline:2px solid #C9AE84;outline-offset:2px}
.ss-open svg,.ss-prod svg,.ss-hero svg,.ss-bar svg{flex:none;display:block}
.ss-open svg,.ss-hero svg,.ss-bar svg{width:18px;height:18px}
.ss-prod svg{width:10px;height:6px}
.ss-open--bar{display:none;padding:6px 10px;border:1px solid rgba(207,195,172,.42);border-radius:4px;min-height:40px;font-size:13px;margin-right:10px}
.ss-li{display:flex;align-items:center}

.ss-panel{position:fixed;left:0;right:0;z-index:60;background:#0D131B;border-bottom:1px solid #CFC3AC;max-height:calc(100vh - 80px);overflow:auto}
.ss-panel[hidden],.ss-dlg[hidden]{display:none}
.ss-panel-in{max-width:1152px;margin:0 auto;padding:28px 24px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 40px}
.ss-grp{font:500 11.5px/1.3 Inter,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#C9AE84;margin:0 0 10px}
.ss-pl{display:block;padding:9px 10px;margin:0 -10px;border-radius:4px;text-decoration:none;color:#A9B8C9}
.ss-pl b{display:block;font:500 14.5px/1.35 Inter,system-ui,sans-serif;color:#F5F2EC}
.ss-pl span{display:block;font:400 13px/1.4 Inter,system-ui,sans-serif;color:#A9B8C9;margin-top:1px}
.ss-pl b .ss-ext{display:inline;margin:0}
.ss-pl:hover{background:rgba(245,242,236,.07)}

.ss-dlg{position:fixed;inset:0;z-index:1000;font-family:Inter,system-ui,-apple-system,sans-serif}
.ss-scrim{position:absolute;inset:0;background:rgba(6,9,14,.72)}
.ss-box{position:relative;max-width:720px;margin:9vh auto 0;background:#111823;border:1px solid #3A4757;border-radius:4px;display:flex;flex-direction:column;max-height:80vh}
.ss-bar{display:flex;align-items:center;gap:12px;padding:6px 8px 6px 18px;border-bottom:1px solid #2A3545;color:#A9B8C9;flex:none}
.ss-in{flex:1;min-width:0;background:none;border:0;outline:0;color:#F5F2EC;font:400 18px/1.4 Inter,system-ui,sans-serif;padding:14px 0;width:auto;box-shadow:none}
.ss-in::placeholder{color:#8B9BB0}
.ss-x{appearance:none;background:none;border:1px solid #3A4757;border-radius:4px;color:#CFC3AC;font:400 13px/1 Inter,system-ui,sans-serif;padding:9px 12px;cursor:pointer;width:auto;min-height:36px}
.ss-x:hover{color:#fff;border-color:#CFC3AC}
.ss-list{overflow:auto;padding:14px 10px 16px;flex:1}
.ss-lead{font:400 14.5px/1.5 Inter,system-ui,sans-serif;color:#CFD8E3;margin:2px 8px 16px}
.ss-list .ss-grp{margin:14px 8px 6px}
.ss-list .ss-grp:first-child{margin-top:2px}
.ss-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}
.ss-opt{display:block;padding:10px;border-radius:4px;text-decoration:none;scroll-margin:8px}
.ss-opt-t{display:block;font:500 15px/1.35 Inter,system-ui,sans-serif;color:#F5F2EC}
.ss-opt-d{display:block;font:400 13px/1.45 Inter,system-ui,sans-serif;color:#A9B8C9;margin-top:2px}
.ss-opt:hover,.ss-opt[aria-selected="true"]{background:#1C2735}
.ss-opt{border-left:2px solid transparent}
.ss-opt[aria-selected="true"]{border-left-color:#C9AE84}
.ss-ext{display:inline-block;font:400 11px/1 Inter,system-ui,sans-serif;color:#C9AE84;border:1px solid rgba(201,174,132,.5);border-radius:3px;padding:2px 5px;margin-left:6px;vertical-align:1px;white-space:nowrap}
.ss-st{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.ss-hero{box-sizing:border-box;min-width:0;appearance:none;display:flex;align-items:center;gap:12px;width:100%;max-width:620px;min-height:56px;padding:0 16px 0 18px;background:rgba(245,242,236,.06);border:1px solid rgba(207,195,172,.55);border-radius:4px;color:#CFD8E3;font:400 16px/1.3 Inter,system-ui,sans-serif;text-align:left;cursor:text;transition:border-color .2s,background .2s}
.ss-hero:hover{border-color:#F5F2EC;background:rgba(245,242,236,.1)}
.ss-hero span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-hero kbd{font:400 12px/1 Inter,system-ui,sans-serif;color:#A9B8C9;border:1px solid #3A4757;border-radius:3px;padding:4px 7px}

.ss-quick{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;font:400 14px/1.4 Inter,system-ui,sans-serif}
.ss-quick a{color:#CFD8E3;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(207,195,172,.5)}
.ss-quick a:hover{color:#fff}
@media(max-width:640px){
  .ss-box{margin:0;max-height:100vh;height:100%;border:0;border-radius:0}
  .ss-grid{grid-template-columns:1fr}
  .ss-in{font-size:17px}
  .ss-hero kbd{display:none}
}
@media(prefers-reduced-motion:reduce){.ss-open,.ss-prod,.ss-hero{transition:none}}
form.ss-hero{cursor:auto;padding:0 6px 0 16px}
form.ss-hero:focus-within{border-color:#F5F2EC;background:rgba(245,242,236,.1)}
.ss-hero svg{color:#A9B8C9}
.ss-hero-in{flex:1;min-width:0;width:auto;background:none;border:0;outline:0;box-shadow:none;color:#F5F2EC;font:400 16px/1.3 Inter,system-ui,sans-serif;padding:12px 0;margin:0;appearance:none;-webkit-appearance:none}
.ss-hero-in::placeholder{color:#AAB6C4;opacity:1}
.ss-hero-in::-webkit-search-cancel-button{-webkit-appearance:none}
.ss-hero-go{appearance:none;flex:none;width:auto;min-height:38px;margin:0;padding:0 16px;background:#F5F2EC;color:#101720;border:0;border-radius:3px;font:500 14px/1 Inter,system-ui,sans-serif;cursor:pointer}
.ss-hero-go:hover{background:#fff}
.ss-hero-go:focus-visible{outline:2px solid #C9AE84;outline-offset:2px}
.ss-inline{max-width:620px;margin:-8px auto 16px;background:#111823;border:1px solid #3A4757;border-radius:4px;padding:6px;text-align:left;max-height:320px;overflow:auto}
.ss-inline[hidden]{display:none}
.ss-inline .ss-lead{margin:8px;color:#CFD8E3}
.ss-inline .ss-lead a{color:#D8C39B}

/* urielei.com header placement */
.site-header .site-nav{gap:20px}
.site-header .site-nav .btn{padding-left:18px;padding-right:18px}
.ss-prod{order:0}
/* Products and search take the room Privacy had; Privacy stays in every footer. */
@media(min-width:981px){.site-header .site-nav a[href$="privacy.html"]{display:none}}
@media(min-width:981px) and (max-width:1180px){.site-header .site-nav a[href$="the-difference.html"],.site-header .site-nav a[href$="insights.html"]{display:none}.site-header .site-nav{gap:15px}.site-header .site-nav .btn{font-size:13px;padding-left:12px;padding-right:12px}}
@media(max-width:980px){
  .site-nav .ss-prod,.site-nav .ss-open--nav{display:none}
  .ss-open--bar{display:inline-flex;margin-left:auto}
}
