/* TechBlog "Derniers guides publiés" as a mosaic of three cover cards (Gemini variant 2, chosen 21.10.2026).
   Loaded by pages/home.php after home-calm.css. Selectors boosted like home-chapters.css. */
html body main .home-techblog-promo .home-techblog-inner { grid-template-columns: minmax(280px, 380px) minmax(0, 1fr) !important; gap: 48px !important; align-items: center !important; }
html body main .home-techblog-promo .home-techblog-latest {
  background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important;
}
html body main .home-techblog-promo .home-techblog-latest-title {
  position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
html body main .home-techblog-promo .home-techblog-latest ul { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
html body main .home-techblog-promo .home-techblog-latest li { border: 0 !important; padding: 0 !important; margin: 0 !important; }
html body main .home-techblog-promo .home-techblog-latest li a {
  display: flex !important; flex-direction: column; height: 100%; overflow: hidden; border-radius: 16px; background: #fff; color: #0e2233; text-decoration: none;
  border: 1px solid rgba(14, 34, 51, .08); box-shadow: 0 2px 6px rgba(14, 34, 51, .06), 0 22px 44px -20px rgba(14, 34, 51, .34);
  transition: transform .2s ease, box-shadow .2s ease; padding: 0 !important;
}
html body main .home-techblog-promo .home-techblog-latest li a:hover { transform: translateY(-3px); box-shadow: 0 3px 8px rgba(14, 34, 51, .08), 0 28px 52px -20px rgba(14, 34, 51, .4); }
html body main .home-techblog-promo .home-techblog-latest li a:focus-visible { outline: 3px solid #075985; outline-offset: 3px; }
html body main .home-techblog-promo .tb-cover { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: #e8e5dd; }
html body main .home-techblog-promo .tb-cover img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
html body main .home-techblog-promo .home-techblog-latest li a:hover .tb-cover img { transform: scale(1.04); }
html body main .home-techblog-promo.home-techblog-promo .home-techblog-latest a .tb-cover .home-techblog-topic.home-techblog-topic {
  position: absolute !important; left: 12px; top: 12px; z-index: 1; max-width: calc(100% - 24px); padding: 5px 10px; border-radius: 8px;
  font: 700 11.5px/1.2 Gilroy, "Avenir Next", sans-serif !important; color: #fff !important; -webkit-text-fill-color: currentColor !important; background: #075985 !important; opacity: 1 !important; filter: none !important; text-transform: none !important; letter-spacing: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html body main .home-techblog-promo.home-techblog-promo .home-techblog-latest li:nth-child(2) a .tb-cover .home-techblog-topic.home-techblog-topic { background: #f5a524 !important; color: #0e2233 !important; }
html body main .home-techblog-promo.home-techblog-promo .home-techblog-latest li:nth-child(3) a .tb-cover .home-techblog-topic.home-techblog-topic { background: #0e2233 !important; }
html body main .home-techblog-promo .home-techblog-latest strong {
  display: block; margin: 0 !important; padding: 18px 18px 18px; font: 700 18px/1.25 Gilroy, "Avenir Next", sans-serif !important; letter-spacing: -.01em; color: #0e2233;
}
html body main .home-techblog-promo .home-techblog-meta {
  margin-top: auto !important; padding: 14px 18px 16px; display: flex !important; justify-content: space-between; align-items: center; gap: 8px;
  font: 500 13px/1.2 Gilroy, "Avenir Next", sans-serif !important; color: #475b6b !important; border-top: 1px solid rgba(14, 34, 51, .08); margin-left: 0 !important;
}
html body main .home-techblog-promo .home-techblog-latest strong + .home-techblog-meta { margin-top: auto !important; }
html body main .home-techblog-promo .home-techblog-meta em { display: inline-flex; align-items: center; gap: 6px; font-style: normal; border: 0 !important; padding: 0 !important; color: #475b6b; }
html body main .home-techblog-promo .home-techblog-meta em::before {
  content: ""; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #075985; box-sizing: border-box;
  background: linear-gradient(#075985, #075985) 50% 30% / 2px 4px no-repeat, linear-gradient(#075985, #075985) 62% 50% / 3px 2px no-repeat;
}
@media (max-width: 1180px) {
  html body main .home-techblog-promo .home-techblog-inner { grid-template-columns: 1fr !important; }
}
@media (max-width: 760px) {
  html body main .home-techblog-promo .home-techblog-latest ul { grid-template-columns: repeat(3, 78%); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 12px; scrollbar-width: none; }
  html body main .home-techblog-promo .home-techblog-latest li { scroll-snap-align: start; }
}
@media (prefers-reduced-motion: reduce) { html body main .home-techblog-promo .home-techblog-latest * { transition: none !important; } }