/* ═══════════════════════════════════════════════════════════════════
   LA PAGE /events/ — « une liste, deux onglets » (maquette F2)

   Chargée UNIQUEMENT sur /events/ (voir inc/events.php), comme les
   feuilles de /careers/, /about/ et des fiches de société.

   Réécrite le 10/10/2026 : la maquette D (index, agenda navy quadrillé,
   couture « Today », frise, boîte de faits, cartes d'article) a été
   retirée sur retour « trop d'information » ; ses règles sont parties
   avec elle, pas commentées. Le pourquoi : en-tête de inc/events.php.

   ⚠️ AUCUNE VALEUR CHROMATIQUE, AUCUN ESPACEMENT EN DUR. Tout passe par
   les variables --fi-* (ou --wp--preset--*).

   Page = tête (fond « wash ») → onglets Upcoming | Past posés sur le bas
   de la bande → UN seul rang d'événement pour les deux onglets :
     [tuile date] [photo] [nom / ville] [société(s) / stand] [action]
   La tuile navy (à venir) ou blanche sous bandeau navy (passé) est le
   signe distinctif face à /news/ (colonne de date en texte + vignette).

   10/10/2026 — maquette G « C + B » (thème 0.24.0) : le PROCHAIN événement
   en grande carte (C, .fi-events__feat : photo 16:9 à gauche, texte à
   droite), et une petite photo 3:2 dans TOUS les autres rangs, entre la
   tuile et le nom (B). Photo = traitement du site (--fi-photo-tone-deep +
   voile navy 18 %, comme la plaque de la déclaration de style.css) ; sans
   photo, une plaque navy au réseau du hero. Le pourquoi : en-tête de
   inc/events.php.

   Classes du socle réutilisées TELLES QUELLES, jamais redéclarées :
   .fi-eyebrow, .fi-lede, .fi-hl, .fi-arrow.
   ═══════════════════════════════════════════════════════════════════ */

.fi-events {
	--evt-tile-w: 6rem;
	--evt-tile-h: 4.75rem;
	--evt-gap: clamp(1.25rem, 0.5rem + 1.9vw, 2.5rem);
	--evt-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	background: var(--fi-color-surface);
	color: var(--fi-color-text);
}

.fi-events, .fi-events *, .fi-events *::before, .fi-events *::after { box-sizing: border-box; }
.fi-events :where(h1, h2, h3, p, ol, ul) { margin: 0; }
.fi-events :where(ol, ul) { padding: 0; list-style: none; }
.fi-events [hidden] { display: none !important; }

/* Les groupes du pattern sont en mise en page « flow » : WordPress pose une
   marge haute sur tout enfant qui n'est pas le premier. Elle décalerait les
   deux bandes l'une de l'autre et les lignes de la tête. */
.fi-events > *,
.fi-events .fi-events__open > *,
.fi-events .fi-events__body > *,
.fi-events .fi-events__in > * {
	margin-block: 0;
}

.fi-events__open,
.fi-events__body {
	padding-inline: var(--wp--style--root--padding-left) var(--wp--style--root--padding-right);
}

.fi-events__in {
	position: relative;
	max-inline-size: var(--fi-container-max);
	margin-inline: auto;
}

/* ── Flèches : un seul style ──────────────────────────────────────── */

.fi-events .fi-arrow {
	flex: none;
	inline-size: 1rem;
	block-size: 1rem;
	transition: transform 0.18s var(--evt-ease);
}

.fi-events a:hover .fi-arrow,
.fi-events a:focus-visible .fi-arrow { transform: translateX(3px); }

/* ── Focus : un seul anneau ──────────────────────────────────────── */

.fi-events :is(a, button):focus-visible {
	outline: 2px solid var(--fi-color-ink);
	outline-offset: 3px;
	border-radius: 2px;
}

.fi-events__panel:focus-visible,
.fi-events__item:focus-visible {
	outline: 2px solid var(--fi-color-ink);
	outline-offset: 6px;
	border-radius: var(--fi-radius-s);
}

/* Le premier événement révélé par « Show more » reçoit le focus par script :
   l'anneau seulement au clavier. */
.fi-events__item:focus:not(:focus-visible) { outline: none; }

/* ═══ 1 · LA TÊTE ════════════════════════════════════════════════════
   La bande qui reçoit le fond « wash » (inc/wash.php, figure « coins »). */

.fi-events__open {
	padding-block: clamp(2.5rem, 1.25rem + 4.5vw, 5rem) 0;
}

/* Sans barre d'onglets (sans JavaScript, ou une seule liste) : la tête
   respire avant les listes. */
.fi-events:not(.is-tabs) .fi-events__open {
	padding-block-end: var(--fi-space-s);
}

.fi-events .fi-events__open .fi-eyebrow { margin-block-end: var(--fi-space-s); }

.fi-events__h1 {
	font-size: var(--fi-size-step-5);
	line-height: 1.02;
	letter-spacing: -0.045em;
	color: var(--fi-color-ink);
	text-wrap: balance;
}

.fi-events .fi-events__lede.fi-lede {
	margin-block: var(--fi-space-s) 0;
	max-inline-size: min(62ch, 100%);
}

/* ── Onglets : mono, soulignés, posés sur le bord bas de la bande ── */

.fi-events .fi-events__tabs {
	display: flex;
	gap: clamp(1.75rem, 1rem + 2.5vw, 3rem);
	margin-block-start: clamp(2rem, 1.25rem + 2.4vw, 3.25rem);
	border-block-end: 1px solid var(--fi-color-line-strong);
}

.fi-events__tab {
	display: inline-flex;
	align-items: center;
	gap: 0.7rem;
	min-block-size: 3.25rem;
	margin-block-end: -1px;
	padding: 0;
	border: 0;
	border-block-end: 2px solid transparent;
	background: none;
	font-family: var(--fi-font-mono);
	font-size: 0.8125rem;
	font-weight: 400;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--fi-color-muted);
	cursor: pointer;
	transition: color 0.18s ease, border-color 0.18s ease;
}

.fi-events__tab:hover { color: var(--fi-color-ink); }

.fi-events__tab[aria-selected="true"] {
	border-block-end-color: var(--fi-color-ink);
	color: var(--fi-color-ink);
}

.fi-events__n {
	display: inline-grid;
	place-items: center;
	min-inline-size: 1.625rem;
	block-size: 1.5rem;
	padding-inline: 0.4rem;
	border-radius: var(--fi-radius-s);
	box-shadow: inset 0 0 0 1px var(--fi-color-line-strong);
	font-size: 0.75rem;
	letter-spacing: 0;
	font-variant-numeric: tabular-nums;
	color: var(--fi-color-muted);
	transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.fi-events__tab[aria-selected="true"] .fi-events__n {
	background: var(--fi-color-ink-2);
	box-shadow: none;
	color: var(--fi-color-on-dark-strong);
}

.fi-events .fi-events__tab:focus-visible { outline-offset: 2px; }

/* ═══ 2 · LES LISTES ═════════════════════════════════════════════════ */

.fi-events__body {
	padding-block: clamp(1.25rem, 0.75rem + 1.5vw, 2.25rem) clamp(4.5rem, 3rem + 5vw, 8rem);
}

/* Sans JavaScript, les deux sections s'affichent sous leur titre ; avec les
   onglets, les titres restent pour les lecteurs d'écran (l'onglet nomme le
   panneau). */
.fi-events__h2 {
	margin-block: var(--fi-space-2xl) var(--fi-space-xs);
	font-family: var(--fi-font-mono);
	font-size: 0.6875rem;
	font-weight: 400;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--fi-color-muted);
}

.fi-events .fi-events__panel:first-child .fi-events__h2 { margin-block-start: var(--fi-space-xs); }

.fi-events.is-tabs .fi-events__h2 {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

/* La phrase « rien à venir » au-dessus des passés n'existe que pour la vue à
   onglets : sans eux, la section « Upcoming » juste au-dessus la dit déjà. */
.fi-events:not(.is-tabs) [data-evt-notice] { display: none; }

/* ── Le rang ──────────────────────────────────────────────────────── */

.fi-events__list > li { border-block-end: 1px solid var(--fi-color-line); }

/* 10/10/2026 (maquette B) : une colonne « photo » de 10,5 rem entre la tuile
   et le nom ; la colonne des sociétés passe de 15 à 13 rem pour la lui faire.
   La tuile ne bouge pas : la photo est un ajout, pas un déplacement. */
.fi-events__item {
	display: grid;
	grid-template-columns: var(--evt-tile-w) 10.5rem minmax(0, 1fr) minmax(0, 13rem) 11rem;
	grid-template-areas: "date photo main who act";
	align-items: center;
	column-gap: var(--evt-gap);
	padding-block: 1.0625rem;
}

.fi-events__main { grid-area: main; min-inline-size: 0; }
.fi-events__date { grid-area: date; }
.fi-events__who  { grid-area: who; }
.fi-events__act  { grid-area: act; justify-self: end; }
.fi-events__item .fi-events__photo { grid-area: photo; }

.fi-events__name {
	font-family: var(--fi-font-display);
	font-size: clamp(1.125rem, 1.05rem + 0.3vw, 1.3rem);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.02em;
	color: var(--fi-color-ink);
	text-wrap: balance;
}

.fi-events__site {
	color: inherit;
	text-decoration: none;
}

.fi-events__site:hover {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

.fi-events__ext {
	display: inline-block;
	inline-size: 0.9em;
	block-size: 0.9em;
	margin-inline-start: 0.2em;
	vertical-align: -0.05em;
	color: var(--fi-color-muted);
}

.fi-events__where {
	margin-block-start: 0.3rem;
	font-size: 0.9375rem;
	line-height: 1.45;
	color: var(--fi-color-muted);
}

/* « Now » : l'événement se tient aujourd'hui. Discret — le registre du
   stand, en encre, avec un point d'accent. Le texte porte le sens, le point
   n'est qu'un repère. */
.fi-events__now {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin-inline-end: 0.6rem;
	font-family: var(--fi-font-mono);
	font-size: 0.6875rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	vertical-align: 0.08em;
	color: var(--fi-color-ink);
}

.fi-events__now::before {
	content: "";
	inline-size: 0.4375rem;
	block-size: 0.4375rem;
	border-radius: 50%;
	background: var(--fi-color-wash); /* l'accent du filet du surtitre et du h1 */
}

.fi-events__who {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	font-size: 0.9375rem;
	line-height: 1.4;
	color: var(--fi-color-text);
}

.fi-events__booth {
	font-family: var(--fi-font-mono);
	font-size: 0.6875rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--fi-color-muted);
}

/* ── La tuile de date — l'écho compact d'une feuille de calendrier ─
   Bandeau navy sur chaque tuile (la signature de la page, même quand il
   n'y a que des passés) ; à venir = tout navy, passé = feuille blanche. */

.fi-events__tile {
	container-type: inline-size;
	display: flex;
	flex-direction: column;
	inline-size: var(--evt-tile-w);
	block-size: var(--evt-tile-h);
	overflow: hidden;
	border-radius: var(--fi-radius-m);
	background: var(--fi-color-ink-2);
	color: var(--fi-color-on-dark-strong);
}

.fi-events__my {
	padding: 0.32rem 0.6rem 0.3rem;
	border-block-end: 1px solid var(--fi-color-line-dark);
	background: var(--fi-color-ink);
	font-family: var(--fi-font-mono);
	font-size: 0.6875rem;
	line-height: 1.25;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--fi-color-accent-on-dark);
}

.fi-events__days {
	margin-block-start: auto;
	padding: 0 0.6rem 0.5rem;
	font-family: var(--fi-font-display);
	font-size: min(1.625rem, calc((100cqi - 1.2rem) / 2.9));
	font-weight: 600;
	line-height: 0.92;
	letter-spacing: -0.045em;
	font-variant-numeric: tabular-nums lining-nums;
	white-space: nowrap;
}

.fi-events__dash {
	padding-inline: 0.05em 0.08em;
	font-weight: 400;
	color: var(--fi-color-on-dark-muted);
}

/* Passé : la même feuille, blanche sous le bandeau navy — la date est derrière nous. */
.fi-events__item--past .fi-events__tile {
	background: var(--fi-color-surface);
	box-shadow: inset 0 0 0 1px var(--fi-color-line-strong);
	color: var(--fi-color-ink);
}

.fi-events__item--past .fi-events__my {
	border-block-end: 0;
	background: var(--fi-color-ink-2);
	color: var(--fi-color-on-dark);
}

.fi-events__item--past .fi-events__dash { color: var(--fi-color-muted); }

/* ── La photo (10/10/2026, maquette G) ────────────────────────────────
   Une case au rapport fixe — 3:2 en rang, 16:9 en grande carte, 2:1 en
   bandeau au téléphone — où l'image est posée en absolu : c'est le RAPPORT
   de la case qui fait la hauteur, jamais le fichier. Aucun saut de mise en
   page au chargement, quelle que soit l'image. Même idiome que la plaque de
   la déclaration (style.css) : rayon m, un filet, pas d'ombre. */

.fi-events__photo {
	position: relative;
	margin: 0;
	overflow: clip;
	isolation: isolate;
	aspect-ratio: 3 / 2;
	border-radius: var(--fi-radius-m);
	background: var(--fi-color-ink-2);
	outline: 1px solid color-mix(in srgb, var(--fi-color-ink) 10%, transparent);
	outline-offset: -1px;
}

.fi-events__img {
	position: absolute;
	inset: 0;
	display: block;
	inline-size: 100%;
	block-size: 100%;
	max-inline-size: none;
	object-fit: cover;
	filter: var(--fi-photo-tone-deep);
}

/* Le voile navy du site : la photo appartient à la page au lieu d'y être
   posée. 18 %, comme la plaque de la déclaration. */
.fi-events__photo--img::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--fi-color-ink-2);
	opacity: 0.18;
	pointer-events: none;
}

/* Sans photo ni image d'article : la plaque navy au réseau du hero (« du
   bruit à la certitude »), un halo d'accent en bas à droite. Le dessin est
   un <symbol> unique (inc/events.php) ; ses couleurs passent par héritage. */
.fi-events__photo--plate {
	background:
		radial-gradient(120% 95% at 88% 105%, color-mix(in srgb, var(--fi-color-wash) 24%, transparent), transparent 62%),
		var(--fi-color-ink-2);
	outline-color: var(--fi-color-line-dark);
}

.fi-events__lattice {
	--evt-node: var(--fi-color-accent-on-dark);
	position: absolute;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	color: var(--fi-color-on-dark-muted);
}

.fi-events__sprite {
	position: absolute;
	inline-size: 0;
	block-size: 0;
	overflow: hidden;
}

/* ── La grande carte : le prochain événement (maquette C) ────────────
   Photo 16:9 à gauche (7/12), texte à droite (5/12) : tuile et surtitre en
   tête, puis — poussés au bas de la colonne — nom, lieu, sociétés, action.
   Les champs sont ceux du rang, en plus grand ; rien d'autre. */

.fi-events__feat {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	grid-template-areas: "media body";
	column-gap: clamp(1.75rem, 0.5rem + 3vw, 4rem);
	padding-block: var(--fi-space-xs) clamp(1.5rem, 1rem + 1.5vw, 2.5rem);
}

.fi-events__feat .fi-events__photo {
	grid-area: media;
	align-self: start;
	aspect-ratio: 16 / 9;
}

.fi-events__feat-body {
	grid-area: body;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-rows: auto minmax(1.5rem, 1fr) auto auto auto;
	grid-template-areas: "date kick" ". ." "main main" "who who" "act act";
	column-gap: 1rem;
	min-inline-size: 0;
}

.fi-events__kicker {
	grid-area: kick;
	align-self: start;
	padding-block-start: 0.3rem;
	font-family: var(--fi-font-mono);
	font-size: 0.6875rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--fi-color-muted);
}

.fi-events__feat .fi-events__name {
	font-size: clamp(1.5rem, 1.2rem + 1vw, 2.125rem);
	line-height: 1.12;
	letter-spacing: -0.03em;
}

.fi-events__feat .fi-events__where { margin-block-start: 0.5rem; font-size: 1rem; }

.fi-events__feat .fi-events__who {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 0.9rem;
	margin-block-start: 0.35rem;
}

.fi-events__feat .fi-events__act { justify-self: start; margin-block-start: 1.5rem; }

/* ── Actions ──────────────────────────────────────────────────────── */

.fi-events__cta {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	min-block-size: 44px;
	padding: 0.55rem 1.05rem;
	border: 1px solid var(--fi-color-ink);
	border-radius: var(--fi-radius-s);
	font-family: var(--fi-font-display);
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--fi-color-ink);
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.18s ease, color 0.18s ease;
}

.fi-events__cta:hover {
	background: var(--fi-color-ink);
	color: var(--fi-color-on-dark-strong);
}

.fi-events__art,
.fi-events__contact {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	min-block-size: 44px;
	font-family: var(--fi-font-display);
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--fi-color-ink);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.22em;
	white-space: nowrap;
}

.fi-events__art:hover,
.fi-events__contact:hover { text-decoration-thickness: 2px; }

/* ── Rien à venir ─────────────────────────────────────────────────── */

.fi-events__empty {
	display: grid;
	grid-template-columns: var(--evt-tile-w) minmax(0, 1fr);
	align-items: center;
	column-gap: var(--evt-gap);
	padding-block: 1.0625rem;
	border-block-end: 1px solid var(--fi-color-line);
}

.fi-events__tile--none {
	background: transparent;
	box-shadow: none;
	border: 1px dashed var(--fi-color-line-strong);
}

/* Une feuille vierge : le bandeau est là, aucune date n'y est écrite. */
.fi-events__tile--none::before {
	content: "";
	block-size: 1.45rem;
	border-block-end: 1px dashed var(--fi-color-line-strong);
	background: var(--fi-color-surface-alt);
}

.fi-events__empty-t {
	font-family: var(--fi-font-display);
	font-size: clamp(1.125rem, 1.05rem + 0.3vw, 1.3rem);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.02em;
	color: var(--fi-color-ink);
}

.fi-events__empty-ask {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 0.5rem;
	margin-block-start: 0.15rem;
	font-family: var(--fi-font-sans);
	font-size: 0.9375rem;
	font-weight: 400;
	letter-spacing: 0;
	color: var(--fi-color-muted);
}

/* La version mince, au-dessus des passés (ou seule, s'il n'y a rien du tout). */
.fi-events__notice {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 0.5rem;
	margin-block-end: var(--fi-space-xs);
	padding: 0.1rem 1.1rem;
	border-radius: var(--fi-radius-m);
	background: var(--fi-color-surface-alt);
	font-size: 0.9375rem;
	line-height: 1.5;
	color: var(--fi-color-text);
}

/* ── Show more ────────────────────────────────────────────────────── */

.fi-events__more {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	inline-size: 100%;
	min-block-size: 3rem;
	margin-block-start: var(--fi-space-m);
	border: 1px solid var(--fi-color-line-strong);
	border-radius: var(--fi-radius-m);
	background: transparent;
	font-family: var(--fi-font-display);
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--fi-color-ink);
	cursor: pointer;
	transition: border-color 0.18s ease;
}

.fi-events__more:hover { border-color: var(--fi-color-ink); }
.fi-events__more .fi-arrow { transform: rotate(90deg); }

@media (prefers-reduced-motion: reduce) {
	.fi-events .fi-arrow,
	.fi-events__tab,
	.fi-events__n,
	.fi-events__cta,
	.fi-events__more { transition: none; }
	.fi-events a:hover .fi-arrow,
	.fi-events a:focus-visible .fi-arrow { transform: none; }
}

/* ═══ 3 · PLUS ÉTROIT ════════════════════════════════════════════════ */

/* Écran moyen (maquette B) : la société passe sous le lieu, l'action garde
   sa colonne ; tuile et photo à gauche, sur la hauteur du rang. */
@media (max-width: 79.99em) {
	.fi-events__item {
		grid-template-columns: var(--evt-tile-w) 10.5rem minmax(0, 1fr) auto;
		grid-template-areas: "date photo main act" "date photo who act";
		row-gap: 0.3rem;
	}
	.fi-events__item .fi-events__main { align-self: end; }
	.fi-events__item .fi-events__who { align-self: start; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 0 0.9rem; }
}

/* Tablette : l'action passe sous la société ; la photo rétrécit à 9 rem. */
@media (max-width: 63.99em) {
	.fi-events__item {
		grid-template-columns: var(--evt-tile-w) 9rem minmax(0, 1fr);
		grid-template-areas: "date photo main" "date photo who" "date photo act";
		grid-template-rows: auto auto auto;
		align-content: center;
	}
	.fi-events__item .fi-events__act { justify-self: start; margin-block-start: 0.35rem; }
}

/* Grande carte : la photo passe AU-DESSUS du texte (le DOM la garde après,
   seule la grille change d'ordre). */
@media (max-width: 47.99em) {
	.fi-events__feat {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas: "media" "body";
		row-gap: 1.25rem;
		padding-block-start: var(--fi-space-2xs);
	}
	.fi-events__feat-body { grid-template-rows: auto 1rem auto auto auto; }
	.fi-events__feat .fi-events__act { margin-block-start: 1.1rem; }
}

/* Téléphone : la photo du rang devient un bandeau 2:1 AU-DESSUS du rang — à
   côté de la tuile, elle écrasait le nom (maquette B, mobile) ; dessous, la
   tuile à gauche et tout le reste empilé à sa droite, comme en F2. */
@media (max-width: 39.99em) {
	.fi-events {
		--evt-tile-w: 4.75rem;
		--evt-tile-h: 4.5rem;
		--evt-gap: 1rem;
	}
	.fi-events__item {
		grid-template-columns: var(--evt-tile-w) minmax(0, 1fr);
		grid-template-areas: "photo photo" "date main" "date who" "date act";
		grid-template-rows: auto auto auto 1fr;
		align-items: start;
		row-gap: 0;
		padding-block: 1.125rem;
	}
	.fi-events__item .fi-events__photo { aspect-ratio: 2 / 1; margin-block-end: 0.9rem; }
	.fi-events__item .fi-events__main { align-self: start; }
	.fi-events__item .fi-events__who { margin-block-start: 0.3rem; }
	.fi-events__act { justify-self: start; margin-block-start: 0.35rem; }
	.fi-events__my { padding-inline: 0.45rem; font-size: 0.625rem; letter-spacing: 0.04em; }
	.fi-events__days { padding-inline: 0.45rem; font-size: min(1.5rem, calc((100cqi - 0.9rem) / 2.9)); }
	.fi-events__art { min-block-size: 44px; margin-block: -0.35rem -0.6rem; }
	.fi-events .fi-events__tabs { gap: 1.75rem; }
	.fi-events__notice { padding: 0.55rem 0.9rem; }
}