/* =========================================
   FRONT PAGE: NEWS LIST
========================================= */
.mdm-news-list{
  display:flex;
  flex-direction: column;
  gap: .65rem;
}

.mdm-news-item{
  display:flex;
  align-items:flex-start;
  gap: .8rem;
  padding: .65rem .7rem;
  border-radius: 14px;
  border: 1px solid var(--mdm-gray-150);
  background: var(--mdm-white);
}

.mdm-news-favicon{
  width: 34px; height: 34px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(179,25,31,.16), rgba(18,20,23,.03));
  border: 1px solid var(--mdm-gray-150);
}

.mdm-news-link{
  font-weight: 900;
  color: var(--mdm-gray-900);
  letter-spacing: -.02em;
}

.mdm-news-link:hover{ color: var(--mdm-red); }
.mdm-news-meta{ margin-top: .2rem; font-size: .88rem; color: var(--mdm-gray-600); }

.mdm-news-right{ margin-left:auto; display:flex; align-items:center; }

.mdm-news-comments{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding: .35rem .55rem;
  border-radius: 999px;
  background: var(--mdm-gray-100);
  border: 1px solid var(--mdm-gray-150);
  font-weight: 900;
  color: var(--mdm-gray-800);
  font-size: .9rem;
}

.mdm-icon-comment{
  width: 14px; height: 14px; display:inline-block;
  background:
    radial-gradient(circle at 55% 55%, var(--mdm-gray-700) 0 35%, transparent 37%),
    linear-gradient(var(--mdm-gray-700), var(--mdm-gray-700));
  clip-path: polygon(0 10%, 100% 10%, 100% 70%, 55% 70%, 40% 92%, 40% 70%, 0 70%);
  opacity: .85;
}