/* =========================================================
	   PAGE GROUPES DE TRAVAIL — CSS spécifique uniquement.
	   Variables, boutons, sections → assets/css/ntm-pages.css
	   ========================================================= */
	@import url('https://fonts.googleapis.com/css2?family=Anton&family=IBM+Plex+Mono:wght@600;700;800&family=Oswald:wght@500;700&family=Inter:wght@400;520;620;900&display=swap');

	.wp-block-post-title { display: none !important; }

	.ntm-groups-hero {
		padding: 56px 0 40px;
		border-bottom: 1px solid var(--ntm-line);
	}

	.ntm-groups-hero__grid {
		display: grid;
		grid-template-columns: 1.3fr 1fr;
		gap: 40px;
		align-items: center;
	}

	.ntm-groups-hero h1 {
		max-width: 620px;
		margin-bottom: 18px;
		font-family: Anton, Impact, Oswald, sans-serif;
		font-size: clamp(34px, 5vw, 52px);
		line-height: 0.98;
		font-weight: 900;
		text-transform: uppercase;
	}

	.ntm-groups-hero__side {
		padding-left: 48px;
		border-left: 1px solid var(--ntm-line);
	}

	.ntm-groups-hero__side h2 {
		margin-bottom: 16px;
		font-family: Oswald, sans-serif;
		font-size: 15px;
		font-weight: 700;
		text-transform: uppercase;
	}

	.ntm-groups-ways {
		display: flex;
		flex-direction: column;
		gap: 12px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.ntm-groups-ways li {
		display: flex;
		align-items: baseline;
		gap: 10px;
		font-family: "IBM Plex Mono", ui-monospace, monospace;
		font-size: 13px;
		font-weight: 700;
		text-transform: uppercase;
	}

	.ntm-groups-ways li span {
		color: var(--ntm-pink);
	}

	.ntm-groups-banner {
		padding: 26px 0;
		background: var(--ntm-black);
		color: var(--ntm-white);
		text-align: center;
	}

	.ntm-groups-banner h2 {
		margin: 0 0 8px;
		font-family: Anton, Impact, Oswald, sans-serif;
		font-size: clamp(18px, 2.6vw, 26px);
		text-transform: uppercase;
	}

	.ntm-groups-banner p {
		margin: 0;
		font-size: 13px;
		opacity: 0.8;
	}

	/* Barre d'ancres "Aller directement à" */
	.ntm-groups-anchornav {
		position: sticky;
		top: 0;
		z-index: 5;
		display: flex;
		align-items: stretch;
		background: var(--ntm-white);
		border-bottom: 2px solid var(--ntm-black);
	}

	.ntm-groups-anchornav__label {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		padding: 0 18px;
		font-family: "IBM Plex Mono", ui-monospace, monospace;
		font-size: 10px;
		font-weight: 700;
		text-transform: uppercase;
		color: var(--ntm-grey);
		border-right: 1px solid var(--ntm-line);
	}

	.ntm-groups-anchornav__links {
		flex: 1 1 auto;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}

	.ntm-groups-anchornav a {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		padding: 14px 10px;
		font-family: "IBM Plex Mono", ui-monospace, monospace;
		font-size: 12px;
		font-weight: 800;
		text-transform: uppercase;
		text-align: center;
		border-right: 1px solid var(--ntm-line);
	}

	.ntm-groups-anchornav a:last-child {
		border-right: none;
	}

	@media (max-width: 760px) {
		.ntm-groups-anchornav {
			flex-direction: column;
			position: static;
		}

		.ntm-groups-anchornav__label {
			border-right: none;
			border-bottom: 1px solid var(--ntm-line);
			padding: 8px 18px;
		}

		.ntm-groups-anchornav__links {
			grid-template-columns: 1fr;
		}

		.ntm-groups-anchornav a {
			border-right: none;
			border-bottom: 1px solid var(--ntm-line);
		}
	}

	.ntm-groups-layout {
		display: grid;
		grid-template-columns: 1fr 320px;
		gap: 40px;
		align-items: start;
	}

	.ntm-groups-layout > aside {
		padding-left: 40px;
		border-left: 1px solid var(--ntm-line);
	}

	.ntm-groups-sub {
		scroll-margin-top: 76px;
		margin-bottom: 44px;
	}

	.ntm-groups-sub:last-child {
		margin-bottom: 0;
	}

	.ntm-groups-section-head {
		display: flex;
		align-items: center;
		gap: 14px;
		margin-bottom: 10px;
	}

	.ntm-groups-section-badge {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		background: var(--ntm-black);
		color: var(--ntm-white);
		font-family: "IBM Plex Mono", ui-monospace, monospace;
		font-size: 15px;
		font-weight: 800;
	}

	.ntm-groups-section-head h2 {
		margin: 0;
	}

	.ntm-groups-sub__note {
		margin: 14px 0 22px;
		font-size: 13px;
		color: var(--ntm-grey);
		line-height: 1.6;
	}

	.ntm-groups-revenir {
		display: block;
		margin-top: 20px;
		text-align: center;
		font-family: "IBM Plex Mono", ui-monospace, monospace;
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		color: var(--ntm-grey);
	}

	.ntm-groups-list {
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ntm-group-card {
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 20px;
		background: var(--ntm-white);
		border: 2px solid var(--ntm-black);
		box-shadow: var(--ntm-shadow);
	}

	/* !important nécessaire : bat .ntm-page .ntm-section h3 (clamp 18-23px),
	   même piège de spécificité que le footer (voir footer_template_part.md). */
	.ntm-group-card h3 {
		margin: 0 !important;
		font-family: Oswald, sans-serif !important;
		font-size: 18px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
	}

	.ntm-group-card p.ntm-group-card__desc {
		margin: 0;
		flex-grow: 1;
		color: var(--ntm-grey);
		font-size: 13px;
		line-height: 1.5;
	}

	.ntm-group-card__count {
		font-family: "IBM Plex Mono", ui-monospace, monospace;
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		color: var(--ntm-grey);
	}

	.ntm-group-card__tags {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}

	.ntm-group-card__tags .ntm-tag {
		margin-bottom: 0;
	}

	.ntm-group-card__foot {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
	}

	/* Petit repère : preuve visuelle que "Rejoindre" abonne aussi au forum,
	   pas seulement au groupe (demande de Mia du 14/07). N'existe QUE quand
	   abonné-e (rien quand pas encore abonné, moins confus qu'un carré/ruban
	   vide qui rendait mal partout, voir retour du 14/07). */
	.ntm-follow-indicator.is-followed {
		flex: 0 0 auto;
		display: inline-block !important;
		width: 10px;
		height: 13px;
		margin-left: 6px;
		background: var(--ntm-pink) !important;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 78%, 0 100%);
	}

	.ntm-group-card__status {
		display: flex;
		align-items: center;
		margin: 0;
		font-family: "IBM Plex Mono", ui-monospace, monospace;
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		color: var(--ntm-grey);
	}

	.ntm-group-card__status--member {
		color: var(--ntm-black);
	}

	.ntm-group-card__hint {
		margin: 0;
		font-size: 11px;
		color: var(--ntm-grey);
	}

	.ntm-page .ntm-group-card input.ntm-button,
	.ntm-page .ntm-group-card input.ntm-button-secondary {
		-webkit-appearance: none;
		appearance: none;
		font-family: "IBM Plex Mono", ui-monospace, monospace;
	}

	/* Message de confirmation natif du plugin Groups ("Tu as rejoint le
	   groupe X.") après soumission du formulaire [groups_join]/[groups_leave]
	   (redirect="false") — sans cette règle il garde la police par défaut
	   du thème (bug du 14/07). Couvre les 3 contextes : groupes, comités,
	   équipes. */
	.ntm-page .ntm-group-card .groups-join.joined,
	.ntm-page .ntm-group-card .groups-join.member,
	.ntm-page .ntm-group-card .groups-leave.left,
	.ntm-page .ntm-team-card .groups-join.joined,
	.ntm-page .ntm-team-card .groups-join.member,
	.ntm-page .ntm-team-card .groups-leave.left {
		margin: 0;
		padding: 12px 14px;
		background: var(--ntm-yellow);
		border: 2px solid var(--ntm-black);
		color: var(--ntm-black);
		font-family: "IBM Plex Mono", ui-monospace, monospace;
		font-size: 13px;
		font-weight: 800;
	}

	.ntm-page .ntm-committee-row .groups-join.joined,
	.ntm-page .ntm-committee-row .groups-join.member,
	.ntm-page .ntm-committee-row .groups-leave.left {
		margin: 0;
		padding: 8px 12px;
		background: var(--ntm-yellow);
		border: 1px solid var(--ntm-black);
		color: var(--ntm-black);
		font-family: "IBM Plex Mono", ui-monospace, monospace;
		font-size: 11px;
		font-weight: 800;
		text-align: center;
	}

	.ntm-committee-list {
		display: flex;
		flex-direction: column;
		border: 2px solid var(--ntm-black);
		background: var(--ntm-white);
		box-shadow: var(--ntm-shadow);
	}

	.ntm-committee-row {
		display: flex;
		align-items: center;
		gap: 16px;
		padding: 14px 18px;
		border-bottom: 1px solid var(--ntm-line);
	}

	.ntm-committee-row:last-child {
		border-bottom: none;
	}

	.ntm-committee-row__index {
		flex: 0 0 auto;
		font-family: "IBM Plex Mono", ui-monospace, monospace;
		font-size: 12px;
		font-weight: 800;
		padding: 4px 7px;
		background: var(--ntm-yellow);
		border: 1px solid var(--ntm-black);
	}

	.ntm-committee-row__body {
		flex: 1 1 auto;
		min-width: 0;
	}

	.ntm-committee-row__body h3 {
		margin: 0 !important;
		font-family: Oswald, sans-serif !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
	}

	.ntm-committee-row__count {
		display: flex;
		align-items: center;
		margin-top: 4px;
		font-family: "IBM Plex Mono", ui-monospace, monospace;
		font-size: 10px;
		font-weight: 700;
		text-transform: uppercase;
		color: var(--ntm-grey);
	}

	.ntm-committee-row__action {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	/* .ntm-committee-join/.ntm-team-join sont posés en submit_class sur les
	   shortcodes [groups_join]/[groups_leave] : le rendu réel est un
	   <input type="submit">, qui garde l'apparence native du navigateur
	   (bouton gris/jaunâtre) sans ce reset — d'où les "boutons bizarres"
	   du 14/07. Couleurs en !important : .ntm-page a { color:inherit }
	   (ntm-pages.css, 2 classes) est plus spécifique qu'une seule classe. */
	/* !important sur la typo : un input[type=submit] natif (rendu par le
	   shortcode Groups) a une spécificité (attribut) qui bat une classe
	   seule — sans ça, ces boutons gardaient la police par défaut du thème
	   (bug du 14/07, "deux polices différentes sur les boutons"). */
	.ntm-committee-join,
	.ntm-team-join {
		flex: 0 0 auto;
		display: inline-block;
		-webkit-appearance: none;
		appearance: none;
		padding: 10px 16px;
		border: 1px solid var(--ntm-black);
		border-radius: 0;
		font-family: "IBM Plex Mono", ui-monospace, monospace !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		letter-spacing: 0 !important;
		text-decoration: none;
		text-align: center;
		cursor: pointer;
	}

	.ntm-committee-join {
		background: var(--ntm-pink) !important;
		color: var(--ntm-white) !important;
	}

	.ntm-committee-join.is-joined {
		background: var(--ntm-yellow) !important;
		color: var(--ntm-black) !important;
	}

	/* Équipes transversales — même carte blanche que les groupes/comités,
	   pour rester cohérent visuellement (demande de Mia du 14/07). */
	.ntm-team-list {
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ntm-team-card {
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 20px;
		background: var(--ntm-white);
		border: 2px solid var(--ntm-black);
		box-shadow: var(--ntm-shadow);
	}

	.ntm-team-card h3 {
		margin: 0 !important;
		font-family: Oswald, sans-serif !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
	}

	.ntm-team-card p.ntm-team-card__desc {
		margin: 0;
		flex-grow: 1;
		color: var(--ntm-grey);
		font-size: 13px;
		line-height: 1.5;
	}

	.ntm-team-card__space {
		margin: 0;
		font-family: "IBM Plex Mono", ui-monospace, monospace;
		font-size: 10px;
		font-weight: 700;
		text-transform: uppercase;
		color: var(--ntm-grey);
	}

	.ntm-team-card__space strong {
		display: block;
		margin-top: 2px;
		color: var(--ntm-pink);
		font-size: 12px;
	}

	.ntm-team-card__status {
		display: flex;
		align-items: center;
		margin: 0;
		font-family: "IBM Plex Mono", ui-monospace, monospace;
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		color: var(--ntm-grey);
	}

	.ntm-team-card__status--member {
		color: var(--ntm-black);
	}

	.ntm-team-join {
		background: var(--ntm-pink) !important;
		color: var(--ntm-white) !important;
		border-color: var(--ntm-black);
	}

	.ntm-team-join.is-joined {
		background: var(--ntm-yellow) !important;
		color: var(--ntm-black) !important;
		border-color: var(--ntm-black);
	}

	/* Section 04 — Modération : même carte blanche que les autres sections
	   de cette page, formulaire natif (pas de modale JS, voir le POST
	   natif dans oasis_social_wpforo_handle_moderation_candidature_post()). */
	.ntm-mod-card {
		display: flex;
		flex-direction: column;
		gap: 14px;
		padding: 24px;
		background: var(--ntm-white);
		border: 2px solid var(--ntm-black);
		box-shadow: var(--ntm-shadow);
	}

	.ntm-mod-card .ntm-lead {
		margin: 0;
	}

	.ntm-mod-details summary {
		list-style: none;
		width: fit-content;
	}

	.ntm-mod-details summary::-webkit-details-marker {
		display: none;
	}

	.ntm-mod-form {
		display: flex;
		flex-direction: column;
		gap: 6px;
		max-width: 420px;
		margin-top: 16px;
		padding-top: 16px;
		border-top: 1.5px solid var(--ntm-black);
	}

	.ntm-mod-form label {
		font-family: "IBM Plex Mono", ui-monospace, monospace;
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		color: var(--ntm-pink);
	}

	.ntm-mod-form select,
	.ntm-mod-form input[type="email"] {
		width: 100%;
		padding: 8px 10px;
		margin-bottom: 12px;
		border: 1.5px solid var(--ntm-black);
		background: var(--ntm-white);
		font-family: inherit;
		font-size: 13px;
	}

	.ntm-mod-form button[type="submit"] {
		align-self: flex-start;
		border: 1px solid var(--ntm-black);
	}

	/* Boîtes de sidebar : même geste que les cartes de groupes (bordure épaisse
	   + ombre portée). Le titre a besoin d'!important pour battre
	   .ntm-page .ntm-section h2, qui s'applique par défaut à tout h2 dans
	   .ntm-section (piège de cascade déjà rencontré ailleurs sur ce thème,
	   voir footer_template_part.md). */
	.ntm-groups-side-box {
		position: relative;
		padding: 18px 20px;
		margin-bottom: 18px;
		background: var(--ntm-white);
		border: 2px solid var(--ntm-black);
		box-shadow: var(--ntm-shadow);
	}

	.ntm-groups-side-box h2 {
		margin: 0 0 12px !important;
		padding-bottom: 8px !important;
		border-bottom: 3px solid var(--ntm-black) !important;
		font-family: Anton, Impact, Oswald, sans-serif !important;
		font-size: 20px !important;
		font-weight: 400 !important;
		line-height: 1 !important;
		letter-spacing: 0;
		text-transform: uppercase !important;
		color: var(--ntm-black);
	}

	/* Ruban dessiné en CSS pur — un emoji 🔖 est converti par WordPress en
	   image Twemoji couleur, qui jure avec le design plat noir/blanc/rose
	   du reste du site (bug du 14/07). */
	.ntm-groups-side-box__bookmark {
		position: absolute;
		top: 0;
		right: 20px;
		width: 14px;
		height: 20px;
		background: var(--ntm-pink);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0 100%);
	}

	.ntm-groups-side-box p {
		margin: 0 0 14px;
		font-size: 13px;
		color: var(--ntm-grey);
		line-height: 1.5;
	}

	.ntm-groups-side-box:last-child p {
		margin-bottom: 0;
	}

	/* oasis_social_wpforo_render_mini_agenda() : son CSS natif est scopé
	   #wpforo #wpforo-wrap, absent hors des pages forum (même piège que le
	   bouton follow, voir plus haut) — restylé localement ici. */
	.ntm-groups-side-box .oasis-mini-agenda {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.ntm-groups-side-box .oasis-mini-agenda__item {
		display: flex;
		align-items: center;
		gap: 10px;
		text-decoration: none;
		color: var(--ntm-black);
	}

	.ntm-groups-side-box .oasis-mini-agenda__ticket {
		flex: 0 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 38px;
		height: 38px;
		background: var(--ntm-yellow);
		color: var(--ntm-black);
		border: 1px solid var(--ntm-black);
	}

	.ntm-groups-side-box .oasis-mini-agenda__day {
		font-family: "IBM Plex Mono", ui-monospace, monospace;
		font-size: 13px;
		font-weight: 800;
		line-height: 1;
	}

	.ntm-groups-side-box .oasis-mini-agenda__month {
		font-family: "IBM Plex Mono", ui-monospace, monospace;
		font-size: 8px;
		font-weight: 700;
		text-transform: uppercase;
	}

	.ntm-groups-side-box .oasis-mini-agenda__body {
		display: flex;
		flex-direction: column;
		min-width: 0;
	}

	.ntm-groups-side-box .oasis-mini-agenda__title {
		font-size: 13px;
		font-weight: 700;
	}

	.ntm-groups-side-box .oasis-mini-agenda__time {
		font-family: "IBM Plex Mono", ui-monospace, monospace;
		font-size: 10px;
		color: var(--ntm-grey);
	}

	.ntm-groups-side-box .oasis-mini-agenda__empty {
		margin: 0;
		font-size: 13px;
		color: var(--ntm-grey);
	}

	/* Widget profil natif (oasis_social_wpforo_render_profile_widget()) : ses
	   icônes sont noires sur le forum via des règles scopées #wpforo #wpforo-wrap
	   (oasis-wpforo-social.css) — absentes ici, donc les icônes gardaient les
	   couleurs par défaut du widget (bleu/orange/rouge). Reproduites localement
	   pour matcher l'apparence du reste du site (demande de Mia du 14/07). */
	.ntm-groups-side-box--profile .wpf-prof-buttons {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 6px !important;
	}

	.ntm-groups-side-box--profile .wpf-prof-buttons a {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		width: 30px !important;
		height: 30px !important;
		padding: 0 !important;
		margin: 0 !important;
		color: var(--ntm-black) !important;
		background: var(--ntm-white) !important;
		border: 1px solid var(--ntm-black) !important;
	}

	.ntm-groups-side-box--profile .wpf-prof-buttons a:hover,
	.ntm-groups-side-box--profile .wpf-prof-buttons a:focus-visible {
		background: var(--ntm-yellow) !important;
	}

	.ntm-groups-side-box--profile .wpf-prof-buttons a svg,
	.ntm-groups-side-box--profile .wpf-prof-buttons a svg path {
		fill: currentColor !important;
		color: currentColor !important;
	}

	.ntm-groups-side-box--profile .wpf-prof-buttons a.wpf-logout,
	.ntm-groups-side-box--profile .wpf-prof-buttons a.wpf-logout svg,
	.ntm-groups-side-box--profile .wpf-prof-buttons a.wpf-logout svg path {
		color: var(--ntm-black) !important;
		fill: var(--ntm-black) !important;
	}

	/* Plusieurs boutons du widget (pas qu'un seul) partagent la classe
	   .wpf-member-profile-button — pas de rose permanent dessus, juste au
	   survol comme les autres (retour de Mia du 14/07 : "pas de rose sur
	   icône, juste icônes noires, survol rose propre"). */
	.ntm-groups-side-box--profile .wpf-prof-buttons .wpf-member-profile-button {
		width: 30px !important;
		padding: 0 !important;
		color: var(--ntm-black) !important;
		background: var(--ntm-white) !important;
	}

	.ntm-groups-side-box--profile .wpf-prof-buttons .wpf-member-profile-button:hover,
	.ntm-groups-side-box--profile .wpf-prof-buttons .wpf-member-profile-button:focus-visible {
		background: var(--ntm-pink) !important;
		color: var(--ntm-white) !important;
	}

	.ntm-groups-side-box--profile .wpf-bell {
		background: var(--ntm-white) !important;
	}

	.ntm-groups-side-box--profile .wpf-bell svg,
	.ntm-groups-side-box--profile .wpf-bell svg path,
	.ntm-groups-side-box--profile .wpf-widget-alerts svg,
	.ntm-groups-side-box--profile .wpf-widget-alerts svg path {
		fill: var(--ntm-black) !important;
		color: var(--ntm-black) !important;
	}

	/* Ligne "Groupes de travail : ..." (badges profil, oasis-wpforo-social.php)
	   ressortait bien plus grosse que le reste de la carte profil (aucune
	   règle de taille ne la ciblait ici) — uniformisé, label en gras plutôt
	   qu'en italique (demande de Mia du 14/07). */
	.ntm-groups-side-box--profile .oasis-workgroup-badges {
		display: block !important;
		margin-top: 8px !important;
		font-size: 12px !important;
		line-height: 1.5 !important;
		color: var(--ntm-grey) !important;
	}

	.ntm-groups-side-box--profile .oasis-workgroup-badges em {
		font-style: normal !important;
		font-weight: 700 !important;
		color: var(--ntm-black) !important;
	}

	.ntm-groups-side-box--pink {
		background: var(--ntm-pink);
		color: var(--ntm-white);
		border-color: var(--ntm-black);
	}

	.ntm-groups-side-box--pink h2 {
		border-bottom-color: rgba(255, 255, 255, 0.5) !important;
		color: var(--ntm-white) !important;
	}

	.ntm-groups-side-box--pink p {
		color: rgba(255, 255, 255, 0.85);
	}

	.ntm-groups-mine-list {
		display: flex;
		flex-direction: column;
		gap: 8px;
		margin: 0 0 14px;
		padding: 0;
		list-style: none;
	}

	.ntm-groups-mine-list li {
		font-size: 13px;
		font-weight: 600;
	}

	.ntm-groups-page .ntm-final {
		padding: 34px 0;
		background: var(--ntm-white);
		color: var(--ntm-black);
		border-top: 2px solid var(--ntm-black);
	}

	.ntm-groups-page .ntm-final .ntm-wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
	}

	.ntm-groups-page .ntm-final h2 {
		margin: 0;
		font-family: Anton, Impact, Oswald, sans-serif;
		text-transform: uppercase;
	}

	.ntm-groups-page .ntm-final p {
		margin: 4px 0 0;
		font-size: 12px;
		opacity: 0.85;
	}

	@media (max-width: 900px) {
		.ntm-groups-hero__grid,
		.ntm-groups-layout {
			grid-template-columns: 1fr;
		}

		.ntm-groups-layout > aside,
		.ntm-groups-hero__side {
			padding-left: 0;
			border-left: none;
		}

		.ntm-groups-page .ntm-final .ntm-wrap {
			flex-direction: column;
			align-items: flex-start;
		}
	}

	@media (max-width: 560px) {
		.ntm-groups-list,
		.ntm-team-list {
			grid-template-columns: 1fr;
		}
	}