.planiso-articleDetails .planiso-card {
  border-radius: 14px;
}

.planiso-articleHero {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: none;
}

.planiso-articleHeroImg {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

.planiso-articleHeroOverlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0.15) 0%,
    rgba(0,0,0,0.35) 50%,
    rgba(0,0,0,0.70) 100%
  );
}

.planiso-articleHeroContent {
  position: absolute;
  inset: auto 0 0 0;
  padding: 16px;
}

@media (min-width: 768px) {
  .planiso-articleHeroContent {
    padding: 24px;
  }
}

.planiso-articleMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

.planiso-articleH1 {
  color: #fff;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.planiso-richText {
  font-size: 1rem;
  line-height: 1.68;
}

.planiso-richText h2 {
  margin-top: 28px;
  margin-bottom: 12px;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.planiso-richText p {
  margin: 0 0 12px 0;
}

.planiso-richText h1 {
  margin: 30px 0 15px 0;
  font-size: 1.80rem;
  line-height: 1.90;
  letter-spacing: -0.01em;
}

.planiso-richText h2 {
  margin: 20px 0 10px 0;
  font-size: 1.40rem;
  line-height: 1.50;
  letter-spacing: -0.01em;
}

.planiso-richText h3 {
  margin: 16px 0 8px 0;
  font-size: 1.05rem;
  line-height: 1.35;
}

/* Listes compactes */
.planiso-richText ul,
.planiso-richText ol {
  margin: 0 0 12px 0;
  padding-left: 1.15rem;
}
.planiso-richText li {
  margin-bottom: 8px;
}

/* Si ton contenu custom injecte ses propres listes/checklists */
.planiso-customBlock ul.st-check {
  list-style-type: "✓ ";
  padding-left: 1.25rem;
}

.planiso-richText img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 12px auto;
  border-radius: 12px;
}

/* Tables (si jamais) */
.planiso-richText table {
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0;
}
.planiso-richText td,
.planiso-richText th {
  border: 1px solid rgba(0,0,0,.08);
  padding: 10px;
}
html[data-bs-theme="dark"] .planiso-richText td,
html[data-bs-theme="dark"] .planiso-richText th {
  border-color: rgba(255,255,255,.10);
}