/* === Base (home / anywhere) === */
.ol-discourse-feed {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 100%;
  padding: 2rem 0;
}

.ol-discourse-item {
  display: flex;
  gap: 1em;
  align-items: flex-start;
  border-bottom: 1px solid #eee;
  padding-bottom: 1rem;
}

.ol-avatar-link { flex-shrink: 0; }

.ol-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 2px 6px rgba(0,0,0,.1);
}

.ol-content { flex: 1; }

.ol-title {
  font-size: 2em !important;
  line-height: 2.2rem;
  margin: 0 0 .5rem 0;
  font-weight: bold;
  color: #4a2e2e;
}

.ol-title a { color: inherit; text-decoration: none; }
.ol-title a:hover { color: #c24545; text-decoration: underline; }

.ol-excerpt {
  margin: 0 0 .75rem 0;
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
}

.ol-category {
  display: inline-block;
  font-size: .875rem;
  padding: .2rem .5rem;
  background-color: #f6f0f0;
  color: #6a3e3e;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color .2s ease;
}
.ol-category:hover { background-color: #e0d4d4; }

/* === Single post template (body#discourse-feed-post) === */
/* Tighter spacing, smaller title and avatar */
#discourse-feed-post .ol-discourse-feed {
  gap: 1rem;
  padding: 1rem 0;
}

#discourse-feed-post .ol-discourse-item {
  gap: 1rem;
  padding-bottom: 1rem;
}

#discourse-feed-post .ol-avatar {
  width: 40px;
  height: 40px;
  box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

/* If your theme makes the container an h3 there, this covers both */
#discourse-feed-post .ol-title{
  font-size: 1.8rem !important;
  line-height: 1.5rem;
  margin-bottom: .4rem;
}

/* Slightly smaller excerpt and chips */
#discourse-feed-post .ol-excerpt {
  font-size: .95rem;
  line-height: 1.5;
  margin-bottom: .5rem;
}

#discourse-feed-post .ol-category {
  font-size: .8rem;
  padding: .15rem .45rem;
}

/* Optional: shrink tag chips too if you added tags */
#discourse-feed-post .ol-tags .ol-tag {
  font-size: .8rem;
  margin-right: .4rem;
}