:root {
  --bs-success:           #0072B2;
  --bs-success-rgb:       0, 114, 178;
  --bs-success-bg-subtle: #e7f2f8;
  --bs-success-text-emphasis: #003d6e;
  --a11y-hover:           #ffffff;
  --a11y-hover-bg:        #0072B2;
  --a11y-focus-ring:      #f0e442;
}

:focus-visible {
  outline: 3px solid var(--a11y-focus-ring) !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

/* navbar */
.navbar {
  background-color: #ffffff !important;
  border-bottom: 1px solid #dee2e6;
}
.navbar .navbar-brand,
.navbar .nav-link {
  color: #222222 !important;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: var(--a11y-hover) !important;
  background-color: var(--a11y-hover-bg) !important;
}
.navbar .nav-link.active,
.navbar .nav-link[aria-current="page"] {
  color: var(--a11y-hover) !important;
  background-color: var(--a11y-hover-bg) !important;
  border-bottom: 3px solid #ffffff !important;
  font-weight: 700;
}
.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus,
.navbar .dropdown-menu .dropdown-item.active {
  color: var(--a11y-hover) !important;
  background-color: var(--a11y-hover-bg) !important;
}

/* links */
a:hover,
a:focus {
  color: var(--a11y-hover) !important;
  background-color: var(--a11y-hover-bg) !important;
  text-decoration: none;
}
.sidebar a:hover,
.sidebar a:focus,
.template-reference-index .ref-index a:hover,
.template-reference-index .ref-index a:focus,
.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus,
.nav-pills .nav-link.active {
  color: var(--a11y-hover) !important;
  background-color: var(--a11y-hover-bg) !important;
}

/* dark mode */
[data-bs-theme="dark"] {
  --bs-body-bg:        #1a1a1a;
  --bs-body-color:     #dee2e6;
  --bs-link-color:     #56B4E9;
  --bs-link-hover-color: #ffffff;
  --bs-code-bg:        #2d2d2d;
  --bs-code-color:     #f0e442;
  --bs-border-color:   #495057;
  --bs-secondary-bg:   #2d2d2d;
  --bs-tertiary-bg:    #2d2d2d;
  --bs-success:        #56B4E9;
  --bs-success-rgb:    86, 180, 233;
  --a11y-hover:        #ffffff;
  --a11y-hover-bg:     #0072B2;
}
[data-bs-theme="dark"] .navbar {
  background-color: #1a1a1a !important;
  border-bottom: 1px solid #495057;
}
[data-bs-theme="dark"] .navbar .navbar-brand,
[data-bs-theme="dark"] .navbar .nav-link {
  color: #dee2e6 !important;
}
[data-bs-theme="dark"] .navbar .nav-link:hover,
[data-bs-theme="dark"] .navbar .nav-link:focus,
[data-bs-theme="dark"] .navbar .nav-link.active,
[data-bs-theme="dark"] .navbar .navbar-brand:hover,
[data-bs-theme="dark"] .navbar .navbar-brand:focus {
  color: var(--a11y-hover) !important;
  background-color: var(--a11y-hover-bg) !important;
}
[data-bs-theme="dark"] .navbar .dropdown-menu .dropdown-item:hover,
[data-bs-theme="dark"] .navbar .dropdown-menu .dropdown-item:focus,
[data-bs-theme="dark"] .navbar .dropdown-menu .dropdown-item.active,
[data-bs-theme="dark"] a:hover,
[data-bs-theme="dark"] a:focus,
[data-bs-theme="dark"] .sidebar a:hover,
[data-bs-theme="dark"] .sidebar a:focus,
[data-bs-theme="dark"] .nav-pills .nav-link:hover,
[data-bs-theme="dark"] .nav-pills .nav-link:focus,
[data-bs-theme="dark"] .nav-pills .nav-link.active {
  color: var(--a11y-hover) !important;
  background-color: var(--a11y-hover-bg) !important;
  text-decoration: none;
}
[data-bs-theme="dark"] pre,
[data-bs-theme="dark"] code {
  background-color: #2d2d2d;
  color: #f0e442;
}
[data-bs-theme="dark"] table {
  --bs-table-bg:    #1a1a1a;
  --bs-table-color: #dee2e6;
}

/* DT widgets */
.dataTables_wrapper,
.html-widget.datatables,
.datatables.html-widget,
div[id^="htmlwidget-"] {
  max-width: 100% !important;
  overflow-x: auto;
}
table.dataTable {
  max-width: 100% !important;
  width: auto !important;
}
.dataTables_wrapper .dt-buttons {
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.contents > pre,
.contents > table,
.contents > .table-responsive,
.contents .html-widget {
  max-width: 100%;
  overflow-x: auto;
}

/* page header + logo */
.page-header {
  border-bottom: none !important;
  padding-bottom: 0;
  margin-bottom: 0 !important;
}
.page-header h1 {
  margin-bottom: 0.25rem;
}
.page-header + blockquote,
.page-header + p {
  margin-top: 0;
}
.page-header .logo {
  width: 96px;
  height: auto;
}
.page-header .logo[src*="../"],
.navbar-brand img[src*="../"] {
  display: none !important;
}

/* normalize Quarto-rendered articles to pkgdown body font */
article .quarto-title,
article .quarto-title-meta,
.quarto-layout-cell,
.quarto-figure,
.quarto-figure figcaption,
.cell-output,
.cell-output-display {
  font-family: inherit !important;
}

/* shinylive */
.shinylive-r,
.shinylive-python,
.shinylive-revealjs,
div[class*="shinylive"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: auto;
}
.shinylive-r iframe,
.shinylive-python iframe,
div[class*="shinylive"] iframe {
  width: 100% !important;
  min-width: 0 !important;
  border: 0;
}
@media (min-width: 992px) {
  body.template-article main.col-md-9 {
    max-width: 100%;
    flex: 1 1 auto;
  }
}