/*
 Theme Name:   GeneratePress Child
 Template:     generatepress
 Version:      1.0
*/
/* Intro */
.ki-archive .intro { margin: 24px 0 8px; }
.ki-archive .intro h1 { margin: 0 0 8px; font-size: clamp(1.6rem, 2.4vw, 2rem); }
.ki-archive .intro p { margin: 0; max-width: 70ch; color: #444; }

/* Grid */
.ki-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  margin-top: 16px;
}

/* Card */
.ki-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform .12s ease, box-shadow .12s ease;
}
.ki-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.06); }

.ki-thumb img { width: 100%; height: 180px; object-fit: cover; display: block; }

.ki-card-body { padding: 14px 14px 16px; display: flex; flex-direction: column; gap: 8px; }
.ki-card-title { font-size: 1.05rem; line-height: 1.25; margin: 0; }
.ki-card-title a { text-decoration: none; color: #111; }
.ki-card-title a:hover { text-decoration: underline; }

.ki-card-date { font-size: .9rem; color: #777; }

.ki-card-excerpt { margin: 0; color: #333; }

.ki-readmore {
  margin-top: 6px;
  align-self: flex-start;
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid #ddd;
  text-decoration: none;
}
.ki-readmore:hover { border-color: #bbb; }

/* Pagination spacing */
.ki-pagination { margin-top: 22px; }