/* Custom CSS for enhanced functionality */

/* Better code block styling */
.highlight pre {
  border-radius: 6px;
  border: 1px solid var(--md-default-fg-color--lightest);
}

/* Enhanced table styling */
.md-typeset table:not([class]) {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px;
  overflow: hidden;
}

.md-typeset table:not([class]) th {
  background-color: var(--md-default-fg-color--lightest);
  font-weight: 600;
}

/* Mermaid diagram styling */
.mermaid {
  text-align: center;
  margin: 1em 0;
}

/* Enhanced admonition styling */
.md-typeset .admonition {
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Custom checkbox styling for task lists */
.md-typeset .task-list-item {
  list-style: none;
}

.md-typeset .task-list-item input[type="checkbox"] {
  margin-right: 0.5em;
}

/* External link styling */
.md-typeset a[href^="http"]:after {
  content: "↗";
  font-size: 0.8em;
  margin-left: 2px;
  opacity: 0.6;
}

/* Internal link styling (no external icon) */
.md-typeset a[href^="/"]:after,
.md-typeset a[href^="#"]:after,
.md-typeset a[href^="./"]:after,
.md-typeset a[href^="../"]:after {
  content: none;
}

/* Progress bar styling for checklists */
.progress-bar {
  width: 100%;
  height: 20px;
  background-color: var(--md-default-fg-color--lightest);
  border-radius: 10px;
  overflow: hidden;
  margin: 1em 0;
}

.progress-bar-fill {
  height: 100%;
  background-color: var(--md-primary-fg-color);
  transition: width 0.3s ease;
}

/* Enhanced kbd styling */
.md-typeset kbd {
  background-color: var(--md-default-fg-color--lightest);
  border: 1px solid var(--md-default-fg-color--light);
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.2);
  padding: 0.1em 0.3em;
  font-family: var(--md-code-font);
  font-size: 0.85em;
}