.home-nav-button,
#navHome,
#homeLink[href="index.html"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 38px !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(15, 118, 110, 0.24) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #0f766e !important;
  box-shadow: 0 7px 18px rgba(15, 118, 110, 0.12) !important;
  font: 700 13px/1.25 "Segoe UI", "Microsoft YaHei", system-ui, sans-serif !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}
.home-nav-button::before,
#navHome::before,
#homeLink[href="index.html"]::before {
  content: "←";
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  transition: transform 0.18s ease;
}

.home-nav-button:hover,
#navHome:hover,
#homeLink[href="index.html"]:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(15, 118, 110, 0.42) !important;
  background: #eef7f4 !important;
  box-shadow: 0 10px 24px rgba(15, 118, 110, 0.17) !important;
}

.home-nav-button:hover::before,
#navHome:hover::before,
#homeLink[href="index.html"]:hover::before {
  transform: translateX(-2px);
}

.home-nav-button:focus-visible,
#navHome:focus-visible,
#homeLink[href="index.html"]:focus-visible {
  outline: 2px solid rgba(15, 118, 110, 0.5) !important;
  outline-offset: 2px !important;
}

@media (max-width: 560px) {
  .home-nav-button,
  #navHome,
  #homeLink[href="index.html"] {
    min-height: 34px !important;
    padding: 7px 11px !important;
    gap: 5px !important;
    font-size: 12px !important;
  }
}