/* ==========================================================================
   VERBUM — Les Voix du Monde : cartes de langue
   ========================================================================== */

.carte-langue {
  display: grid;
  grid-template-columns: minmax(230px, 0.9fr) minmax(0, 1.5fr);
  gap: var(--espace-m, 1.65rem);
  align-items: start;
  padding-block: 2.55rem;
  border-top: 1px solid rgba(201, 168, 76, .22);
}
.carte-langue:first-of-type { border-top: 0; padding-top: .35rem; }

/* Colonne échantillon */
.langue-echantillon {
  background: rgba(201, 168, 76, .06);
  border: 1px solid rgba(201, 168, 76, .3);
  border-radius: var(--rayon-m, 12px);
  padding: 1.65rem 1.45rem;
  text-align: center;
}
.langue-script {
  font-family: 'EB Garamond', serif;
  font-size: clamp(2.2rem, 4.5vw, 3.4rem);
  line-height: 1.35;
  color: var(--or-pale, #E8D9A8);
  margin-bottom: .85rem;
  word-break: break-word;
}
.langue-script.rtl { direction: rtl; }
.langue-alphabet {
  font-family: 'EB Garamond', serif;
  font-size: 1.08rem;
  letter-spacing: .18em;
  color: rgba(201, 168, 76, .78);
  border-top: 1px solid rgba(201, 168, 76, .25);
  padding-top: .85rem;
  margin-bottom: 1.05rem;
  word-break: break-word;
}
.langue-translit {
  font-family: 'Inter', sans-serif;
  font-size: .88rem;
  color: rgba(232, 224, 208, .75);
  letter-spacing: .06em;
}

/* Colonne récit */
.langue-numero {
  font-family: 'Cinzel Decorative', 'Cinzel', serif;
  font-size: 1.02rem; font-weight: 700;
  color: var(--or-doux, #D9BC75);
  letter-spacing: .18em;
  margin-bottom: .45rem;
}
.langue-titre {
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: clamp(1.65rem, 3vw, 2.25rem);
  font-weight: 700; line-height: 1.15;
  color: var(--texte-clair, #E8E0D0);
  margin: 0 0 .5rem;
}
.langue-date {
  font-family: 'Inter', sans-serif;
  font-size: .82rem; font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase;
  color: rgba(201, 168, 76, .75);
  margin-bottom: 1.05rem;
}

/* Le mot qui voyage */
.mot-voyage {
  border-left: 2px solid var(--or, #C9A84C);
  padding: .65rem 0 .65rem 1.15rem;
  margin: 0 0 1.15rem;
}
.mot-voyage .mot-script {
  font-family: 'EB Garamond', serif;
  font-size: 1.35rem;
  color: var(--or-pale, #E8D9A8);
}
.mot-voyage .mot-script.rtl { direction: rtl; display: inline-block; }
.mot-voyage .mot-sens {
  font-family: 'Inter', sans-serif;
  font-size: .86rem; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--or-doux, #D9BC75);
  margin-left: .65rem;
}

.langue-recit {
  color: rgba(232, 224, 208, .88);
  font-size: 1.01rem; line-height: 1.78;
  margin: 0 0 1.15rem;
}
.langue-recit strong { color: var(--or-pale, #E8D9A8); }

.langue-visuel {
  margin: 1.25rem 0 .75rem;
  max-width: 34rem;
}
.langue-visuel img {
  width: 100%; height: auto;
  border-radius: var(--rayon-m, 12px);
  border: 1px solid rgba(201, 168, 76, .38);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .42);
  display: block;
}

@media (max-width: 860px) {
  .carte-langue { grid-template-columns: 1fr; }
}