/*
 * Formats de présentation du CONTENU des études bibliques (corps de l'article uniquement).
 * Mission _team/board.md [AGENT-CONTENU-FORMATS-ETUDES], suite à l'analyse de la référence
 * https://vienouvelleparis.com/365-preuves-etonnantes-que-jesus-christ-est-notre-seul-espoir/
 *
 * Portée volontairement limitée au contenu (tableaux, grilles de cartes, listes à badges,
 * blocs de synthèse, carte de conclusion) : ne touche jamais au gabarit/chrome (header,
 * recherche, PDF, bascule clair/sombre, sommaire) — cf. css/etudes-bibliques.css, propriété
 * d'un autre agent en cours de mission sur ce fichier. Chargé APRÈS etudes-bibliques.css
 * (functions.php) pour pouvoir affiner .nwc-eb-verse sans modifier ce fichier partagé.
 * N'utilise que les variables de tokens.css : si le gabarit ajoute un thème sombre scopé
 * (ex. attribut sur .eb-shell), ces blocs en hériteront automatiquement sans code dupliqué.
 */

/* ---------------------------------------------------------------------------------------
   1. Bloc verset — précisions de Jordan sur une capture de la référence (09/10/2026) :
   carte simple, fond légèrement différent du fond de page, bordure gauche or, citation en
   serif italique aéré, référence en MAJUSCULES GRAS or, bouton copier ROND en haut à droite.
   Affiné ici (pas de surcharge violente : juste des tailles/poids/formes) par-dessus la
   base déjà posée dans etudes-bibliques.css. --------------------------------------------- */
#nwc-eb-body .nwc-eb-verse {
	background: color-mix(in oklch, var(--nwc-paper) 94%, var(--nwc-ink) 6%);
	border-radius: var(--nwc-radius-md);
	padding: var(--nwc-space-5) var(--nwc-space-6) var(--nwc-space-4) var(--nwc-space-5);
	box-shadow: none;
}

#nwc-eb-body .nwc-eb-verse__text {
	font-family: Georgia, "Iowan Old Style", "Palatino Linotype", ui-serif, serif;
	font-size: calc(1.1rem * var(--nwc-article-font-scale, 1));
	line-height: 1.6;
}

#nwc-eb-body .nwc-eb-verse cite {
	font-weight: 700;
	font-size: 0.8rem;
	letter-spacing: 0.06em;
	margin-top: var(--nwc-space-1);
}

#nwc-eb-body .nwc-eb-verse__copy {
	top: var(--nwc-space-3);
	right: var(--nwc-space-3);
	width: 2rem;
	height: 2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--nwc-paper);
	border: 1px solid var(--nwc-mist-deep);
	border-radius: 999px;
	font-size: 0.85rem;
}

#nwc-eb-body .nwc-eb-verse__copy:hover,
#nwc-eb-body .nwc-eb-verse__copy:focus-visible {
	background: var(--nwc-gold);
	border-color: var(--nwc-gold);
	color: var(--nwc-ink);
}

/* Regroupement visuel de plusieurs versets cités à la suite sur un même point — resserre
   l'espace entre eux pour qu'ils se lisent comme un seul faisceau de preuves, pas comme
   des blocs isolés répétés. */
.nwc-eb-verse-group {
	display: flex;
	flex-direction: column;
	gap: var(--nwc-space-3);
	margin: var(--nwc-space-4) 0;
}

.nwc-eb-verse-group .nwc-eb-verse {
	margin: 0;
}

/* ---------------------------------------------------------------------------------------
   2. Bloc "synthèse / application" — repéré sur une capture de référence de Jordan : même
   famille visuelle que le verset (carte simple, filet gauche), mais couleur DIFFÉRENTE
   (--nwc-slate, froide) pour qu'on distingue en un coup d'œil "c'est une citation" vs
   "c'est l'explication qui relie les citations précédentes". N'apparaît qu'après un groupe
   de versets déjà cités, jamais sur du texte courant isolé. --------------------------- */
.nwc-eb-synthesis {
	position: relative;
	background: color-mix(in oklch, var(--nwc-paper) 96%, var(--nwc-slate) 4%);
	border-left: 3px solid var(--nwc-slate);
	border-radius: var(--nwc-radius-sm);
	padding: var(--nwc-space-4) var(--nwc-space-5);
	margin: var(--nwc-space-3) 0 var(--nwc-space-5);
}

.nwc-eb-synthesis::before {
	content: "Synthèse";
	display: block;
	font-family: var(--nwc-font-mono);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--nwc-slate);
	margin-bottom: var(--nwc-space-2);
}

.nwc-eb-synthesis p {
	margin: 0;
	font-size: calc(1rem * var(--nwc-article-font-scale, 1));
	color: var(--nwc-ink-soft);
}

/* ---------------------------------------------------------------------------------------
   3. Tableau comparatif — format "prophétie / accomplissement" vu sur la référence, repris
   ici pour toute comparaison implicite entre plusieurs éléments parallèles (ex. les quatre
   catégories de dons). Scrollable horizontalement sur mobile plutôt que tassé. ---------- */
.nwc-eb-table-wrap {
	overflow-x: auto;
	margin: var(--nwc-space-4) 0 var(--nwc-space-6);
	border: 1px solid var(--nwc-mist);
	border-radius: var(--nwc-radius-md);
}

#nwc-eb-body table {
	width: 100%;
	border-collapse: collapse;
	font-size: calc(0.92rem * var(--nwc-article-font-scale, 1));
}

#nwc-eb-body table caption {
	text-align: left;
	font-family: var(--nwc-font-mono);
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--nwc-slate);
	padding: var(--nwc-space-3) var(--nwc-space-4) 0;
}

#nwc-eb-body thead th {
	background: var(--nwc-ink);
	color: var(--nwc-cream);
	font-family: var(--nwc-font-display);
	font-weight: 600;
	text-align: left;
	padding: var(--nwc-space-3) var(--nwc-space-4);
}

#nwc-eb-body thead th:first-child {
	border-top-left-radius: var(--nwc-radius-md);
}

#nwc-eb-body thead th:last-child {
	border-top-right-radius: var(--nwc-radius-md);
}

#nwc-eb-body tbody td {
	padding: var(--nwc-space-3) var(--nwc-space-4);
	border-top: 1px solid var(--nwc-mist);
	color: var(--nwc-ink-soft);
	vertical-align: top;
}

#nwc-eb-body tbody tr:nth-child(odd) {
	background: var(--nwc-paper);
}

#nwc-eb-body tbody tr:nth-child(even) {
	background: color-mix(in oklch, var(--nwc-paper) 97%, var(--nwc-gold) 3%);
}

#nwc-eb-body tbody td strong {
	color: var(--nwc-ink);
}

/* ---------------------------------------------------------------------------------------
   4. Grille de cartes — pour un groupe d'éléments parallèles plus riches qu'une ligne de
   tableau (ex. les quatre témoignages bibliques de l'institution de la Sainte Cène, chacun
   avec son propre verset). 2 colonnes desktop, 1 colonne mobile.
   Nommée .nwc-eb-content-card (et non .nwc-eb-card) — renommé le 9/10/2026
   [CHEF-ARCHITECTURE] : etudes-bibliques.css (gabarit liste/article, chargé sur CES DEUX
   pages) définit déjà un .nwc-eb-card différent (la carte-lien de la grille
   /etudes-bibliques/). Les deux fichiers sont chargés ENSEMBLE sur la page article —
   aucune collision visuelle tant que les deux balisages ne coexistent pas sur une même
   page, mais un nom partagé entre deux composants différents est un piège pour la suite
   (cf. _team/board.md, audit du 9/10/2026). --------------------------------------------*/
.nwc-eb-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--nwc-space-5);
	margin: var(--nwc-space-4) 0 var(--nwc-space-6);
}

.nwc-eb-content-card {
	background: var(--nwc-paper);
	border: 1px solid var(--nwc-mist);
	border-top: 3px solid var(--nwc-gold-deep);
	border-radius: var(--nwc-radius-md);
	padding: var(--nwc-space-4) var(--nwc-space-5);
}

.nwc-eb-content-card h3 {
	margin: 0 0 var(--nwc-space-2) !important;
}

.nwc-eb-content-card p {
	margin: 0 0 var(--nwc-space-3);
	font-size: calc(0.95rem * var(--nwc-article-font-scale, 1));
}

.nwc-eb-content-card .nwc-eb-verse {
	margin: 0;
	padding: var(--nwc-space-4);
}

.nwc-eb-content-card .nwc-eb-verse__text {
	font-size: calc(0.98rem * var(--nwc-article-font-scale, 1));
}

/* ---------------------------------------------------------------------------------------
   5. Liste numérotée à badges ronds — pour toute suite d'étapes/points pratiques (plutôt
   qu'une liste à puces plate). Badge rond or, numéro en encre, texte aligné à côté. ------ */
#nwc-eb-body .nwc-eb-badge-list,
.nwc-eb-conclusion-card .nwc-eb-badge-list {
	list-style: none;
	margin: 0 0 var(--nwc-space-4);
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--nwc-space-3);
	counter-reset: nwc-eb-badge;
}

#nwc-eb-body .nwc-eb-badge-list li,
.nwc-eb-conclusion-card .nwc-eb-badge-list li {
	display: flex;
	align-items: flex-start;
	gap: var(--nwc-space-3);
	counter-increment: nwc-eb-badge;
	font-size: calc(1rem * var(--nwc-article-font-scale, 1));
}

#nwc-eb-body .nwc-eb-badge-list li::before,
.nwc-eb-conclusion-card .nwc-eb-badge-list li::before {
	content: counter(nwc-eb-badge);
	flex: 0 0 auto;
	width: 1.7rem;
	height: 1.7rem;
	border-radius: 999px;
	background: var(--nwc-gold);
	color: var(--nwc-ink);
	font-family: var(--nwc-font-mono);
	font-weight: 700;
	font-size: 0.85rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.05em;
}

/* ---------------------------------------------------------------------------------------
   6. Carte de conclusion — demande précise de Jordan sur la référence : carte PLEINE (fond
   uni coloré, pas transparente/encadrée comme les autres blocs), titre gras + filet de
   séparation, texte avec la phrase-clé en gras. Teinte encre/ardoise (pas le bleu de la
   référence, jamais utilisé sur ce site). ------------------------------------------------ */
.nwc-eb-conclusion-card {
	background: var(--nwc-ink);
	border-radius: var(--nwc-radius-lg);
	padding: var(--nwc-space-6) var(--nwc-space-6);
	margin: var(--nwc-space-6) 0 var(--nwc-space-5);
}

.nwc-eb-conclusion-card__title {
	font-family: var(--nwc-font-display);
	font-size: calc(var(--nwc-text-h3) * var(--nwc-article-font-scale, 1));
	font-weight: 700;
	color: var(--nwc-cream);
	margin: 0 0 var(--nwc-space-3) !important;
	border-bottom: 1px solid color-mix(in oklch, var(--nwc-cream) 25%, transparent);
	padding-bottom: var(--nwc-space-3);
}

.nwc-eb-conclusion-card p {
	color: color-mix(in oklch, var(--nwc-cream) 88%, transparent);
	font-size: calc(1rem * var(--nwc-article-font-scale, 1));
	margin: 0 0 var(--nwc-space-4);
}

.nwc-eb-conclusion-card p:last-child {
	margin-bottom: 0;
}

.nwc-eb-conclusion-card strong {
	color: var(--nwc-gold);
	font-weight: 700;
}

.nwc-eb-conclusion-card .nwc-eb-badge-list li {
	color: color-mix(in oklch, var(--nwc-cream) 88%, transparent);
}

/* ---------------------------------------------------------------------------------------
   7. Lien de retour — après la conclusion, avant le pied de page (vu sur la référence). -- */
.nwc-eb-back-link {
	display: inline-flex;
	align-items: center;
	gap: var(--nwc-space-2);
	font-family: var(--nwc-font-mono);
	font-size: var(--nwc-text-small);
	font-weight: 600;
	color: var(--nwc-gold-deep);
	text-decoration: none;
	margin-top: var(--nwc-space-5);
}

.nwc-eb-back-link:hover,
.nwc-eb-back-link:focus-visible {
	color: var(--nwc-ink);
	text-decoration: underline;
}

@media (max-width: 700px) {
	.nwc-eb-card-grid {
		grid-template-columns: 1fr;
	}
}

/* Note "citation orale à vérifier" courte, pour les listes de citations groupées
   (ex. plusieurs psaumes courts cités à la suite) — même esprit que .nwc-eb-verse__caution
   mais inline, ajoutée lors de l'intégration du lot 2 d'articles (9/10/2026). */
.nwc-eb-inline-caution {
	font-style: italic;
	font-size: 0.78rem;
	color: var(--nwc-ember);
	opacity: 0.85;
}