/* Stack-inspired Dark Mode Palette */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #151515 !important;
    color: #d4d4d4 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  }
 /* Base text overrides */
p, li, span, div, section {
/*    background-color: #151515 !important;
    color: #d4d4d4 !important;
*/
/*  color: #7a7d85  !important;
### below is the color of text in articles
*/  color: #2a2a2a !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #7a7d85 !important;

  font-weight: 600;
}
  a {
    color: #79a9ff;
  }

  a:hover {
    color: #a6c8ff;
  }

  /* Header and Navigation */
  header, nav, footer {
    background-color: #1a1a1a;
    border-color: #2a2a2a;
  }

  header a, footer a {
    color: #d4d4d4;
  }

  /* Content Containers / Cards resemblance */
  article, pre, code, blockquote {
/*    background-color: #1e1e1e;
*/    
/* bg color is color of code blocks */
    background-color: #d4d4d4;
    border-color: #2d2d2d;
  }

  /* Code blocks style */
  pre code {
    background-color: transparent;
    color: #2d2d2d;
    /* this is color code */
/*    color: #E6E6FA;
    /* orangy */
 /*     color: #79a9ff;   */
    /* blue */
/*    color: #ce9178;
*/  }

  /* Inline code */
  p code, li code {
    background-color: #d4d4d4;
/*    color: #ce9178;
*/   
    color: #79a9ff;
    padding: 0.2em 0.4em;
    border-radius: 4px;
  }

  /* Borders and dividers */
  hr {
    border-color: #2d2d2d;
  }
  
  /* 4. Footer Section */
footer {
  background-color: transparent !important; /* Stack keeps footers clean */
  color: #7a7d85 !important;                /* Muted text for copyright/credits */
  border-top: 1px solid #2a2e35 !important;
  padding: 30px 0 !important;
  margin-top: 50px !important;
  text-align: center;
}

footer a, footer span {
  color: #9aa0a6 !important;
}
}


/* add the following 8/14/26 
.list-main, 
main .list, 
.posts-list {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: 1fr !important; /* Overrides any 2-column grid settings */
  max-width: 800px;                      /* Maintains a highly readable text width */
  margin: 0 auto !important;
}

/* Ensure individual post entry blocks span the full width of the row */
.post-entry, 
.list-item, 
.post-preview {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  margin-bottom: 3.5rem !important;      /* Generous breathing room between posts */
}