/* Custom CSS */

/* Home: Recent posts cards (PaperMod profileMode) */
.home-recent{
  width:100%;
  max-width:820px;
  margin:2.25rem auto 0;
  padding:0 1rem;
  text-align:left;
}

.home-recent__head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}

.home-recent__title{
  margin:0;
  font-size:1.45rem;
  line-height:1.25;
}

.home-recent__cta{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  font-weight:700;
  text-decoration:none;
  padding:.55rem .9rem;
  border:1px solid var(--primary);
  border-radius:999px;
  background: var(--primary);
  color: var(--theme);
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.home-recent__cta:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 32px rgba(0,0,0,.12);
}

.home-recent__list{
  display:flex;
  flex-direction:column;
  gap:.75rem;
}

.home-recent__item{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1.25rem;
  padding:1rem 1.1rem;
  border:1px solid var(--border);
  border-radius:16px;
  text-decoration:none;
  background: var(--theme);
}

.home-recent__item:hover{
  background: var(--code-bg);
}

.home-recent__itemTitle{
  font-weight:700;
  line-height:1.25;
  margin:0;
}

.home-recent__itemBody{
  min-width:0;
  flex:1;
}

.home-recent__itemDesc{
  margin-top:.35rem;
  opacity:.75;
  font-size:.95rem;
  line-height:1.35;
}

.home-recent__itemMeta{
  opacity:.65;
  font-size:.9rem;
  white-space:nowrap;
  padding-top:.1rem;
}

/* Mobile: stack title/date */
@media (max-width: 520px){
  .home-recent__item{
    flex-direction:column;
    align-items:flex-start;
    gap:.35rem;
  }
  .home-recent__itemMeta{
    white-space:normal;
  }
  .home-recent__cta{
    padding:.5rem .8rem;
  }
}

.home-recent__empty{
  opacity:.75;
  margin:.25rem 0 0;
}