/* =================== blog-index.css =================== */
.blog-index__title {
margin-bottom: var(--hc-sp-2); font-family: "Playfair Display", Georgia, serif; font-size: clamp(32px, 4vw, 48px); font-weight: 400; line-height: 1.05; margin: 16px 0 8px; color: var(--hc-ink, #1a1714)
}
.blog-index__lede {
max-width: 64ch; margin-bottom: var(--hc-sp-5); font-size: 16px; line-height: 1.5; color: var(--hc-ink-soft, rgba(26, 23, 20, 0.65)); margin: 0 0 28px
}
.blog-index__chips {
display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: var(--hc-sp-5); margin: 0 0 32px
}
.blog-index__featured {
display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 32px; padding: var(--hc-sp-4); margin-bottom: var(--hc-sp-5); background: var(--hc-paper, #ffffff); align-items: stretch; border: 0.5px solid var(--hc-line-2, rgba(180, 151, 115, 0.18)); border-radius: 20px; overflow: hidden; margin: 0 0 32px; text-decoration: none
}
.blog-index__featured-cover {
display: block; min-height: 280px; border-radius: var(--hc-r-md); background: var(--hc-paper-2, #fafaf8); overflow: hidden
}
.blog-index__featured-image {
width: 100%; height: 100%; object-fit: cover; display: block
}
.blog-index__featured-title {
margin-top: var(--hc-sp-1)
}
.blog-index__featured-title a {
color: inherit; text-decoration: none
}
.blog-index__featured-excerpt {
margin: var(--hc-sp-2) 0 var(--hc-sp-3)
}
.blog-index__featured-badges {
display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: var(--hc-sp-3)
}
.blog-index__readmore {
color: var(--hc-accent-dark)
}
.blog-index__empty {
grid-column: 1 / -1
}
.blog-index__cta {
margin-top: var(--hc-sp-5); padding: var(--hc-sp-4); background: var(--hc-paper-2)
}
.blog-index__cta-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--hc-sp-3)
}
.blog-index__cta-title {
margin-top: var(--hc-sp-1)
}
@media(max-width:1024px) {
  .blog-index__grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px}
  .blog-index__empty.hc-empty {grid-column: 1 / -1; width: 100%; min-width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 80px 32px; text-align: center}
}


.blog-index__side-picks {
gap: 20px;
}
.blog-index__side-pick.hc-card {
display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, var(--hc-paper, #ffffff), #fbf7ec);
  border: 1px solid rgba(141, 109, 71, 0.18);
  border-radius: 18px;
  padding: 0;
  overflow: hidden;
  transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
}
.blog-index__side-pick.hc-card:hover {
transform: translateY(-2px);
  border-color: rgba(141, 109, 71, 0.4);
  box-shadow: 0 18px 40px -28px rgba(27, 20, 13, 0.32);
}
.blog-index__side-pick > picture, .blog-index__side-pick > img {
width: 100%;
  height: 140px;
  object-fit: cover;
  background: linear-gradient(135deg, #efe3cb, var(--hc-gold, #d4b896));
  display: block;
}
.blog-index__side-pick > div {
padding: 16px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.blog-index__featured-title {
font-size: clamp(28px, 2.6vw, 40px);
  line-height: 1.12;
  letter-spacing: -0.01em;
}
.blog-index__featured-excerpt {
font-size: 14px;
  line-height: 1.55;
  color: rgba(26, 23, 20, 0.65);
}
.blog-index__lead-grid {
align-items: start;
}
.blog-index__side-picks {
align-content: start;
  gap: 16px;
}
.blog-index__side-pick.hc-card {
min-height: 0;
  padding: 16px 18px;
}


.blog-index__side-pick .blog-index__side-pick-body {
padding: 16px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.blog-index__side-pick .blog-index__side-pick-cover {
width: 100%;
  height: 140px;
  object-fit: cover;
  background: linear-gradient(135deg, #efe3cb, var(--hc-gold, #d4b896));
  display: block;
}