/* Styles for index.html (moved from its <style> block). */

.stats-nav-link,
.stats-nav-link:visited,
.stats-nav-link:hover,
.stats-nav-link:active,
.stats-nav-link:focus {
    background: transparent;
    color: inherit;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
.stats-hint-btn {
    text-align: center;
    margin-top: var(--space-3-5);
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
    letter-spacing: .06em;
}
.stats-nav-link:hover .stats-hint-btn { color: var(--color-link); }

/* Sticky Header Fix */
#header {
    position: sticky;
    top: 0;
    z-index: var(--z-header);
    background: transparent;
}

.topnav {
    position: relative;
    z-index: var(--z-header-menu);
}

/* Move hero content up 50 pixels and extend map height */
.hero-section {
    min-height: calc(100vh + 100px) !important; /* Extended by 100px for more scroll space */
}


/* ==== Moved from inline styles in index.html ==== */

/* page */

.home-page-a {
  color: var(--color-link);
  text-decoration: none;
  transition: color 0.3s ease;
  background: none !important;
}

.home-page-a:hover {
  color: var(--color-link-hover);
}

.home-page-stats-nav-link {
  text-decoration: none;
  display: block;
}

#frontPageAdSlot {
  max-width: 780px;
  margin: var(--space-6) auto;
  padding: var(--space-3) 0 36px;
  text-align: center;
}