/* TSL static header polish.
   Fixed, solid header with darker TSL blue. No auth, no token logic, no WordPress dependency. */

:root{
  --tsl-header-blue:#2563eb;
  --tsl-header-blue-hover:#1d4ed8;
  --tsl-header-text:#111827;
  --tsl-header-muted:#374151;
  --tsl-header-line:#e5e7eb;
}

/* Remove browser/default top gaps so the header is locked to the viewport */
html,
body{
  margin:0!important;
}

/* Because the header is fixed, reserve exactly one header-height above the content */
body{
  padding-top:56px!important;
}

.tsl-compatible-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1000;
  height:56px;
  background:#ffffff;
  border-bottom:1px solid var(--tsl-header-line);
  box-shadow:0 2px 10px rgba(15,23,42,.045);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
  transform:translateZ(0);
  backface-visibility:hidden;
}

.tsl-compatible-header__inner{
  height:100%;
  max-width:1120px;
  margin:0 auto;
  padding:0 20px;
  display:grid;
  grid-template-columns:minmax(120px,1fr) auto minmax(150px,1fr);
  align-items:center;
  gap:16px;
  box-sizing:border-box;
}

.tsl-compatible-logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--tsl-header-blue);
  text-decoration:none;
  font-weight:850;
  font-size:24px;
  line-height:1;
  letter-spacing:-.045em;
  justify-self:start;
}

.tsl-compatible-logo:hover{
  text-decoration:none;
  color:var(--tsl-header-blue);
}

.tsl-compatible-logo__mark,
.tsl-compatible-logo__mark svg{
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.tsl-compatible-logo__mark svg circle{
  fill:var(--tsl-header-blue)!important;
}

.tsl-compatible-logo__text{
  color:var(--tsl-header-blue);
}

.tsl-compatible-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  justify-self:center;
}

.tsl-compatible-nav a{
  color:var(--tsl-header-muted);
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  line-height:1;
}

.tsl-compatible-nav a:hover{
  color:var(--tsl-header-blue);
}

.tsl-compatible-actions{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:10px;
}

.tsl-compatible-plus{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:36px;
  min-width:58px;
  padding:0 18px;
  border-radius:999px;
  background:var(--tsl-header-blue);
  color:#fff!important;
  text-decoration:none;
  font-size:14px;
  font-weight:800;
  line-height:1;
  box-shadow:0 8px 18px rgba(37,99,235,.14);
}

.tsl-compatible-plus:hover{
  background:var(--tsl-header-blue-hover);
  color:#fff!important;
  text-decoration:none;
}

.tsl-compatible-signin{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:36px;
  min-width:70px;
  padding:0 14px;
  border-radius:999px;
  background:#fff;
  color:var(--tsl-header-text)!important;
  border:1px solid var(--tsl-header-line);
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  line-height:1;
  box-shadow:0 1px 2px rgba(15,23,42,.025);
}

.tsl-compatible-signin:hover{
  background:#f9fafb;
  color:#111827!important;
  text-decoration:none;
}

.tsl-compatible-signin__icon{
  display:none;
}

.tsl-compatible-signin__icon svg{
  width:18px;
  height:18px;
}

@media(max-width:760px){
  body{
    padding-top:56px!important;
  }

  .tsl-compatible-header__inner{
    padding:0 14px;
    display:flex;
    justify-content:space-between;
    gap:12px;
  }

  .tsl-compatible-logo{
    font-size:22px;
    gap:8px;
  }

  .tsl-compatible-logo__mark,
  .tsl-compatible-logo__mark svg{
    width:30px;
    height:30px;
  }

  .tsl-compatible-nav{
    display:none;
  }

  .tsl-compatible-actions{
    gap:8px;
  }

  .tsl-compatible-plus{
    height:34px;
    min-width:56px;
    padding:0 15px;
    font-size:14px;
  }

  .tsl-compatible-signin{
    width:34px;
    height:34px;
    min-width:34px;
    padding:0;
    border-radius:999px;
    background:#f3f4f6;
    color:#6b7280!important;
  }

  .tsl-compatible-signin__long{
    display:none;
  }

  .tsl-compatible-signin__icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
}