/* v14 : quatre valeurs et un principe d’action, avant les domaines d’action. */
.values-section { background: #fff; }
.values-section h2 { max-width: 850px; }
.values-intro { max-width: 850px; margin-bottom: 32px; color: var(--muted); font-size: 1.08rem; }
.values-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.value-card { padding: 26px 22px; background: var(--cream); border: 1px solid var(--line); border-top: 4px solid var(--orange); box-shadow: 4px 4px 0 var(--ink); }
.value-card h3 { margin-bottom: 14px; font-size: 1.45rem; line-height: 1.25; }
.value-card p { margin-bottom: 0; color: var(--muted); }
.values-independence { display: grid; grid-template-columns: 1fr 2fr; align-items: center; gap: 32px; margin-top: 28px; padding: 26px 28px; background: var(--ink); color: #fff; }
.values-principle { margin-bottom: 6px; font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #f7c7ad; }
.values-independence h3 { margin-bottom: 0; color: #fff; font-size: 1.45rem; line-height: 1.25; }
.values-independence > p { margin-bottom: 0; }
.values-source { margin: 24px 0 0; font-size: .9rem; }
.values-source a { font-weight: 700; color: var(--purple); text-underline-offset: 4px; }
.values-section p { text-align: justify; hyphens: none; overflow-wrap: normal; word-break: normal; }
@media (max-width: 1000px) { .values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) {
  .values-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .value-card { padding: 22px; }
  .values-independence { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 24px 22px; }
}