/* Shared navigation across all site pages. */
body .site-header {
  background: rgba(255,255,255,.97);
  border-bottom: 1px solid #f0f4f8;
  box-shadow: none;
}
body .navbar {
  width: min(1440px, calc(100% - 10.5%));
  min-height: 106px;
}
body .site-header .logo {
  cursor: pointer;
  transition: background-color .2s ease, box-shadow .2s ease;
}
body .site-header .logo:hover {
  background: #edf4ff;
  box-shadow: 0 0 0 6px #edf4ff;
}
body .site-header .logo:focus-visible {
  outline: 3px solid #065cff;
  outline-offset: 6px;
}
body .site-header .logo img { width: 230px; height: 76px; }
body .nav-links {
  gap: clamp(22px, 3vw, 50px);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
body .site-header .nav-links a:not(.cta) { color: #36435d; }
body .site-header .nav-links a.active,

body .site-header .nav-links a:not(.cta):hover { color: #050b19; }
body .nav-links a.active { font-weight: 800; }
body .nav-links a:not(.cta)::after { background: #065cff; height: 3px; border-radius: 3px; }
body .nav-links .cta { margin-left: clamp(0px, 5vw, 80px); min-height: 56px; padding: 15px 30px; font-size: 18px; }
body .site-header .cta {
  gap: 14px;
  background: #065cff;
  color: #fff;
  border-radius: 11px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  box-shadow: 0 12px 28px #065cff20;
}
body .site-header .cta:hover { background: #004bdb; }
@media (max-width: 1100px) {
body .navbar { width: 92%; gap: 18px; }

body .site-header .logo img { width: 180px; }

body .nav-links { gap: 20px; font-size: 15px; }

body .nav-links .cta { margin-left: 0; }
}
@media (max-width: 980px) {
body .navbar { min-height: 80px; }

body .nav-links { top: 80px; background: #fff; border-bottom: 1px solid #dfe6eb; }

body .nav-links a:not(.cta) { border-color: #e6edf5; }

body .menu-button { color: #0d1630; border-color: #dce5ef; background: #f5f9ff; }
}
@media (max-width: 700px) {
body .nav-links .cta { padding: 14px 28px; }
}
body .site-header .cta > span[aria-hidden] { font-size: 1.5em; line-height: 1; }
/* Highlight the free workshop while keeping both menu actions compact. */
body .site-header .nav-links { gap: clamp(14px, 1.6vw, 24px); }
body .site-header .nav-links .cta { margin-left: 0; padding-inline: 20px; font-size: 15px; white-space: nowrap; }
body .site-header .nav-links .workshop-menu-cta { background: #ffb000; color: #080b1e; box-shadow: 0 6px 20px #ffb00026; font-weight: 800; }
body .site-header .nav-links .workshop-menu-cta:hover { background: #f0a400; }
body .site-header .nav-links .workshop-menu-cta:focus-visible { outline: 3px solid #065cff; outline-offset: 4px; }
@media (min-width: 981px) and (max-width: 1280px) {
  body .site-header .logo img { width: 170px; }
  body .site-header .nav-links { gap: 14px; font-size: 15px; }
  body .site-header .nav-links .cta { padding-inline: 14px; font-size: 13px; }
}
