/* Shared overrides for every blog page (loaded after each page's inline styles). */

/* Readable body text: brighter than the old slate-grey on navy. */
:root { --muted: #d5dde8; --muted2: #a7b4c6; }
.article-body p, .article-body li, .article-lead { color: var(--muted); }
.article-body strong { color: #fff; }

/* Mobile header: keep the menu visible as a second row instead of hiding it. */
@media (max-width: 600px) {
  nav { flex-wrap: wrap; row-gap: 0.6rem; padding: 0.75rem 1rem; }
  .nav-links {
    display: flex !important; order: 3; width: 100%;
    gap: 1.25rem; overflow-x: auto; scrollbar-width: none;
  }
  .nav-links::-webkit-scrollbar { display: none; }
  .nav-links a { color: var(--text); font-size: 0.95rem; padding: 0.25rem 0; white-space: nowrap; }
  nav a.cta-btn { display: none; } /* "Contact" in the menu row covers it on small screens */
  .article-header { padding-top: 8.5rem; }
}