/* =========================================
   FICHIER : css/transparence-principles.css
   PAGE    : transparence.njk
   ROLE    : principes et publication
   ========================================= */

.transparency-principles {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 14px;
}

.transparency-principle {
  min-height: 260px;

  padding: 24px;

  border: 1px solid var(--tr-line);
  border-radius: 18px;

  background: #fff;
}

.transparency-principle__number {
  display: block;

  margin-bottom: 54px;

  color: var(--tr-accent);

  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.transparency-principle h3 {
  margin: 0 0 10px;

  color: var(--tr-ink);

  font-size: 1.45rem;
  line-height: 1.15;
}

.transparency-principle p {
  margin: 0;

  color: var(--tr-muted);

  font-size: 0.92rem;
  line-height: 1.7;
}

/* Impact / reporting */
.transparency-reporting {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 16px;
}

.transparency-reporting__card {
  padding: 28px;

  border: 1px solid var(--tr-line);
  border-radius: 20px;

  background: #fff;
}

.transparency-reporting__card > span {
  display: inline-flex;

  padding: 6px 9px;

  border-radius: 999px;

  background: rgba(255, 110, 64, 0.08);
  color: var(--tr-accent);

  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.transparency-reporting__card h3 {
  margin: 18px 0 12px;

  color: var(--tr-ink);

  font-size: 1.65rem;
  line-height: 1.15;
}

.transparency-reporting__card p {
  margin: 0 0 12px;

  color: var(--tr-muted);

  line-height: 1.7;
}

.transparency-reporting__card p:last-child {
  margin-bottom: 0;
}