/* nav.css — injected by header-loader.js on pages without blogstyle.css */

.nav-cta {
  background: var(--coral, #E84C2B);
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 700;
  padding: 9px 20px;
  border-radius: var(--pill, 999px);
  white-space: nowrap;
  transition: background .2s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.nav-cta:hover { background: var(--coral-h, #d03e22); }

@media (max-width: 768px) {
  .nav-cta { display: none; }
}