.fr-item {
  display: flex;
  gap: 16px;
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  align-items: flex-start;
}

.fr-thumb img {
  width: 120px;
  border-radius: 8px;
}

.fr-body h3 {
  color: #2f80ed;
  font-size: 17px;
  margin: 0 0 10px;
}

/* ===== LINK ROW ===== */

.fr-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 6px;
}

.fr-link {
  color: #e53935;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
}

.fr-link:hover {
  text-decoration: underline;
}
/* ===== HOVER EFFECT ===== */

/* Hover link – xanh nhẹ */
.fr-link {
  transition: color 0.2s ease, background-color 0.2s ease;
  padding: 2px 4px;
  border-radius: 4px;
}

.fr-link:hover {
  color: #1e6fe3;               /* xanh nhẹ */
  background-color: #e8f1ff;    /* nền xanh rất nhạt */
}
.fr-item {
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.fr-item:hover {
  background-color: #f5faff;     /* xanh cực nhạt */
  box-shadow: 0 0 0 1px #d6e6ff;
}