/* HomeLynx V8.0.154 — Chrome Pass 01 sandbox.
   Chrome only. Map/PSET/Worth/hoppers/owner face intentionally untouched.
   Hierarchy: mark = place; Neo = awake; map = evidence; sheet = knowledge. */
:root{
  --hlx-paper:#F4F6F4;
  --hlx-ink:#0B0D0C;
  --hlx-graphite:#161916;
  --hlx-mute:#8B918E;
  --hlx-lynx:#0D9B86;
}

/* Search chrome is Paper. Google map cloth remains provider-owned. */
.hlx-v8-head{
  background:linear-gradient(180deg,rgba(244,246,244,.99) 0%,rgba(244,246,244,.95) 78%,rgba(244,246,244,0) 100%)!important;
}

/* House mark only. The approved mark is cropped from the existing master logo. */
.hlx-v8-brand{
  position:absolute!important;
  left:22px!important;
  top:calc(env(safe-area-inset-top,0px) + 8px)!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  justify-content:start!important;
}
.hlx-v8-brand img{
  display:block!important;
  width:38px!important;
  height:38px!important;
  object-fit:contain!important;
}

/* Neo is the centered instrument, not the logo and not a corner mascot. */
body.hlx-search-active .hlx-neo-float{
  left:50%!important;
  right:auto!important;
  top:calc(env(safe-area-inset-top,0px) - 8px)!important;
  transform:translateX(-50%)!important;
  justify-items:center!important;
}
body.hlx-search-active .hlx-neo-float__dock{transform-origin:50% 42%!important}
body.hlx-search-active .hlx-neo-pop{transform-origin:50% 0!important}

/* Intent tabs: typography + one hairline. No mint rail, no selected lozenge. */
.hlx-v8-head .hlx-intent-tabs{
  max-width:560px!important;
  margin:64px auto 12px!important;
  padding:0!important;
  gap:0!important;
  border:0!important;
  border-bottom:1px solid rgba(11,13,12,.16)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hlx-v8-head .hlx-intent-tabs button{
  position:relative!important;
  min-height:38px!important;
  padding:8px 6px 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--hlx-mute)!important;
  font-family:'IBM Plex Sans',sans-serif!important;
  font-size:14px!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
}
.hlx-v8-head .hlx-intent-tabs button.active{
  color:var(--hlx-ink)!important;
  background:transparent!important;
  box-shadow:none!important;
  font-weight:600!important;
}
.hlx-v8-head .hlx-intent-tabs button.active::after{
  content:"";
  position:absolute;
  left:22%;
  right:22%;
  bottom:-1px;
  height:2px;
  border-radius:2px;
  background:var(--hlx-ink);
}

/* Field: Graphite instrument, tighter geometry, hairline edge. */
.hlx-v8-searchrow{
  max-width:560px!important;
  min-height:52px!important;
  margin:0 auto!important;
  background:var(--hlx-graphite)!important;
  border:1px solid rgba(11,13,12,.34)!important;
  border-radius:15px!important;
  box-shadow:0 7px 22px rgba(11,13,12,.10)!important;
}
.hlx-v8-searchrow::before{border-radius:17px!important}
.hlx-v8-input{
  height:52px!important;
  color:var(--hlx-paper)!important;
  caret-color:var(--hlx-lynx)!important;
  font-family:'IBM Plex Sans',sans-serif!important;
  font-weight:450!important;
  letter-spacing:-.012em!important;
}
.hlx-v8-input::placeholder{
  color:rgba(244,246,244,.54)!important;
  opacity:1!important;
}
.hlx-neo-attach-plus{
  top:8px!important;
  color:var(--hlx-paper)!important;
}
.hlx-neo-send-btn{
  top:8px!important;
  background:var(--hlx-paper)!important;
  color:var(--hlx-ink)!important;
  box-shadow:none!important;
}

/* The only decorative color in resting chrome is the approved mark/Neo.
   Active/system color continues to come from established wake/activity rails. */
@media(max-width:640px){
  .hlx-v8-head{
    padding-top:calc(10px + env(safe-area-inset-top))!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .hlx-v8-brand{left:20px!important}
  .hlx-v8-head .hlx-intent-tabs{margin-top:62px!important}
  body.hlx-search-active .hlx-neo-float__orb,
  body.hlx-search-active .hlx-neo-float__core{width:72px!important;height:72px!important}
  body.hlx-search-active .hlx-neo-float__core hlx-neo,
  body.hlx-search-active .hlx-neo-float__core .hlx-neo{--neo-size:70px!important}
}

@media(min-width:900px){
  .hlx-v8-brand{left:24px!important}
  .hlx-v8-head .hlx-intent-tabs{margin-top:66px!important}
}
