/* Minimalist styles */

/* Basic Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #fdfdfd;
  max-width: 800px; /* Adjust for desired reading width */
  margin: 2rem auto; /* Center content */
  padding: 0 1rem; /* Add padding on smaller screens */
}

a {
  color: #007bff;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Header */
header {
  margin-bottom: 2rem;
  border-bottom: 1px solid #eee;
  padding-bottom: 1rem;
}

header h1 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

header p {
  color: #666;
  font-size: 1rem;
}

/* Main Content */
main {
  margin-bottom: 2rem;
}

/* Footer */
footer {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #eee;
  font-size: 0.9rem;
  color: #888;
  text-align: center;
}

/* Post List specific styles (from index.md) */
ul.posts {
  list-style: none;
  padding-left: 0;
}

ul.posts li {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #eee; /* Separator for posts */
}

ul.posts li:last-child {
  border-bottom: none; /* Remove border from last item */
  margin-bottom: 0;
  padding-bottom: 0;
}

ul.posts span { /* Date */
  display: block;
  color: #888;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}

ul.posts a { /* Title */
  font-size: 1.2rem;
  font-weight: bold;
}

/* Single Post specific styles (_layouts/post.html) */
.post-header {
  margin-bottom: 1.5rem;
}

.post-title {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}

.post-meta {
  font-size: 0.9rem;
  color: #888;
}

.post-content {
  /* Add specific post content styling here if needed */
  /* e.g., code blocks, blockquotes, images */
}

.post-content h2 {
  font-size: 1.8rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.5rem;
}

.post-content h3 {
  font-size: 1.5rem;
  margin-top: 1.8rem;
  margin-bottom: 0.8rem;
}

.post-content p {
  margin-bottom: 1rem;
}

.post-content ul,
.post-content ol {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.post-content code {
  background-color: #f5f5f5;
  padding: 0.2em 0.4em;
  border-radius: 3px;
  font-size: 85%;
}

.post-content pre {
  background-color: #f5f5f5;
  padding: 1rem;
  border-radius: 4px;
  overflow-x: auto;
  margin-bottom: 1rem;
}

.post-content pre code {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  font-size: inherit;
}

/* Index Page specific styles (index.html) */
.post-excerpt {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #eee;
}

.post-excerpt:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.post-excerpt h2 a {
  color: #333;
}

.post-excerpt h2 {
  font-size: 1.8rem;
  margin-bottom: 0.2rem;
}

.post-excerpt .post-meta {
  font-size: 0.9rem;
  color: #888;
  margin-bottom: 0.5rem;
}

.post-excerpt .excerpt p:last-child {
  margin-bottom: 0;
}

.post-excerpt .read-more {
  display: inline-block;
  margin-top: 1rem;
  font-size: 0.9rem;
  font-weight: bold;
}

/* Pagination */
.pagination {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #eee;
  font-size: 0.9rem;
}

.pagination .disabled {
  color: #ccc;
  pointer-events: none;
}

/* Post Navigation */
.post-nav {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #eee;
  font-size: 0.9rem;
}

.post-nav a {
  max-width: 48%;
}

.post-nav .prev {
  text-align: left;
}

.post-nav .next {
  text-align: right;
}

/* Archive Page Styles */
.archive {
  margin-bottom: 2rem;
}

.archive h1 {
  font-size: 2.5rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.5rem;
}

.archive-year {
  margin-bottom: 2rem;
}

.archive-year h2 {
  font-size: 1.8rem;
  color: #666;
  margin-bottom: 1rem;
}

.archive-list {
  list-style: none;
  padding-left: 0;
}

.archive-item {
  display: flex;
  align-items: baseline;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #eee;
}

.archive-date {
  min-width: 80px;
  color: #888;
  font-size: 0.9rem;
}

.archive-title {
  margin-right: 1rem;
  font-weight: 500;
}

.archive-categories {
  color: #888;
  font-size: 0.9rem;
}

/* About Page Styles */
.about {
  margin-bottom: 2rem;
}

.about h1 {
  font-size: 2.5rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.5rem;
}

.about-content {
  max-width: 700px;
}

.about-content h2 {
  font-size: 1.8rem;
  color: #333;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.about-content h3 {
  font-size: 1.4rem;
  color: #444;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.about-content p {
  margin-bottom: 1.5rem;
  line-height: 1.7;
}

.experience-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 2rem;
}

.experience-list > li {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #eee;
}

.experience-list > li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.experience-list strong {
  font-size: 1.2rem;
  color: #333;
  display: block;
  margin-bottom: 0.5rem;
}

.experience-list p {
  margin-top: 0.5rem;
  margin-left: 0;
  color: #666;
  line-height: 1.6;
}

.experience-list ul {
  /* Removing the previous styles for nested UL */
  /* list-style: disc; */
  /* margin-top: 0.5rem; */
  /* margin-left: 1.5rem; */
  /* color: #666; */
}

.experience-list ul li {
  /* Removing the previous styles for nested LI */
  /* margin-bottom: 0.3rem; */
}

.about-content ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 1.5rem;
}

.about-content ul li {
  margin-bottom: 0.5rem;
}

.about-content ul li a {
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: #f5f5f5;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}

.about-content ul li a:hover {
  background-color: #e5e5e5;
  text-decoration: none;
}

.disclaimer {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid #eee;
  font-size: 0.9rem;
  color: #666;
}

/* Rouge Syntax Highlighting (GitHub theme) */
.highlight table td { padding: 5px; }
.highlight table pre { margin: 0; }
.highlight .cm {
  color: #999988;
  font-style: italic;
}
.highlight .cp {
  color: #999999;
  font-weight: bold;
}
.highlight .c1 {
  color: #999988;
  font-style: italic;
}
.highlight .cs {
  color: #999999;
  font-weight: bold;
  font-style: italic;
}
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf {
  color: #999988;
  font-style: italic;
}
.highlight .err {
  color: #a61717;
  background-color: #e3d2d2;
}
.highlight .gd {
  color: #000000;
  background-color: #ffdddd;
}
.highlight .ge {
  color: #000000;
  font-style: italic;
}
.highlight .gr {
  color: #aa0000;
}
.highlight .gh {
  color: #999999;
}
.highlight .gi {
  color: #000000;
  background-color: #ddffdd;
}
.highlight .go {
  color: #888888;
}
.highlight .gp {
  color: #555555;
}
.highlight .gs {
  font-weight: bold;
}
.highlight .gu {
  color: #aaaaaa;
}
.highlight .gt {
  color: #aa0000;
}
.highlight .kc {
  color: #000000;
  font-weight: bold;
}
.highlight .kd {
  color: #000000;
  font-weight: bold;
}
.highlight .kn {
  color: #000000;
  font-weight: bold;
}
.highlight .kp {
  color: #000000;
  font-weight: bold;
}
.highlight .kr {
  color: #000000;
  font-weight: bold;
}
.highlight .kt {
  color: #445588;
  font-weight: bold;
}
.highlight .k, .highlight .kv {
  color: #000000;
  font-weight: bold;
}
.highlight .mf {
  color: #009999;
}
.highlight .mh {
  color: #009999;
}
.highlight .il {
  color: #009999;
}
.highlight .mi {
  color: #009999;
}
.highlight .mo {
  color: #009999;
}
.highlight .m, .highlight .mb, .highlight .mx {
  color: #009999;
}
.highlight .sa {
  color: #000000;
  font-weight: bold;
}
.highlight .sb {
  color: #d14;
}
.highlight .sc {
  color: #d14;
}
.highlight .sd {
  color: #d14;
}
.highlight .s2 {
  color: #d14;
}
.highlight .se {
  color: #d14;
}
.highlight .sh {
  color: #d14;
}
.highlight .si {
  color: #d14;
}
.highlight .sx {
  color: #d14;
}
.highlight .sr {
  color: #009926;
}
.highlight .s1 {
  color: #d14;
}
.highlight .ss {
  color: #990073;
}
.highlight .s, .highlight .dl {
  color: #d14;
}
.highlight .na {
  color: #008080;
}
.highlight .bp {
  color: #999999;
}
.highlight .nb {
  color: #0086B3;
}
.highlight .nc {
  color: #445588;
  font-weight: bold;
}
.highlight .no {
  color: #008080;
}
.highlight .nd {
  color: #3c5d5d;
  font-weight: bold;
}
.highlight .ni {
  color: #800080;
}
.highlight .ne {
  color: #990000;
  font-weight: bold;
}
.highlight .nf, .highlight .fm {
  color: #990000;
  font-weight: bold;
}
.highlight .nl {
  color: #990000;
  font-weight: bold;
}
.highlight .nn {
  color: #555555;
}
.highlight .nt {
  color: #000080;
}
.highlight .vc {
  color: #008080;
}
.highlight .vg {
  color: #008080;
}
.highlight .vi {
  color: #008080;
}
.highlight .nv, .highlight .vm {
  color: #008080;
}
.highlight .ow {
  color: #000000;
  font-weight: bold;
}
.highlight .o {
  color: #000000;
  font-weight: bold;
}
.highlight .w {
  color: #bbbbbb;
}
.highlight {
  background-color: #f8f8f8;
}

/* Dark Mode Styles */
@media (prefers-color-scheme: dark) {
  body {
    color: #e0e0e0; /* Light gray text */
    background-color: #121212; /* Very dark gray background */
  }

  a {
    color: #8ab4f8; /* Lighter blue for links */
  }

  /* Borders need to be lighter in dark mode */
  header,
  footer,
  .post-excerpt,
  .post-excerpt:last-child, /* Re-add border for consistency in dark mode if needed, or keep none */
  .pagination,
  .post-nav,
  .post-content h2,
  .archive h1,
  .archive-item,
  .about h1,
  .experience-list > li,
  .experience-list > li:last-child, /* Re-add border? */
  .disclaimer {
    border-color: #333; /* Darker gray border */
  }

  /* Adjust specific element colors */
  header p,
  ul.posts span,
  .post-meta,
  .archive-year h2,
  .archive-date,
  .archive-categories,
  .experience-list p,
  footer,
  .disclaimer {
    color: #aaa; /* Lighter muted text */
  }

  .post-excerpt h2 a {
    color: #e0e0e0; /* Match body text */
  }

  .about-content h2,
  .about-content h3,
  .experience-list strong {
      color: #ccc; /* Slightly brighter headings */
  }

  .pagination .disabled {
    color: #555; /* Darker disabled color */
  }
  
  .about-content ul li a {
    background-color: #2a2a2a; /* Darker button background */
    color: #bbb; /* Adjust text color for contrast */
  }
  
  .about-content ul li a:hover {
    background-color: #3a3a3a; /* Slightly lighter hover */
  }

  /* Code Blocks */
  .post-content code {
    background-color: #2a2a2a; /* Dark background for inline code */
    color: #ccc; 
  }

  .post-content pre {
    background-color: #1e1e1e; /* Dark background for code blocks */
    color: #d4d4d4; /* Default code text color */
    border: 1px solid #333; /* Add subtle border */
  }

  /* Basic Rouge Dark Theme Adaptation */
  .highlight {
    background-color: #1e1e1e !important; /* Override base theme */
    color: #d4d4d4;
  }
  .highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf, .highlight .c1, .highlight .cs, .highlight .cm {
    color: #6a9955; /* Comments */
    font-style: italic;
  }
  .highlight .cp {
      color: #569cd6; /* Preprocessor */
  }
  .highlight .err {
    color: #f44747; /* Errors */
  }
  .highlight .k, .highlight .kc, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv {
    color: #569cd6; /* Keywords */
  }
  .highlight .o, .highlight .ow {
    color: #d4d4d4; /* Operators */
  }
  .highlight .p, .highlight .pi {
      color: #d4d4d4; /* Punctuation */
  }
  .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
    color: #b5cea8; /* Numbers */
  }
  .highlight .s, .highlight .sb, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .si, .highlight .sx, .highlight .sr, .highlight .s1, .highlight .ss {
    color: #ce9178; /* Strings */
  }
  .highlight .na, .highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm {
    color: #9cdcfe; /* Variables, Attributes */
  }
  .highlight .nb {
    color: #4fc1ff; /* Builtins */
  }
  .highlight .nc {
      color: #4ec9b0; /* Class names */
  }
  .highlight .nf, .highlight .fm {
    color: #dcdcaa; /* Function names */
  }
  .highlight .nt {
      color: #569cd6; /* Tag names */
  }
  .highlight .bp {
    color: #d4d4d4;
  }
  .highlight .gh {
    color: #dcdcaa; /* Heading */
    font-weight: bold;
  }
  .highlight .gu {
    color: #569cd6; /* Subheading */
    font-weight: bold;
  }
  .highlight .gd {
    color: #f97583;
  }
  .highlight .gi {
    color: #7ee787;
  }
}