/* Component CSS for /new/ pages — moved out of header.php/incl.php per page-structure.md (includes = HTML only). */

/* Header / nav helpers (from header.php) */
@media (max-width: 900px) {
  .nav-desktop { display: none !important; }
  .nav-mobile-btn { display: inline-flex !important; align-items: center; justify-content: center; }
}
@media (min-width: 901px) { .nav-mobile-btn { display: none !important; } }
.site-header a { text-decoration: none; }
.site-header .nav-link.active::after {
  content: ''; position: absolute; left: 14px; right: 14px; bottom: 2px;
  height: 2px; background: var(--accent);
}

/* Footer grid responsive (from incl.php) */
@media (max-width: 900px) {
  .footer-grid { grid-template-columns: 1fr 1fr !important; gap: 32px !important; }
}
@media (max-width: 560px) {
  .footer-grid { grid-template-columns: 1fr !important; }
}

/* ---- Orphan / widow control — site-wide. Never leave 1-2 words alone on a line. ---- */
h1, h2, h3, h4, h5, .display, .eyebrow { text-wrap: balance; }
p, li, blockquote, figcaption, .blurb, .lead { text-wrap: pretty; }