/* ═══════════════════════════════════════════════════════════════════
   LA BANDE D'ACTUALITÉS PAR SOCIÉTÉ, ET LE GABARIT D'ARTICLE

   Chargée UNIQUEMENT sur /our-companies/<slug>/ et sur un article
   (voir inc/news.php). Posée le 04/09/2026 — tâche A-3 de
   docs/65-revue-client-fiches-societes.md, « make a NEWs tab just like
   home page specific to amoneta / each portfolio company ».

   DEUX SECTIONS, et elles arrivent ensemble parce que la tâche A-3 les
   a livrées ensemble : la bande, puis les quatre règles du gabarit
   d'article qui la porte — templates/single.html, créé le même jour et
   qui n'existait pas avant. Les autres règles de l'article (ligne de
   source, pavé de financement, galerie, citation) vivent dans style.css
   depuis le 28/08 et n'ont pas bougé.

   ⚠️ CETTE FEUILLE EST COURTE, ET C'EST LE POINT. La bande porte la
   classe `.fi-news` de l'accueil et hérite donc de TOUTE sa mise en
   forme — rangs, filets, colonne de méta, vignette, titre, chapô, ligne
   de renvoi — depuis style.css. La section qui suit ne fait que trois
   choses : refaire la mise en page de bloc que le balisage PHP n'a pas,
   recaler le rythme vertical sur celui d'une fiche, et séparer deux
   sociétés quand un article en nomme deux. Rien d'autre n'a le droit
   d'entrer ici : une règle de plus, et les deux bandes cessent de se
   ressembler.

   AUCUNE VALEUR CHROMATIQUE, aucune mesure inventée : la gouttière
   vient de `has-global-padding`, la mesure de --fi-container-max, le
   rythme de --fi-cop-band (une fiche) ou --fi-sec (un article), les
   écarts des --fi-space-*.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Ce que la mise en page de bloc aurait fait ──────────────────────
   La bande est rendue par [firalis_news], pas écrite en blocs : elle n'a
   ni `is-layout-constrained` ni la règle de conteneur que WordPress
   imprime avec. Ces deux règles la refont à l'identique — enfants bornés
   à 1240px et centrés, exactement ce que `contentSize: 1240px` donne aux
   bandes voisines de la fiche.

   Pourquoi ne pas les avoir écrites en blocs : la bande doit disparaître
   ENTIÈREMENT quand la société n'a pas d'article, et un `wp:group` vide
   garde son fond, son filet et son remplissage. Voir inc/news.php. */
.fi-conews > * {
	max-inline-size: var(--fi-container-max);
	margin-inline: auto;
}

/* ── Le rythme vertical ──────────────────────────────────────────────
   `.fi-news` prend --fi-sec, la bande de l'accueil. Sur une FICHE, les
   bandes voisines prennent --fi-cop-band, plus resserrée : la variable
   est posée sur `.fi-cop` par inc/company.php, donc héritée ici, et la
   bande se cale d'elle-même sur la page qui la porte. Sur un article,
   `.fi-cop` n'existe pas et le repli rend le rythme de l'accueil.

   Le filet BAS part : sur une fiche, la clôture qui suit porte déjà un
   `border-block-start`, et deux filets contigus font un trait de 2px là
   où le reste de la page en a un de 1. */
.fi-conews {
	padding-block: var(--fi-cop-band, var(--fi-sec));
	border-block-end: 0;
}

/* ── Deux sociétés dans une bande ────────────────────────────────────
   Un article peut en nommer deux — « Firalis and Amoneta at AD/PD™ 2026 »
   le fait. La seconde tête suit alors une liste ou une ligne de renvoi,
   et sans réserve elle se collerait au filet du dernier rang. Le surtitre
   « News », lui, n'est imprimé que sur la première : il coiffe la bande,
   pas chaque société. */
.fi-conews > :is(.fi-news__items, .fi-news__all, .fi-conews__note) + .fi-news__head {
	margin-block-start: var(--fi-space-2xl);
}

/* La note qui remplace le lien quand la société n'a pas de site publié.
   Même registre que l'ancienne `.fi-cop__note` des clôtures de fiche
   (retirée le 27/10/2026), dont elle reprend le rôle : dire en
   clair pourquoi il n'y a pas de bouton, plutôt que laisser croire à un
   lien manquant. */
.fi-conews__note {
	margin-block: var(--fi-space-l) 0;
	max-inline-size: 44ch;
	font-size: var(--fi-size-step-0);
	line-height: 1.6;
	color: var(--fi-color-muted);
}

/* ═══════════════════════════════════════════════════════════════════
   LE GABARIT D'ARTICLE — templates/single.html

   Créé le 04/09/2026 avec la bande ci-dessus. Le site n'avait AUCUN
   gabarit d'article : la navigation « ← précédent / suivant → » barrée
   de deux croix rouges par le client, la liste « More posts » et
   l'en-tête « Written by … in … » venaient tous de Twenty Twenty-Five.
   Les retirer voulait dire écrire le gabarit.

   ⚠️ CINQ RÈGLES, PAS UNE DE PLUS (quatre jusqu'au 14/09, plus le fer à
   gauche). Le corps de l'article — mesure de
   ligne, taille de texte, ligne de source, pavé de financement, galerie
   de reportage, citation — est déjà réglé dans style.css sous
   « body.single-post » depuis la publication des premiers articles le
   28/08, et rien de tout cela n'a changé de nom. Ce qui manquait, c'est
   ce que le gabarit parent portait en attributs de bloc et que le nôtre
   ne porte pas : la réserve sous l'en-tête, le rythme de la tête et,
   depuis le 14/09, le bord gauche de la grille du site.
   ═══════════════════════════════════════════════════════════════════ */

/* L'en-tête est collant et occupe sa place dans le flux : sans réserve,
   le h1 démarre à 25 px sous la pastille de navigation, soit un quart de
   ce que toute autre page du site laisse respirer. --fi-sec est la bande
   de l'accueil ; l'article est une page de lecture, il prend la même. */
.fi-post__body {
	padding-block: var(--fi-sec) 0;
}

/* ── Fer à gauche — 14/09 ────────────────────────────────────────────
   Le corps était CENTRÉ dans la fenêtre par la mise en page contrainte du
   gabarit : titre, date, image et texte commençaient à 132px à 1024 et à 340
   à 1440, quand l'en-tête et la bande « Latest from » juste dessous sont à 24
   et 100. L'article portait les deux bords gauches que la décision du 08/09
   (« Tête de page fer à gauche ») a retirés des pages.

   Même idiome que la tête de page de style.css : se caler sur le bord gauche
   du conteneur et laisser filer la droite. À 1440 le calcul redonne 100px ;
   sous 1240px de contenu il vaut 0, et la gouttière du groupe fait le reste.

   `!important` contre le CŒUR de WordPress : la mise en page contrainte émet
   `margin-left/right: auto !important` sur chaque enfant. Le sélecteur
   descend de `.fi-post` pour l'emporter à importance égale quel que soit
   l'ordre d'impression de la feuille du cœur. Les enfants du texte, eux, sont
   déjà calés par la règle `main .entry-content` de la tête de page. */
.fi-post > .fi-post__body > * {
	margin-inline-start: max(0px, calc((100% - var(--fi-container-max)) / 2)) !important;
	margin-inline-end: auto !important;
}

/* ⚠️ 14/09 — Le titre d'article au PAS 4, celui des pages de lecture.
   /news/, qui est sa page parente, et /legal-notice/ ont leur h1 à 49,6px ;
   l'article gardait le h1 d'accroche des pages de présentation, 68px. Un
   titre d'article est une phrase de 50 à 65 signes : à 68px sur 760 il tenait
   en quatre lignes à 1440, et « balance » laissait un mot seul — « doctoral »
   à 360 et 390, « genotyping » à 1440. Au pas 4 : trois lignes au plus sur
   grand écran, quatre sur téléphone, plus aucun mot seul hormis
   « genotyping » à 390 — un mot de dix lettres après « APO-Easy® »,
   insécable, et qu'aucune taille raisonnable ne loge ailleurs. */
.fi-post .fi-post__h1 {
	font-size: var(--fi-size-step-4);
	line-height: 1.06;
}

/* La date en chasse fixe et en gris, comme dans la liste d'actualités et
   comme les relevés des fiches : c'est une donnée, pas une phrase. Elle
   ne redit PAS la ligne de source du bas de l'article : celle-là nomme
   l'éditeur d'origine, celle-ci date la publication sur ce site.

   ⚠️ 14/09 — 15px et non plus 11,5px. Sous un titre de 56 à 68px, la date
   était le plus petit texte de la page. C'est une VALEUR, pas un libellé
   deviné : même plancher que l'intitulé de fonction de /team/ (0.9375rem, en
   chasse fixe, casse normale), déjà tranché pour la même raison. */
.fi-post__date {
	margin-block: var(--fi-space-m) 0;
	font-family: var(--fi-font-mono);
	font-size: 0.9375rem;
	font-variant-numeric: tabular-nums;
	color: var(--fi-color-muted);
}

/* L'image à la une ouvre l'article, elle ne le décore pas : elle a droit
   à la réserve d'un mouvement, pas à l'écart d'un paragraphe.

   ⚠️ 14/09 — RAPPORT NATUREL. Le 3/2 posé par le gabarit coupait 15 à 21 %
   d'images au format 1200 × 630, et le texte de la bannière AD/PD 2026 : sur la
   page de l'article, rien n'oblige à aligner des rangées, l'image passe donc
   entière. La liste d'actualités garde un rapport commun (voir style.css). */
.fi-post__cover {
	margin-block: var(--fi-space-xl) 0;
}

.fi-post__cover img {
	display: block;
	inline-size: 100%;
	block-size: auto;
	border-radius: var(--fi-radius-s);
}