/* Current PHP Mendeleev facts and overview; shared layout lives in project-overview.css. */
body.mendeleev-page .description-block.container {
  max-width: 1920px;
  margin: 0 auto;
  padding: 49px 15px;
}
body.mendeleev-page .mend-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 -12px;
  padding: 0 45px;
}
body.mendeleev-page .mend-facts .db__descr_position {
  display: grid;
  align-items: center;
  padding: 0 12px;
}
body.mendeleev-page .mend-facts .db__name_descr {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #000;
}
body.mendeleev-page .mend-facts .db__descr {
  margin: 0;
  font-size: 36px;
  font-weight: 500;
  line-height: 54px;
  color: #000;
}
body.mendeleev-page .mend-overview-section { max-width: 1920px; margin: 0 auto; overflow-x: clip; }
body.mendeleev-page .project-promotion-modal__close { border-radius: 50% !important; }
body.mendeleev-page .project-promotions.is-menu-highlighted { position: relative; z-index: 1; }
body.mendeleev-page .project-promotions.is-menu-highlighted::before,
body.mendeleev-page .project-promotions.is-menu-highlighted::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  border: 2px solid #ee4237;
  pointer-events: none;
  opacity: 0;
  will-change: transform, opacity;
  animation: mend-promotion-highlight 1.1s cubic-bezier(.2, .65, .35, 1) 1 both;
}
body.mendeleev-page .project-promotions.is-menu-highlighted::after { animation-delay: .35s; }
@keyframes mend-promotion-highlight {
  from { opacity: .85; transform: scale(1); }
  to { opacity: 0; transform: scale(var(--promotion-highlight-scale-x), var(--promotion-highlight-scale-y)); }
}
@media (min-width: 768px) and (max-width: 1199px) {
  body.mendeleev-page .mend-facts .db__descr { font-size: 24px; line-height: 30px; }
}
@media (max-width: 767px) {
  body.mendeleev-page .description-block.container { padding: 24px 20px 40px; }
  body.mendeleev-page .mend-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 32px; padding: 0; }
  body.mendeleev-page .mend-facts .db__descr_position { gap: 6px; }
  body.mendeleev-page .mend-facts .db__name_descr { line-height: 20px; }
  body.mendeleev-page .mend-facts .db__descr { font-size: 20px; line-height: 26px; }
  /* Keep the compact mobile titles agreed while reviewing KK. */
  body.mendeleev-page .project-promotion .project-promotion__title { font-size: 24px; line-height: 1.2; text-wrap: balance; }
  body.mendeleev-page .project-promotion-modal .project-promotion-modal__copy h2 { font-size: 22px; line-height: 1.25; text-wrap: balance; }
}
@media (prefers-reduced-motion: reduce) {
  body.mendeleev-page .project-promotions.is-menu-highlighted::before,
  body.mendeleev-page .project-promotions.is-menu-highlighted::after { animation: none; opacity: .85; }
}