/* 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; }

/* Front page: the line above the slogan is the page's <h1> and the slogan a <p> (2026-11-02, for search engines);
   both keep the look they had as <p class="eyebrow"> and <h1 class="hero__title">. */
.nv h1.eyebrow { line-height: inherit; text-wrap: pretty; hyphens: manual; }
.nv h1.eyebrow .dot { flex-shrink: 0; }   /* the longer line wraps on phones: keep the dot round */
.nv p.hero__title { line-height: 1.18; text-wrap: balance; overflow-wrap: break-word; hyphens: auto; }
/* The cards' "See more" is a <span> now (the card's own link carries the page name); it keeps the link underline. */
.nv span.card__more { text-decoration: underline; text-underline-offset: .18em; }

/* 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; }