/* aj-group.net next version: what /nextversion/ adds on top of /assets/css/main.css (layered after it). */

/* A service page's own title: one step above the section titles. */
.nv .section__head h1 { font-size: clamp(1.9rem, 1.2rem + 2.8vw, 3rem); }

/* Front page: six service cards, three a row on wide screens, the whole card clickable. */
@media (min-width: 66rem) { .nv .cards--doors { grid-template-columns: repeat(3, 1fr); } }
.nv .cards--doors .card { position: relative; }
.nv .card__link { color: inherit; text-decoration: none; }
.nv .card__link::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.nv .card__link:focus-visible { outline: none; }
.nv .cards--doors .card:has(.card__link:focus-visible) { outline: 2px solid var(--accent, currentColor); outline-offset: 3px; }

/* The page the menu is on. */
.nv .nav__list a[aria-current="page"] { color: var(--ink); text-decoration: underline; text-underline-offset: .45em; text-decoration-thickness: 2px; }

/* Web page: the former pop-up text at reading width. */
.nv .nv-prose { max-width: 46rem; }
.nv .nv-prose + .chips { margin-top: 1.5rem; }