@view-transition {
  navigation: unset;
}

:root {
  --bs-body-font-family: Segoe UI,Segoe UI Variable Text,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;
  --bs-body-line-height: 1.6;
}

[data-bs-theme=light] {
  --bs-link-color-rgb: 0, 101, 179;
  --bs-secondary-bg-subtle: #f5f5f5;
}

[data-bs-theme=dark] {
  --bs-link-color-rgb: 101, 174, 211;
}

.navbar-brand {
  max-width: 50%;
  overflow-x: auto;
}

.navbar .navbar-nav {
  align-items: center;
}

@media (width < 768px) {
  nav .container-xxl.flex-nowrap {
    flex-wrap: wrap !important;
  }

  .navbar-brand {
    max-width: 80%;
  }

  .navbar .navbar-nav {
    align-items: flex-start;
  }
}

#logo {
  max-height: 50px;
  margin-right: .5rem;
  width: 100%; /*to fix svg images inside flex container,  otherwise sibling text overflows*/
}

#breadcrumb {
  min-height: 37px; /*prevent annoying flicker when navigating pages (because contents is dynamically added in js)*/
}

a {
  text-decoration: none;
}

.content a:visited {
  color: #624991;
}

[data-bs-theme=dark] .content a:visited {
  color: #9286a3;
}

a:hover:not(.btn, .dropdown-item),
a:focus:not(.btn, .dropdown-item) {
  text-decoration: underline;
}

.toc li {
  margin: 0;
}

.toc li:not(li li) {
  padding-left: 0;
}

.toc .expand-stub:before {
  margin-left: .45rem; /*should be same as margins are also rotated*/
  margin-top: .45rem;
}

.toc li > a {
  color: unset;
  display: block;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 1.4rem;
}

[data-bs-theme=dark] .toc li > a {
  color: unset;
}

.toc li.active:not(:has(li.active)) > a {
  background-color: #f2f2f2;
  color: #171717;
  font-weight: 600;
}

[data-bs-theme=dark] .toc li.active:not(:has(li.active)) > a {
  background-color: #787878;
  color: #f8f8f8;
}

body[data-yaml-mime=ManagedReference] article dl.typelist.inheritance>dd>div:not(:last-child):after, 
body[data-yaml-mime=ApiPage] article dl.typelist.inheritance>dd>div:not(:last-child):after {
    font-family: unset;
    content: "→";
    position: unset;
    top: unset;
    /*opacity: unset;*/
    padding: 0 6px;
}

h1 {
  line-height: 1.3;
  margin-top: 32px;
  margin-bottom: 12px;
}

h1:first-child {
  margin-top: 0;
}

h2 {
  line-height: 1.3;
  margin-top: 32px;
  margin-bottom: 12px;
}

h3 {
  line-height: 1.3;
  margin-top: 30px;
  margin-bottom: 18px;
}

h4 {
  line-height: 1.3;
  margin-top: 36px;
  margin-bottom: 6px;
}

h5 {
  line-height: 1.3;
  letter-spacing: 1px;
  margin-top: 36px;
  margin-bottom: 6px;
}

h6 {
  line-height: 1.3;
  letter-spacing: 1px;
  margin-top: 36px;
  margin-bottom: 6px;
}

body[data-yaml-mime=ManagedReference] article h2.section, 
body[data-yaml-mime=ApiPage] article h2.section {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.table {
  font-size: .875rem;
}

.table-bordered > :not(caption) > * > * {
  border-width: 0;
}

.table-bordered > :not(caption) > * > *:first-child {
  border-left-width: var(--bs-border-width);
  /*white-space: nowrap;*/
}

.table-bordered > :not(caption) > * > *:last-child {
  border-right-width: var(--bs-border-width);
}

:not(a):not(pre)>code {
  background-color: #e6e6e6;
  color: unset;
  border-radius: 3px;
  word-wrap: break-word;
  border-radius: 3px;
  padding: .1em .2em;
  font-size: 85%;
  font-smooth: auto;
}

[data-bs-theme=dark] :not(a):not(pre)>code {
  background-color: #535353;
}

.memberInfo {
  margin-left: 24px;
}

.code-tabs {
  font-size: .875rem;
  border-top-left-radius: var(--bs-border-radius);
  border-top-right-radius: var(--bs-border-radius);
  --bs-nav-tabs-border-width: .125rem;
}

.code-tabs .nav-link {
  border-bottom-width: 0;
}

.code-tabs-content {
  margin-bottom: 1rem;
  border-bottom-left-radius: var(--bs-border-radius);
  border-bottom-right-radius: var(--bs-border-radius);
  border-width: .125rem !important;
}

.code-tabs-content pre {
  margin: 0;
}

.code-tabs-content .hljs {
  background-color: unset !important;
}

.code-copy {
  align-self: center;
  margin-left: auto;
  /*margin-right: .24rem;*/
  padding-block: .125rem;
  font-size: .875rem;
  font-weight: 600;
  border-radius: .25rem;
}

.code-copy i {
  transition: opacity .25s ease-in-out;
}

.btn-outline-subtle {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-border-color: var(--bs-border-color);
  
  --bs-btn-hover-bg: var(--bs-secondary-bg-subtle);
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  
  --bs-btn-active-color: var(--bs-btn-color);
  --bs-btn-active-bg: var(--bs-btn-hover-bg);
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-active-shadow: unset;  
}

.contribution a.edit-link:before {
  top: unset;
  font-size: unset;
  vertical-align: -.125em;
}

.form-control {
  padding-block: calc(.375em - 1px);
  font-size: .875rem;
}
.form-control:focus {
  box-shadow: none;
}