/* Conteneur et cartes */
.container {
  width: 100vw; max-width: 1200px; margin: 40px auto; background: var(--card-bg);
  border-radius: 28px; box-shadow: var(--shadow-main); padding: 40px 32px; box-sizing: border-box;
  flex: 1 0 auto; backdrop-filter: blur(6px); position: relative; z-index: 1;
}

.card-section-base {
  background: var(--card-bg); color: var(--text-color); border-radius: 18px;
  box-shadow: 0 2px 16px rgba(24,24,24,.08); border: 1.5px solid #e3e8ee;
  padding: 24px 28px; margin: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; box-sizing: border-box;
}
.card-section-base h2 { color: var(--secondary-color); margin-top: 0; font-size: 1.5rem; letter-spacing: .03em; text-shadow: none; }
.card-section-base ul { padding-left: 20px; margin-bottom: 24px; list-style: none; }
.card-section-base ul li { margin-bottom: 12px; font-size: 1.08rem; position: relative; padding-left: 28px; }
.card-section-base ul li::before {
  content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%;
  background: linear-gradient(135deg, #2196f3 60%, #1976d2 100%); margin-right: 12px; position: absolute; left: 0; top: .55em;
  box-shadow: 0 1px 4px #2196f344;
}

/* Sections */
.presentation { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.ia-warning { margin-bottom: 40px !important; align-items: flex-start !important; text-align: left !important; }

/* Web version bloc */
.web-version-announcement { margin: 48px 0 0 0; padding: 32px 18px; text-align: center; }

/* Description (hérite de card-section-base dans le HTML via classes combinées) */
.description { flex: 2; max-width: 600px; }