/* Shared site header (copied from the homepage menu by build.py onto every other page) */
.site-header .nav-link {
  color: #1a1a1a; text-decoration: none; font-weight: 500; transition: all .3s ease-out;
  padding: 8px 12px; border-radius: 8px; background-color: #f0f4ff; border: 2px solid transparent; display: inline-block;
}
.site-header .nav-link:hover {
  color: #4A90E2; background-color: #e8f0ff; border-color: #4A90E2; transform: scale(1.08); box-shadow: 0 4px 12px rgba(74,144,226,.2);
}
.site-header .btn-primary {
  background-color: #4A90E2; color: #fff; border-radius: 9999px; padding: 12px 32px; font-weight: 600;
  transition: all .3s ease-out; display: inline-block; text-decoration: none; border: none; cursor: pointer;
}
.site-header .btn-primary:hover { background-color: #3a7bc8; transform: scale(1.05); box-shadow: 0 10px 30px rgba(74,144,226,.3); }
.site-header .btn-primary:active { transform: scale(.98); }
.site-header .mobile-menu { transition: all .3s ease-out; }
.site-header .mobile-menu.hidden { display: none; }
.site-header .mobile-blog-menu.hidden { display: none; }
.site-header .rotate-180 { transform: rotate(180deg); }

.site-header .dropdown-menu { position: relative; display: inline-block; }
.site-header .dropdown-content {
  display: none; position: absolute; background-color: #1a1d2e; min-width: 380px; box-shadow: 0 8px 16px rgba(0,0,0,.1);
  padding: 16px; z-index: 1; border-radius: 8px; top: 100%; left: 0; margin-top: 8px;
}
.site-header .dropdown-header { padding: 12px 0 16px; border-bottom: 1px solid #2a2d3e; margin-bottom: 12px; }
.site-header .dropdown-header h3 { color: #fff; font-size: 14px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; margin-bottom: 4px; }
.site-header .dropdown-header p { color: #9ca3af; font-size: 13px; font-weight: 400; line-height: 1.5; margin: 0; }
.site-header .dropdown-section { margin-bottom: 16px; }
.site-header .dropdown-section:last-child { margin-bottom: 0; }
.site-header .dropdown-section-title { color: #9ca3af; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 8px; padding-left: 4px; }
.site-header .dropdown-content a, .site-header .mobile-blog-menu a {
  color: #e5e7eb; padding: 10px 12px; text-decoration: none; display: block; font-weight: 500; font-size: 14px;
  transition: all .3s ease-out; border-radius: 6px;
}
.site-header .dropdown-content a:hover, .site-header .mobile-blog-menu a:hover, .site-header .mobile-blog-menu a:active {
  background-color: #2a2d3e; color: #4A90E2; padding-left: 16px;
}
.site-header .dropdown-menu:hover .dropdown-content, .site-header .dropdown-menu.active .dropdown-content { display: block; }
.site-header .dropdown-toggle {
  display: flex; align-items: center; gap: 4px; cursor: pointer; color: #1a1a1a; text-decoration: none; font-weight: 500;
  transition: all .3s ease-out; padding: 8px 12px; border-radius: 8px; background-color: #f0f4ff; border: 2px solid transparent; font-size: inherit;
}
.site-header .dropdown-toggle:hover { color: #4A90E2; background-color: #e8f0ff; border-color: #4A90E2; transform: scale(1.08); box-shadow: 0 4px 12px rgba(74,144,226,.2); }
.site-header .mobile-blog-menu { background-color: #1a1d2e; border-radius: 8px; padding: 16px; box-shadow: 0 8px 16px rgba(0,0,0,.1); }
.site-header .mobile-blog-toggle { cursor: pointer; font-size: inherit; }