/* Villas Campestre — blog list + article styles. Loaded only on blog/*.html. */

.blog-list {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
  margin-top: clamp(2rem, 4vw, 3rem);
}
@media (max-width: 900px) { .blog-list { grid-template-columns: 1fr; } }

.blog-card {
  display: flex; flex-direction: column; gap: .6rem;
  padding: clamp(1.4rem, 1rem + 1.5vw, 1.9rem); border-radius: 16px;
  background: var(--villas-surface); border: 1px solid var(--ck-hairline);
  text-decoration: none; transition: transform .25s ease, box-shadow .25s ease;
  min-height: 12rem;
}
.blog-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px -26px color-mix(in srgb, var(--villas-blue) 55%, transparent);
}
.blog-card__tag {
  display: inline-block; align-self: flex-start;
  font-size: .72rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
  color: var(--villas-blue); background: color-mix(in srgb, var(--villas-blue) 10%, #fff);
  padding: .3rem .65rem; border-radius: 999px;
}
.blog-card .ck-h3 { margin: 0; color: var(--villas-ink); }
.blog-card__excerpt { color: #3f5666; font-size: .92rem; line-height: 1.5; margin: 0; flex: 1; }
.blog-card__date { font-size: .78rem; color: color-mix(in srgb, var(--villas-muted) 85%, transparent); }

/* Article page */
.blog-article { max-width: 42rem; margin-inline: auto; }
.blog-article__meta {
  display: flex; align-items: center; gap: .75rem; margin-bottom: .5rem;
  font-size: .82rem; color: var(--villas-muted);
}
.blog-article__meta .blog-card__tag { margin: 0; }
.blog-article h1 { margin-bottom: .75rem; }
.blog-article .ck-lead { margin-bottom: 2rem; }
.blog-article h2 {
  font-family: var(--ctx-font-display); font-size: clamp(1.4rem, 1.2rem + .6vw, 1.8rem);
  font-weight: 600; color: var(--villas-ink); margin: 2.25rem 0 .9rem;
}
.blog-article p { color: color-mix(in srgb, var(--ctx-color-primary-text) 82%, transparent); line-height: 1.7; margin: 0 0 1.1rem; font-size: 1.02rem; }
.blog-article ul, .blog-article ol { margin: 0 0 1.1rem; padding-left: 1.4rem; color: color-mix(in srgb, var(--ctx-color-primary-text) 82%, transparent); line-height: 1.7; }
.blog-article li { margin-bottom: .4rem; }
.blog-article table { width: 100%; border-collapse: collapse; margin: 0 0 1.5rem; font-size: .92rem; }
.blog-article th, .blog-article td { text-align: left; padding: .6rem .9rem; border-bottom: 1px solid var(--ck-hairline); }
.blog-article th { color: var(--villas-muted); font-weight: 600; font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; }
.blog-article__sources {
  margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--ck-hairline);
  font-size: .82rem; color: var(--villas-muted);
}
.blog-article__sources a { color: var(--villas-blue); }
.blog-article__disclaimer {
  margin: 1.75rem 0; padding: 1rem 1.25rem; border-radius: 12px;
  background: color-mix(in srgb, var(--villas-terracotta) 8%, #fff);
  border: 1px solid color-mix(in srgb, var(--villas-terracotta) 20%, transparent);
  font-size: .88rem; color: #6b4530;
}
.blog-article__back { display: inline-flex; align-items: center; gap: .4em; margin-bottom: 1.5rem; font-size: .88rem; color: var(--villas-blue); text-decoration: none; }
.blog-article__back:hover { text-decoration: underline; }