/* --- START OF FILE markdown_html.css --- */
#markdown-html h1,
#markdown-html h2,
#markdown-html h3,
#markdown-html h4,
#markdown-html h5,
#markdown-html h6 {
  color: var(--info-color, #2c3e2e);
  font-weight: 700;
  line-height: 1.2;
  margin-top: 1.5em;
  margin-bottom: 0.8em;
}

#markdown-html h1 {
  font-size: 2.2em;
  border-bottom: 2px solid var(--primary-color, #6fd42f);
  padding-bottom: 0.3em;
}

#markdown-html h2 {
  font-size: 1.8em;
  border-bottom: 1px solid var(--secondary-color, #4caf50);
  padding-bottom: 0.2em;
}

#markdown-html h3 {
  font-size: 1.4em;
  font-weight: 600;
}

#markdown-html p {
  margin-top: 0;
  margin-bottom: 1em;
  line-height: 1.6;
  color: var(--content-text, var(--dark-color, #2c3e2e));
  font-size: 1em;
}

#markdown-html a {
  color: var(--accent-dark, #008807);
  text-decoration: none;
  font-weight: 500;
}

#markdown-html a:hover {
  color: var(--primary-color, #6fd42f);
  text-decoration: underline;
}

#markdown-html hr {
  border: 0;
  border-top: 1px solid var(--control-border, var(--accent-color, #bcffb4));
  margin: 2em 0;
}

#markdown-html blockquote {
  background-color: var(--accent-light, #dcf5dc);
  border-left: 4px solid var(--accent-dark, #008807);
  padding: 10px 15px;
  margin: 1.5em 0;
  margin-left: 0;
  margin-right: 0;
  color: var(--dark-color, #2c3e2e);
}

#markdown-html blockquote p {
  margin-bottom: 0.5em;
}

#markdown-html blockquote p:last-child {
  margin-bottom: 0;
}

#markdown-html ul {
  list-style-type: disc;
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 30px;
  color: var(--content-text, var(--dark-color, #2c3e2e));
  line-height: 1.6;
}

#markdown-html ol {
  list-style-type: decimal;
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 30px;
  color: var(--content-text, var(--dark-color, #2c3e2e));
  line-height: 1.6;
}

#markdown-html ul ul,
#markdown-html ol ol {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 25px;
}

#markdown-html ul ul {
  list-style-type: circle;
}
#markdown-html ul ul ul {
  list-style-type: square;
}
#markdown-html ol ol {
  list-style-type: lower-alpha;
}
#markdown-html ol ol ol {
  list-style-type: lower-roman;
}


#markdown-html li {
  margin-bottom: 0.5em;
}

#markdown-html code {
  background-color: var(--accent-hover, #eaf5ea);
  color: var(--accent-dark, #008807);
  padding: 0.2em 0.4em;
  margin: 0 0.1em;
  font-size: 0.85em;
  border-radius: 3px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

#markdown-html pre {
  background-color: var(--accent-light, #dcf5dc);
  border: 1px solid var(--control-border, var(--accent-color, #bcffb4));
  padding: 1em;
  margin: 1.5em 0;
  overflow-x: auto;
  border-radius: 5px;
  font-size: 0.85em;
  line-height: 1.45;
  color: var(--dark-color, #2c3e2e);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

#markdown-html pre code {
  background-color: transparent;
  color: inherit;
  padding: 0;
  margin: 0;
  font-size: inherit;
  border-radius: 0;
  border: none;
}

#markdown-html table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
  border: 1px solid var(--table-border, var(--accent-color, #bcffb4));
  font-size: 0.95em;
}

#markdown-html thead {
  background-color: var(--table-header-bg, #dcf5dc);
  color: var(--table-header-text, var(--dark-color, #2c3e2e));
}

#markdown-html th,
#markdown-html td {
  border: 1px solid var(--table-border, var(--accent-color, #bcffb4));
  padding: 0.6em 0.8em;
  text-align: left;
  vertical-align: top;
  color: var(--table-cell-text, var(--dark-color, #2c3e2e));
}

#markdown-html th {
  font-weight: 600;
}

#markdown-html tbody {
  background-color: var(--table-cell-bg, var(--light-color, #f5fff2));
}

#markdown-html tbody tr:nth-child(even) {
  background-color: var(--accent-hover, #eaf5ea);
}

#markdown-html tbody tr:hover {
    background-color: var(--table-hover-bg, #eaf5ea) !important;
    color: var(--table-hover-text, var(--dark-color, #2c3e2e)) !important;
}

#markdown-html img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1.5em auto;
  border-radius: 5px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

#markdown-html strong {
  font-weight: 700;
  color: var(--dark-color, #2c3e2e);
}

#markdown-html em {
  font-style: italic;
}

#markdown-html del {
  text-decoration: line-through;
  color: var(--state-disabled-text, #999999);
}

#markdown-html ins {
  text-decoration: underline;
  background-color: var(--accent-light, #dcf5dc);
  color: var(--accent-dark, #008807);
  padding: 0.1em 0.2em;
  border-radius: 2px;
}

#markdown-html div {
}

/* Ensure resume.css (or your theme file defining CSS variables) is loaded before this file. */
/* --- END OF FILE markdown_html.css --- */

@media (prefers-color-scheme: dark) {
  #markdown-html {
    background: var(--dark-mode-bg, #1a291c);
    color: var(--dark-mode-text, #f5fff2);
  }

  #markdown-html h1,
  #markdown-html h2,
  #markdown-html h3,
  #markdown-html h4,
  #markdown-html h5,
  #markdown-html h6 {
    color: var(--primary-color, #6fd42f);
    border-color: var(--primary-color, #6fd42f);
  }

  #markdown-html h2 {
    border-color: var(--secondary-color, #4caf50);
  }

  #markdown-html p,
  #markdown-html ul,
  #markdown-html ol,
  #markdown-html li,
  #markdown-html strong {
    color: var(--dark-mode-text, #f5fff2);
  }

  #markdown-html a {
    color: var(--primary-color, #6fd42f);
  }
  #markdown-html a:hover {
    color: var(--accent-color, #bcffb4);
  }

  #markdown-html hr {
    border-top: 1px solid var(--dark-mode-border, #324634);
  }

  #markdown-html blockquote {
    background-color: var(--dark-mode-hover, #2a3a2c);
    border-left: 4px solid var(--primary-color, #6fd42f);
    color: var(--dark-mode-text, #f5fff2);
  }

  #markdown-html code {
    background-color: var(--dark-mode-active, #3a513d);
    color: var(--primary-color, #6fd42f);
  }

  #markdown-html pre {
    background-color: var(--dark-mode-hover, #2a3a2c);
    border: 1px solid var(--dark-mode-border, #324634);
    color: var(--dark-mode-text, #f5fff2);
  }

  #markdown-html table {
    border: 1px solid var(--dark-mode-border, #324634);
  }
  #markdown-html thead {
    background-color: var(--dark-mode-hover, #2a3a2c);
    color: var(--primary-color, #6fd42f);
  }
  #markdown-html th,
  #markdown-html td {
    border: 1px solid var(--dark-mode-border, #324634);
    color: var(--dark-mode-text, #f5fff2);
  }
  #markdown-html tbody {
    background-color: var(--dark-mode-bg, #1a291c);
  }
  #markdown-html tbody tr:nth-child(even) {
    background-color: var(--dark-mode-hover, #2a3a2c);
  }
  #markdown-html tbody tr:hover {
    background-color: var(--primary-color, #6fd42f) !important;
    color: var(--dark-mode-bg, #1a291c) !important;
  }

  #markdown-html del {
    color: var(--state-disabled-text, #888);
  }

  #markdown-html ins {
    background-color: var(--dark-mode-active, #3a513d);
    color: var(--primary-color, #6fd42f);
  }
}