/* Card styling */
.card {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Align items to the start (left) */
  justify-content: flex-start;
  
  padding: 0.1rem 1.0rem 0.1rem 1.0rem;
  margin-bottom: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.15); /* subtle border */
  width: 75%;
}

/* Tag styling */
.tag {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  margin-right: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.3); /* 40% opacity gray */
  border-radius: 3px; /* rounded corners */
  font-size: 0.8em;
  line-height: 1;
}

.card a[href] {
  display: inline-block;
  padding: 0.4rem 0.7rem 0.5rem;
  margin-right: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.3); /* 40% opacity gray */
  border-radius: 3px; /* rounded corners */
  font-size: 0.8em;
  line-height: 1;
}

.button {
  display: inline-block;
  padding: 0.3rem 0.7rem;
  margin-right: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.3); /* 40% opacity gray */
  border-radius: 3px; /* rounded corners */
  font-size: 0.8em;
  line-height: 1;
}