/* V38 — premium LinkedIn nav button */
.site-nav .nav-linkedin{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:40px !important;
  padding:0 14px !important;
  border:1px solid rgba(14,94,140,.22) !important;
  border-left:1px solid rgba(14,94,140,.22) !important;
  background:linear-gradient(180deg, rgba(14,94,140,.055), rgba(14,94,140,.02)) !important;
  color:var(--blue) !important;
  border-radius:2px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
  transition:transform .25s var(--ease), border-color .25s ease, background .25s ease, box-shadow .25s ease !important;
}

.site-nav .nav-linkedin span[aria-hidden="true"]{
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  border-left:1px solid rgba(14,94,140,.16);
  padding-left:8px;
  font-size:.78em;
  line-height:1;
}

.site-nav .nav-linkedin:hover,
.site-nav .nav-linkedin:focus-visible{
  color:var(--ink) !important;
  border-color:rgba(14,94,140,.4) !important;
  background:linear-gradient(180deg, rgba(14,94,140,.095), rgba(14,94,140,.04)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65), 0 8px 18px rgba(7,28,51,.08);
  transform:translateY(-1px);
}

.site-nav .nav-linkedin:hover span[aria-hidden="true"],
.site-nav .nav-linkedin:focus-visible span[aria-hidden="true"]{
  transform:translate(1px,-1px);
}

@media (max-width:860px){
  .site-nav .nav-linkedin{
    min-height:52px !important;
    padding:0 16px !important;
    font-size:1.15rem !important;
    border-color:rgba(14,94,140,.24) !important;
    background:linear-gradient(180deg, rgba(14,94,140,.04), rgba(14,94,140,.015)) !important;
  }
}