.md-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 0.75rem; }
#markdown-filename { font-weight: bold; overflow-wrap: anywhere; }
.md-status { margin: 0.75rem 0 1.25rem; color: var(--muted); overflow-wrap: anywhere; }
.md-contents { margin-bottom: 1.25rem; border: 1px solid var(--border); background: var(--face-soft); }
.md-contents summary { padding: 0.45rem 0.75rem; min-height: 2.5rem; font-weight: bold; cursor: pointer; }
.md-contents ol { list-style: none; padding: 0.25rem 0.75rem 0.75rem; margin: 0; }
.md-contents a { display: inline-block; min-height: 1.5rem; overflow-wrap: anywhere; }
.md-toc-level-2 { margin-left: 1rem; }
.md-toc-level-3 { margin-left: 2rem; }
.md-toc-level-4, .md-toc-level-5, .md-toc-level-6 { margin-left: 3rem; }
.md-document { overflow-wrap: anywhere; }
.md-document h1, .md-document h2 { padding-bottom: 0.4rem; border-bottom: 2px solid var(--border); }
.md-document h1 { font-size: 1.75rem; }
.md-document h2 { font-size: 1.4rem; }
.md-document h3 { font-size: 1.2rem; }
.md-document h4, .md-document h5, .md-document h6 { font-size: 1rem; }
.md-document h1, .md-document h2, .md-document h3,
.md-document h4, .md-document h5, .md-document h6 { margin: 1.5rem 0 0.75rem; line-height: 1.4; }
.md-document > :first-child { margin-top: 0; }
.md-document p, .md-document ul, .md-document ol { margin-top: 0; margin-bottom: 1rem; }
.md-document li > ul, .md-document li > ol { margin-top: 0.35rem; margin-bottom: 0.35rem; }
.md-document ul, .md-document ol { padding-left: 1.65rem; }
.md-document li { margin: 0.3rem 0; }
.md-document blockquote { margin: 1rem 0; padding: 0.75rem; border: 1px solid var(--border); background: var(--face-soft); }
.md-document blockquote > :last-child { margin-bottom: 0; }
.md-document hr { border: 0; border-top: 3px double var(--border); margin: 1.5rem 0; }
.md-document code { padding: 0.1rem 0.25rem; background: var(--face-soft); }
.md-document pre { max-width: 100%; overflow: auto; padding: 0.75rem; margin: 1rem 0; border: 2px solid;
  border-color: var(--shadow) var(--highlight) var(--highlight) var(--shadow);
  background: var(--field); white-space: pre; overflow-wrap: normal; line-height: 1.5; }
.md-document pre code { padding: 0; background: transparent; }
.md-code-label { padding: 0.35rem 0.65rem; margin-bottom: 0 !important; background: var(--face); border: 1px solid var(--border); font-weight: bold; }
.md-code-block { margin: 1rem 0; }
.md-code-block pre { margin-top: 0; }
.md-document img { max-width: 100%; height: auto; }
.md-document .md-task { list-style: none; }
.md-task input {
  appearance: none; position: relative; width: 1.1rem; height: 1.1rem; vertical-align: middle;
  margin: 0; opacity: 1; color: var(--text); background: var(--field); border: 2px solid;
  border-color: var(--shadow) var(--highlight) var(--highlight) var(--shadow); border-radius: 0;
}
.md-task input:checked::after { position: absolute; top: -0.4rem; left: -0.05rem; content: "\2713"; font: bold 1.35rem/1.5 Tahoma, Arial, sans-serif; }
.md-table { max-width: 100%; overflow-x: auto; margin: 1rem 0; border: 1px solid var(--border); }
.md-table table { width: 100%; border-collapse: collapse; }
.md-table th, .md-table td { padding: 0.45rem 0.65rem; border: 1px solid var(--border); min-width: 6rem; }
.md-table th { background: var(--face); }
.md-table th { overflow-wrap: normal; }
.md-table tbody tr:nth-child(even) { background: var(--face-soft); }
.md-align-left { text-align: left; }
.md-align-center { text-align: center; }
.md-align-right { text-align: right; }
.md-unresolved { color: var(--muted); }
.md-footnotes { margin-top: 1.5rem; border-top: 3px double var(--border); }
.md-backlinks { margin-top: 0.4rem; }
.md-document :target { outline: 2px dotted var(--text); outline-offset: 3px; scroll-margin-top: 1rem; }

@media (max-width: 40rem) {
  .md-document h1 { font-size: 1.5rem; }
  .md-document blockquote { padding: 0.5rem; }
  .md-document ul, .md-document ol { padding-left: 1.2rem; }
}

@media print {
  .md-toolbar, .md-status, .md-contents, .breadcrumb, .site-header, .site-footer { display: none; }
  .md-document pre { white-space: pre-wrap; overflow-wrap: anywhere; }
  .md-table { overflow: visible; }
}

@media (forced-colors: active) {
  .md-task input { appearance: auto; }
  .md-task input:checked::after { content: none; }
}
