.blog-page main {
  color:#000000;
  font-weight:400;
}
.blog-hero {
  display:flex;
  align-items:center;
  min-height:360px;
  padding:144px 0 44px;
  background:linear-gradient(110deg, rgba(3,26,44,.45), rgba(8,46,81,.18) 55%, rgba(0,72,83,.24)), linear-gradient(180deg, rgba(3,26,44,.30), transparent 60%), #082E51 url("../blogue-lecture-tablette-alt-une-plante.webp") center 20% / cover no-repeat;
  color:#FFFFFF;
}
.blog-hero .section-inner {
  width:100%;
  padding-top:0;
  padding-bottom:0;
}
.blog-hero h1 {
  margin:0 0 14px;
  color:#FFFFFF;
  font-size:48px;
  font-weight:700;
  line-height:1.2;
}
.blog-page .blog-hero p {
  margin:0;
  color:#FFFFFF;
  font-size:18px;
  line-height:1.65;
}
.blog-page .blog-index {
  background:#F7F8FA;
}
.blog-page .blog-index::before {
  content:none;
}
.blog-page .blog-index .section-inner {
  padding-top:40px;
  padding-bottom:64px;
}
.blog-page .article-grid {
  margin-top:0;
}
.blog-list-title {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.blog-page .article-card {
  overflow:hidden;
}
.blog-page .blog .article-body .article-date {
  color:#4D5358;
}
.blog-page .blog .article-body h3 {
  min-height:81px;
}
.blog-page .blog .read-more.article-pending {
  color:#4D5358;
  font-size:14px;
  font-weight:400;
}
.blog-pagination {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:36px;
}
.blog-pagination a {
  display:grid;
  place-items:center;
  min-width:40px;
  height:40px;
  padding:0 10px;
  border:1px solid #DDE4EB;
  border-radius:4px;
  background:#FFFFFF;
  color:#1769E0;
  font-size:15px;
}
.blog-pagination a[aria-current="page"] {
  border-color:#1769E0;
  background:#1769E0;
  color:#FFFFFF;
}
.blog-page main a:focus-visible {
  outline:2px solid #1769E0;
  outline-offset:4px;
}
.blog-page .nav-primary a[aria-current="page"],
.blog-page .footer a[aria-current="page"] {
  text-decoration:underline;
  text-underline-offset:5px;
}
.blog-empty {
  grid-column:1 / -1;
  margin:36px 0;
  color:#000000;
}