/* Avis clients (inc/reviews.php ; Alain, 2026-10-12) : la page « Ce que disent nos clients » / « What our customers
   say » (page d'information, kh-info.css) et la bande de trois avis de l'accueil, juste après « 02 · La sélection ».
   Tout le texte est dans le contenu des pages, en blocs (PC82) ; ces règles ne visent que des classes de blocs :
   kh-rv-notice (le texte d'information sous le chapô), kh-rv-list (la grille), kh-rv (un avis) avec kh-rv__stars,
   kh-rv__text (la citation), kh-rv__tr (la traduction), kh-rv__who (prénom, source, date), kh-rv-short (les « Très
   bien ») ; sur l'accueil, kh-home-reviews. Étoiles en or : détail précieux et citation (charte §5.1), jamais une
   action. */

/* ---- Un avis ---- */
.kh-rv-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.kh-rv-list > * { margin: 0; }
.kh-rv { display: flex; flex-direction: column; margin: 0; padding: 1.5rem 1.6rem 1.3rem; border: 1px solid var(--kh-sumi-20); background: rgb(255 253 252 / .55); text-align: left; }
.kh-rv > * { margin: 0; }
.kh-rv .kh-rv__stars { margin-bottom: .8rem; color: var(--kh-gold, #B8860B); font: 400 1rem/1 var(--kh-font-ui); letter-spacing: .12em; }
.kh-rv .kh-rv__text { margin: 0 0 1rem; padding: 0; border: 0; background: none; }
.kh-rv .kh-rv__text p { margin: 0; color: var(--kh-sumi); font: italic 400 1.15rem/1.5 var(--kh-font-display); }
.kh-rv .kh-rv__tr { margin: -.4rem 0 1rem; color: var(--kh-sumi-70); font: 400 .85rem/1.5 var(--kh-font-body); }
.kh-rv .kh-rv__who { margin-top: auto; padding-top: .8rem; border-top: 1px solid var(--kh-sumi-20); color: var(--kh-sumi-70); font: 400 .78rem/1.4 var(--kh-font-ui); letter-spacing: .04em; }
.kh-rv .kh-rv__who strong { color: var(--kh-sumi); font-weight: 500; }

/* ---- La page ---- */
.kh-info-page .entry-content > .kh-rv-notice { color: var(--kh-sumi-70); font: 400 .92rem/1.6 var(--kh-font-body); margin-bottom: 2.5rem; }
.kh-info-page .entry-content > :is(.kh-rv-list, .kh-rv-short) { max-width: 1120px; }
.kh-info-page .entry-content > .kh-rv-list { margin-bottom: 3rem; }
.kh-info-page .entry-content > .kh-rv-short { columns: 4; column-gap: 2rem; margin-top: 1rem; padding: 0; list-style: none; color: var(--kh-sumi-70); font: 400 .85rem/1.9 var(--kh-font-ui); }
.kh-info-page .entry-content > .kh-rv-short li { margin: 0; break-inside: avoid; }
.kh-info-page .entry-content > .kh-rv-short strong { color: var(--kh-sumi); font-weight: 400; }

/* ---- L'accueil ---- */
.kh-home .kh-home-reviews > .kh-container { text-align: center; }
/* The vermilion stroke of the home titles is set to the left (kh-editorial.css); centred here, under a centred title. */
.kh-editorial .kh-home .kh-home-reviews h2.kh-title::after { margin-inline: auto; background-position: center; }
.kh-home .kh-home-reviews .kh-rv-list { max-width: 1120px; margin: 2rem auto 0; }
.kh-home .kh-home-reviews .kh-link { margin-top: 2rem; }
/* Closer to « 02 · La sélection » that it follows (Alain, 2026-10-12: « réduire l'écart … avec Entrer dans le cycle
   Kaïro »): about 110 px instead of two full section margins (320 px); on a phone the thin rule between sections stays. */
@media (min-width: 768px) {
  .kh-home .kh-movement.kh-home-reviews { padding-top: clamp(1.5rem, 3vw, 2.5rem); }
  .kh-home .kh-home-creations:has(+ .kh-home-reviews) { padding-bottom: clamp(2.5rem, 5vw, 4rem); }
}

@media (max-width: 1023px) {
  .kh-rv-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kh-info-page .entry-content > .kh-rv-short { columns: 2; }
}
@media (max-width: 767px) {
  .kh-rv-list { grid-template-columns: minmax(0, 1fr); }
  .kh-info-page .entry-content > .kh-rv-short { columns: 1; }
}