:root {
  --lester-accent: #0f766e;
  --lester-accent-2: #b45309;
  --lester-ink: #172026;
}

#page-header {
  background-position: center;
}

#site-title {
  letter-spacing: 0;
}

#site-subtitle {
  letter-spacing: 0;
}

.recent-post-item {
  border-radius: 8px;
}

.recent-post-info .article-title {
  letter-spacing: 0;
}

#recent-posts > .recent-post-item > .recent-post-info > .article-meta-wrap {
  font-size: 0.82rem;
}

a,
#nav a:hover,
.article-sort-title:hover,
.recent-post-info .article-title:hover {
  color: var(--lester-accent);
}

.categoryBar-list a:hover,
.tag-cloud-list a:hover,
.card-widget.card-info .button--animated {
  background: var(--lester-accent);
}

.article-meta__categories,
.article-meta__tags {
  letter-spacing: 0;
}

.aside-content .card-widget {
  border-radius: 8px;
}

/* === Lester Home polish (auto-added) === */
:root {
  --lester-radius: 14px;
  --lester-shadow: 0 6px 24px rgba(15, 23, 42, 0.08);
}

#page-header {
  background-size: cover;
  background-position: center;
}

.recent-post-item {
  border-radius: var(--lester-radius);
  overflow: hidden;
  box-shadow: var(--lester-shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.recent-post-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
}

.recent-post-item .post_cover img.post-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.recent-post-item:hover .post_cover img.post-bg {
  transform: scale(1.04);
}

.recent-post-info .article-title {
  font-weight: 600;
  letter-spacing: 0.2px;
}

.recent-post-info .content {
  line-height: 1.75;
  color: var(--lester-ink);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.article-meta__tags,
.article-meta__categories {
  font-weight: 500;
}

#aside-content .card-widget {
  border-radius: var(--lester-radius);
  box-shadow: var(--lester-shadow);
}

#aside-content .avatar-img img {
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);
  transition: transform 0.3s ease;
}
#aside-content .avatar-img img:hover {
  transform: scale(1.05) rotate(-3deg);
}

i.fas.fa-thumbtack.sticky {
  color: #ef4444;
  transform: rotate(-25deg);
  margin-right: 4px;
}

@media (max-width: 768px) {
  .recent-post-item {
    border-radius: 10px;
  }
}