/* Blog grid */
body.blog .site-main,
body.archive .site-main{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}

@media (max-width:1100px){
  body.blog .site-main,
  body.archive .site-main{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px){
  body.blog .site-main,
  body.archive .site-main{ grid-template-columns:1fr; }
}

/* Card styling: light gray fill + clearer border */
body.blog .site-main > article,
body.archive .site-main > article{
  background:#f5f5f5 !important;
  border:1px solid #d6d6d6 !important;
  padding:18px 18px 16px;
  margin:0;
  border-radius:6px;
}

/* Force readable text colors inside cards */
body.blog .site-main > article,
body.archive .site-main > article,
body.blog .site-main > article * ,
body.archive .site-main > article *{
  color:#1a1a1a !important;
}


body.blog .site-main > article a:hover,
body.archive .site-main > article a:hover{
  color:#063a8f !important;
}

/* Keep images behaving in the grid */
body.blog .site-main img,
body.archive .site-main img{
  max-width:100%;
  height:auto;
  display:block;
}


/* --- Cleaner card typography --- */

/* Card base */
body.blog .site-main > article,
body.archive .site-main > article{
  background:#f5f5f5 !important;
  border:1px solid #d6d6d6 !important;
  border-radius:6px;
}

/* Title */
body.blog .site-main > article .entry-title,
body.archive .site-main > article .entry-title{
  font-size: 3.5rem;
  line-height: 1.2;
  margin-bottom: .4rem;
}

body.blog .site-main > article .entry-title a,
body.archive .site-main > article .entry-title a{
  color:#111 !important;
  text-decoration: none;
}
body.blog .site-main > article .entry-title a:hover,
body.archive .site-main > article .entry-title a:hover{
  color:#0b5bd3 !important;
  text-decoration: underline;
  text-underline-offset: .14em;
}

/* Meta (date/author/etc.) */
body.blog .site-main > article .entry-meta,
body.archive .site-main > article .entry-meta{
  font-size: 0.58rem !important;
  line-height: 1.35;
  color:#555 !important;
  opacity: 1; /* avoid “washed out” look */
}

body.blog .site-main > article .entry-meta a,
body.archive .site-main > article .entry-meta a{
  color:#555 !important;
  text-decoration: underline;
  text-underline-offset: .14em;
}

/* Excerpt/content text */
body.blog .site-main > article .entry-summary,
body.archive .site-main > article .entry-summary,
body.blog .site-main > article .entry-content,
body.archive .site-main > article .entry-content{
  color:#222 !important;
  font-size: 0.98rem;
  line-height: 1.65;
}

/* “Read more” / any links in excerpt */
body.blog .site-main > article .entry-summary a,
body.archive .site-main > article .entry-summary a,
body.blog .site-main > article .entry-content a,
body.archive .site-main > article .entry-content a{
  font-size: 0.95em;
  color:#0b5bd3 !important;
}
body.blog .site-main > article .entry-summary a:hover,
body.archive .site-main > article .entry-summary a:hover,
body.blog .site-main > article .entry-content a:hover,
body.archive .site-main > article .entry-content a:hover{
  color:#063a8f !important;
}
/* Add gutters + keep blog grid from running to the edges */
body.blog .content-area,
body.archive .content-area,
body.blog .site-content,
body.archive .site-content,
body.blog .wrap,
body.archive .wrap {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

}

/* Smaller meta line on blog grid cards (date / author / comments) */
body.blog .site-main > article .entry-meta,
body.archive .site-main > article .entry-meta {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

body.blog .site-main > article .entry-meta a,
body.archive .site-main > article .entry-meta a,
body.blog .site-main > article .entry-meta time,
body.archive .site-main > article .entry-meta time {
  font-size: 10px !important;
  line-height: 1.25 !important;
}

/* Optional: reduce spacing around the meta row */
body.blog .site-main > article .entry-meta,
body.archive .site-main > article .entry-meta {
  margin-bottom: 16px !important;
}
/* Stack date / author / comments into 3 indented rows */
body.blog .site-main > article .entry-meta,
body.archive .site-main > article .entry-meta{
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Each meta item becomes its own row and gets an indent */
body.blog .site-main > article .entry-meta > span,
body.archive .site-main > article .entry-meta > span{
  display: block;
  padding-left: 12px; /* indent */
}

/* Remove any separators the theme may add between items */
body.blog .site-main > article .entry-meta > span:before,
body.blog .site-main > article .entry-meta > span:after,
body.archive .site-main > article .entry-meta > span:before,
body.archive .site-main > article .entry-meta > span:after{
  content: none !important;
}