.my-veille-actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.veille-page {
  max-width: 1200px;
}


.veille-blog-article {
  line-height: 1.65;
  color: #1f2937;
}

.veille-blog-article .lead {
  font-size: 1.1rem;
  color: #374151;
}

.veille-blog-article h2.h4,
.veille-blog-article h2.h5 {
  color: #111827;
  font-weight: 600;
}

.veille-blog-sections p {
  color: #374151;
}

.veille-key-points .list-group-item {
  padding-left: 0;
  font-size: 0.95rem;
}

.veille-links-list a:hover {
  text-decoration: underline !important;
}

.veille-blog-intro,
.veille-blog-keypoints,
.veille-blog-certs,
.veille-blog-sources {
  background: #fff;
}

.veille-watch-logo {
  display: block;
  max-width: 220px;
  height: auto;
  margin-bottom: 1rem;
}

.veille-watch-logo--sm {
  max-width: 140px;
  margin-bottom: 0.75rem;
}

.veille-blog-banner {
  overflow: hidden;
}

.veille-blog-banner-img {
  max-height: 200px;
  object-fit: cover;
}

.veille-watch-preview .veille-blog-header h1 {
  font-size: 1.15rem;
}

.veille-watch-preview .lead {
  font-size: 0.95rem;
}

.veille-blog-prose p {
  color: #374151;
}

.veille-blog-section + .veille-blog-section {
  margin-top: 0.25rem;
}

/* Thèmes sombre / haute contraste : lisibilité du contenu de veille dans le layout SPA.
   Surcharge des couleurs claires codées en dur par les variables de thème. */
html[data-theme="dark"] .veille-blog-article,
html[data-theme="hc"] .veille-blog-article,
html[data-theme="dark"] .veille-blog-article .lead,
html[data-theme="hc"] .veille-blog-article .lead,
html[data-theme="dark"] .veille-blog-sections p,
html[data-theme="hc"] .veille-blog-sections p,
html[data-theme="dark"] .veille-blog-prose p,
html[data-theme="hc"] .veille-blog-prose p,
html[data-theme="dark"] .veille-blog-article h2.h4,
html[data-theme="hc"] .veille-blog-article h2.h4,
html[data-theme="dark"] .veille-blog-article h2.h5,
html[data-theme="hc"] .veille-blog-article h2.h5 {
  color: var(--archia-text);
}

html[data-theme="dark"] .veille-blog-intro,
html[data-theme="hc"] .veille-blog-intro,
html[data-theme="dark"] .veille-blog-keypoints,
html[data-theme="hc"] .veille-blog-keypoints,
html[data-theme="dark"] .veille-blog-certs,
html[data-theme="hc"] .veille-blog-certs,
html[data-theme="dark"] .veille-blog-sources,
html[data-theme="hc"] .veille-blog-sources {
  background: var(--archia-surface-2);
  color: var(--archia-text);
  border: 1px solid var(--archia-border);
}

/* Filet de sécurité : le contenu textuel de l'article (vue layout) reste lisible,
   y compris les en-têtes et listes générés dynamiquement. */
html[data-theme="dark"] #veille-article-content,
html[data-theme="hc"] #veille-article-content,
html[data-theme="dark"] #veille-article-content :is(p, li, h1, h2, h3, h4, h5, h6, td, th, blockquote, figcaption),
html[data-theme="hc"] #veille-article-content :is(p, li, h1, h2, h3, h4, h5, h6, td, th, blockquote, figcaption) {
  color: var(--archia-text);
}

html[data-theme="dark"] #veille-article-content .border-bottom,
html[data-theme="hc"] #veille-article-content .border-bottom,
html[data-theme="dark"] #veille-article-content .border-top,
html[data-theme="hc"] #veille-article-content .border-top {
  border-color: var(--archia-border) !important;
}