/* :root {
} */
:root {
  /* --md-primary-fg-color:        #79daff; */
  /* --md-accent-fg-color:        #8f54a9; */

  --md-admonition-icon--file: url('data:image/svg+xml;charset=utf-8,<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 3v4a1 1 0 0 1-1 1H5m5 4-2 2 2 2m4-4 2 2-2 2m5-12v16a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V7.914a1 1 0 0 1 .293-.707l3.914-3.914A1 1 0 0 1 9.914 3H18a1 1 0 0 1 1 1Z"/></svg>')
}

.md-typeset .admonition.file,
.md-typeset details.file {
  border-color: rgb(0, 0, 0);
}

.md-typeset .file>.admonition-title,
.md-typeset .file>summary {
  background-color: rgba(0, 0, 0, 0.1);
}

.md-typeset .file>.admonition-title::before,
.md-typeset .file>summary::before {
  background-color: rgb(0, 0, 0);
  -webkit-mask-image: var(--md-admonition-icon--file);
  mask-image: var(--md-admonition-icon--file);
}




/* modify the header logo to compile with NASA brand standards */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 50px;
  /* default is ~24px */
  width: auto;
}


.md-header__button.md-logo {
  pointer-events: none;
  cursor: default;
}

.md-header__button.md-logo:hover {
  opacity: 1;
}

/* Site name title link in header */
.md-header__title-link {
  color: inherit;
  text-decoration: none;
}

.md-header__title-link:hover {
  text-decoration: underline;
}

/* Grid layout for side-by-side content */
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 1rem;
}

.grid figure {
  margin: 0;
  text-align: center;
}

/* Figure utilities for markdown image attributes */
.md-typeset img.figure-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.md-typeset img.figure-w-300 {
  width: 300px;
  max-width: 100%;
  height: auto;
}

:root {
  --md-icon--download: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2.75 14A1.75 1.75 0 0 1 1 12.25v-2.5a.75.75 0 0 1 1.5 0v2.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25v-2.5a.75.75 0 0 1 1.5 0v2.5A1.75 1.75 0 0 1 13.25 14ZM7.25 7.689V2a.75.75 0 0 1 1.5 0v5.689l1.97-1.969a.749.749 0 1 1 1.06 1.06l-3.25 3.25a.749.749 0 0 1-1.06 0L4.22 6.78a.749.749 0 1 1 1.06-1.06Z"/></svg>');
  --md-icon--external: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112v320c0 44.2 35.8 80 80 80h320c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v112c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16h112c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>');
}

/* Download links — icon prepended */
a[download=""]::before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  vertical-align: middle;
  margin-right: 0.2em;
  background-color: currentColor;
  -webkit-mask-image: var(--md-icon--download);
  mask-image: var(--md-icon--download);
}

/* External links — icon appended */
a[href^="http"]:not([href*="doi.org"]):not([href*="nasa.gov"]):not([href*="vimeo.com"]):not([href*="youtube.com"]):not([href^="http://127.0.0.1"]):not([href^="http://localhost"])::after {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  vertical-align: middle;
  margin-left: 0.3em;
  background-color: currentColor;
  -webkit-mask-image: var(--md-icon--external);
  mask-image: var(--md-icon--external);
}

/* Don't show external icon on download links */
a[download]::after {
  display: none;
}

#print-page-toc nav>ul~ul {
  display: none !important;
}

/* Restore bullet/numbered list styles in print-site page.
   The plugin injects an inline <style> with "ul li { list-style-type: none }"
   for heading enumeration. list-style-type on <li> beats rules on <ul>,
   so we must target li directly to restore bullets.
   Exclude #print-page-toc so the TOC stays bullet-free. */
#print-site-page ul:not(#print-page-toc ul):not(#print-page-toc *) {
  padding-left: 1.5em !important;
}

#print-site-page ol:not(#print-page-toc ol):not(#print-page-toc *) {
  padding-left: 1.5em !important;
}

#print-site-page ul:not(#print-page-toc ul)>li {
  list-style-type: disc !important;
}

#print-site-page ul ul:not(#print-page-toc ul ul)>li {
  list-style-type: circle !important;
}

#print-site-page ul ul ul:not(#print-page-toc ul ul ul)>li {
  list-style-type: square !important;
}

#print-site-page ol:not(#print-page-toc ol)>li {
  list-style-type: decimal !important;
}

#print-page-toc ul li {
  list-style-type: none !important;
}

@media print {
  #print-site-page ul:not(#print-page-toc ul) {
    padding-left: 1.5em !important;
  }

  #print-site-page ul:not(#print-page-toc ul)>li {
    list-style-type: disc !important;
  }

  #print-site-page ul ul:not(#print-page-toc ul ul)>li {
    list-style-type: circle !important;
  }

  #print-site-page ul ul ul:not(#print-page-toc ul ul ul)>li {
    list-style-type: square !important;
  }

  #print-site-page ol:not(#print-page-toc ol)>li {
    list-style-type: decimal !important;
  }

  #print-page-toc ul li {
    list-style-type: none !important;
  }
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}