/* Dark mode from mod_ebdarkmode: it colours many elements but skips the
   article details list (dl/dd/dt/time), which stays muted grey on navy. */
body.ebdarkmodecolor .article-info,
body.ebdarkmodecolor .article-info dt,
body.ebdarkmodecolor .article-info dd,
body.ebdarkmodecolor .article-info time {
  color: #d0d0d0 !important;
}
body.ebdarkmodecolor .article-info a {
  color: #8fb4ff !important;
}
/* Astro image details (Moon Phase, Camera, Processing...) in an outlined box */
table.astro-details {
  width: 75% !important;
  margin: 1.5rem auto;
  border: 2px solid #000 !important;
  border-collapse: collapse;
}
/* Only the outer box gets the outline - not the nested processing-steps table */
table.astro-details table {
  width: 100%;
  margin: 0;
  border: 0;
}

/* Full width on phones, where 75% is too narrow to read */
@media (max-width: 600px) {
  table.astro-details { width: 100% !important; }
}

/* A black outline would vanish on the dark-mode navy background */
body.ebdarkmodecolor table.astro-details {
  border-color: #d0d0d0 !important;
}

/* Astro category blog list: smaller titles, no Created / Last Updated / Hits,
   no tag buttons. The full article page isn't a .blog-item, so it keeps them. */
body.astro-blog .blog-item .page-header h2 {
  font-size: 1.1rem;
  line-height: 1.3;
  margin-bottom: .4rem;
}
body.astro-blog .blog-item .article-info,
body.astro-blog .blog-item ul.tags {
  display: none;
}