.re24-news { --timeline-axis: 172px; }
.re24-news .page-heading { padding: 49px 0 39px; background: #f1f3f5; border-bottom: 1px solid var(--line); }
.re24-news .page-heading h1 { font-size: 43px; font-weight: 600; letter-spacing: -1.6px; }
.re24-news .page-heading p { max-width: 810px; margin-top: 20px; color: #4d555d; font-size: 17px; line-height: 1.85; }

.re24-news .news-section { padding: 43px 0 51px; }
.re24-news .section-heading {
  margin-bottom: 0;
  padding-bottom: 19px;
  border-bottom: 1px solid var(--line);
}
.re24-news .section-heading h2 { font-size: 29px; font-weight: 600; letter-spacing: -.65px; }
.re24-news .timeline { position: relative; margin: 0; padding: 0; list-style: none; }
.re24-news .timeline::before {
  position: absolute;
  inset: 0 auto 0 var(--timeline-axis);
  width: 1px;
  background: #d1d6db;
  content: "";
}
.re24-news .timeline-entry {
  position: relative;
  display: grid;
  grid-template-columns: var(--timeline-axis) minmax(0, 1fr);
}
.re24-news .timeline-entry::before {
  position: absolute;
  top: 39px;
  left: var(--timeline-axis);
  width: 9px;
  height: 9px;
  transform: translateX(-50%);
  border-radius: 50%;
  box-shadow: 0 0 0 4px #fff;
  background: #41494f;
  content: "";
}
.re24-news .entry-date { padding: 32px 20px 0 0; color: var(--body); font-size: 14px; font-weight: 600; }
.re24-news .entry-content { margin-left: 35px; padding: 30px 0 29px; border-bottom: 1px solid var(--line); }
.re24-news .timeline-entry:last-child .entry-content { border-bottom: 0; }
.re24-news .entry-type { margin-bottom: 6px; color: #5e666e; font-size: 13px; font-weight: 600; }
.re24-news .entry-content h3 { font-size: 23px; font-weight: 600; letter-spacing: -.35px; }
.re24-news .entry-summary { max-width: 660px; margin-top: 10px; color: var(--body); line-height: 1.75; }
.re24-news .source-note { margin-top: 10px; color: #5e666e; font-size: 13px; }


@media (max-width: 850px) {
  .re24-news { --timeline-axis: 151px; }
  .re24-news .page-heading { padding: 38px 0 33px; }
  .re24-news .page-heading h1 { font-size: 37px; }
  .re24-news .page-heading p { font-size: 16px; }
}

@media (max-width: 640px) {
  .re24-news { --timeline-axis: 4px; }
  .re24-news .page-heading { padding: 28px 0 30px; }
  .re24-news .page-heading h1 { font-size: 33px; letter-spacing: -1px; }
  .re24-news .page-heading p { margin-top: 17px; }
  .re24-news .news-section { padding: 30px 0 38px; }
  .re24-news .section-heading { padding-bottom: 16px; }
  .re24-news .section-heading h2 { font-size: 24px; }
  .re24-news .timeline-entry { display: block; padding: 23px 0 0 25px; }
  .re24-news .timeline-entry::before { top: 30px; }
  .re24-news .entry-date { display: block; padding: 0; font-size: 13px; }
  .re24-news .entry-content { margin-left: 0; padding: 6px 0 21px; }
  .re24-news .entry-content h3 { font-size: 20px; }
  .re24-news .entry-summary { font-size: 15px; }
}