/* ===========================================================================
   Cosmick site-wide refinements (2026-10-22) — enqueued from inc/cm-site.php.

   Header nav, current-section state. The reference
   (layout.tsx DesktopGroup + entire-site.css) colours a dropdown group's
   top-level link brick-red for the whole SECTION, but draws the coral
   underline only on hover, focus or when the link IS the current page
   (aria-current="page"):
     .site-header nav[aria-label=Main]>ul>li>a:is(:hover,:focus-visible,
       [aria-current=page]):after { transform: scaleX(1) }
   cosmick-2026.css also draws it for `.is-current` (0,2,1). For a dropdown
   group that is only the current SECTION (e.g. "Company" on /blog/ or
   /contact/), this takes the underline back off. (0,5,1) beats (0,2,1).
   Single-link items (Work, Support) keep it, as in the reference, where
   their aria-current covers the whole section.
   =========================================================================== */

.cm-nav-item--group > .cm-nav-link.is-current:not([aria-current="page"]):not(:hover):not(:focus-visible)::after {
	transform: scaleX(0);
}

/* ---------------------------------------------------------------------------
   /business-card/ stats strip. business-card.css lays out three columns; with
   the project count stripped there can be two figures, which sat left in a
   three-column grid. Columns follow the count from 768px up (the sheet's own
   one-column phone layout below that is untouched). (0,2,0) beats (0,1,0).
   ------------------------------------------------------------------------ */
@media (min-width: 768px) {
	.bc-stats-grid.bc-stats-grid--2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 760px;
		margin-inline: auto;
	}

	.bc-stats-grid.bc-stats-grid--1 {
		grid-template-columns: minmax(0, 1fr);
		max-width: 380px;
		margin-inline: auto;
	}
}