/* ICYLAB Tools — cross-site brand bridge, v10.17.2. */

.site-header {
  position: sticky;
  top: 0;
  z-index: 200;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

.tools-nav a.is-site-link,
.tools-nav a.is-site-link:visited {
  color: var(--green);
}

.tools-nav a.is-site-link::after {
  transform: scaleX(1);
}

.mobile-nav-links a.is-site-link,
.mobile-nav-links a.is-site-link:visited {
  margin-top: 10px;
  border: 1px solid var(--green);
  background: var(--green);
  color: #000;
}

.mobile-nav-links a.is-site-link > span {
  color: rgba(0,0,0,.58);
}

.mobile-nav-links a.is-site-link:hover,
.mobile-nav-links a.is-site-link:focus-visible {
  background: #000;
  color: var(--green);
}

.mobile-nav-links a.is-site-link:hover > span,
.mobile-nav-links a.is-site-link:focus-visible > span {
  color: var(--green);
}

@media (min-width: 761px) and (max-width: 900px) {
  .site-header__inner {
    padding-inline: 18px;
    gap: 14px;
  }

  .brand { gap: 10px; }
  .brand img { width: 128px; }
  .brand span { padding-left: 10px; font-size: 9px; }
  .tools-nav { gap: 12px; }
  .tools-nav a { font-size: 9.5px; letter-spacing: .12em; }
  .header-links { gap: 6px; }
  .header-links a { width: 32px; height: 32px; }
}

@media (prefers-reduced-motion: reduce) {
  .site-header { scroll-behavior: auto; }
}