/**
 * rendezvous — la fiche d'un rendez-vous régulier.
 *
 * Carte papier, posée sur le fond gris que porte le groupe qui l'enveloppe.
 * Le filet bleu-vert de 3px en tête est la seule pièce du système où l'accent
 * dépasse le filet de 1px : c'est un repère de fiche, pas une décoration, et il
 * ne se répète que deux ou trois fois par page.
 *
 * Aucun rayon, aucune ombre : la carte se détache par sa couleur et par le
 * filet, comme un encadré de revue.
 */
.comp--rendezvous {
  padding: var(--ffc-gouttiere, 1.5rem);
  background-color: var(--ffc-fond, #fcfcfb);
  border-block-start: 3px solid var(--ffc-accent, #2c6f7a);
}

/* Les fiches s'empilent sous un intitulé commun, séparées par le fond. */
.comp--rendezvous + .comp--rendezvous {
  margin-block-start: var(--ffc-gouttiere, 1.5rem);
}

/**
 * Tête — le lieu et son tarif sur la même ligne de base, aux deux bords. Le
 * tarif passe sous le lieu plutôt que de le comprimer quand la place manque.
 */
.rdv__tete {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  /* Interligne non nul : replié sous le lieu faute de place, le tarif se
     collait à lui et se lisait comme un sous-titre. */
  gap: 0.25rem var(--ffc-gouttiere, 1.5rem);
  padding-block-end: 0.75rem;
  border-block-end: 1px solid var(--ffc-filet, rgba(28, 26, 22, 0.14));
}

.rdv__lieu {
  margin: 0;
  font: var(--ffc-titre-l, 600 1.75rem / 1.1 sans-serif);
}

/**
 * Le tarif est un chiffre : il se repère du coin de l'œil, donc en mono, à la
 * graisse du label — sans quoi il passait pour une mention de bas de page à
 * côté d'un lieu composé à 30px.
 */
.rdv__tarif {
  margin: 0;
  font: var(--ffc-label, 500 0.75rem / 1 monospace);
  font-variant-numeric: tabular-nums;
  color: var(--ffc-accent, #2c6f7a);
}

/**
 * Deux groupes sous le filet, et le blanc dit lequel est lequel : le rythme et
 * son horaire se touchent, l'adresse s'en détache. Équidistants, les trois
 * blocs se lisaient comme une liste sans hiérarchie.
 */
.rdv__quand {
  margin-block: var(--ffc-espace-serre, 0.75rem) 0;
}

.rdv__rythme {
  display: block;
  font: var(--ffc-titre-m, 600 1.25rem / 1.2 sans-serif);
}

/**
 * L'horaire est la donnée qu'on vient chercher, pas une métadonnée : il reste
 * à l'encre pleine. Les chiffres tabulaires alignent les heures d'une fiche à
 * l'autre dans la pile, colonne contre colonne.
 */
.rdv__horaire {
  display: block;
  margin-block-start: 0.25rem;
  font: var(--ffc-meta-mono, 400 0.75rem / 1.4 monospace);
  font-variant-numeric: tabular-nums;
  color: var(--ffc-texte, #1c1a16);
}

.rdv__conditions {
  margin-block-start: var(--ffc-espace-groupe, 1.25rem);
  font: var(--ffc-texte-s, 400 0.9375rem / 1.65 serif);
  text-wrap: pretty;
}

.rdv__conditions > :last-child {
  margin-block-end: 0;
}