@charset "UTF-8";
html {
  box-sizing:border-box
}
*,
*:before,
*:after {
  box-sizing:inherit
}
* {
  margin:0;
  padding:0
}
#ms_navbar,
#ms_footer,
main {
  max-width:45rem;
  margin:auto
}
@media screen and (min-width:58rem) {
  #ms_navbar,
  #ms_footer,
  main {
    max-width:calc(45rem + 13rem)
  }
}
main>div:first-child {
  max-width:45rem;
  padding:1rem
}
@media screen and (min-width:58rem) {
  main {
    display:flex
  }
}
#ms_toc {
  display:none
}
@media screen and (min-width:58rem) {
  #ms_toc {
    display:block;
    position:sticky;
    top:0;
    align-self:flex-start;
    padding-top:4.5rem;
    max-width:13rem;
    z-index:1;
    max-height:100vh;
    overflow-y:auto
  }
}
.ms_toc_details {
  margin-bottom:2rem
}
@media screen and (min-width:58rem) {
  .ms_toc_details {
    display:none
  }
}
@media print {
  .ms_toc_details {
    display:none
  }
}
@media screen and (min-width:58rem) {
  #ms_toc>div {
    border-left:1px solid #eee;
    padding-left:1rem
  }
}
#ms_footer {
  padding:1rem;
  font-size:14px;
  border-top:1px solid #eee;
  color:#666
}
#ms_footer a {
  color:#666
}
#ms_navbar {
  display:grid;
  grid-template-columns:calc(2rem + 44px)auto auto;
  align-items:center;
  padding:.25rem 0;
  position:sticky;
  top:0;
  background-color:#fff;
  z-index:1
}
@media screen and (min-width:58rem) {
  #ms_navbar {
    padding-top:.5rem
  }
}
html,
body {
  scroll-padding-top:6rem
}
#ms_navbar img {
  border-radius:40%;
  margin:0 1rem
}
#ms_navbar li {
  display:inline;
  margin-right:.1rem;
}
#ms_navbar a.active {
  font-weight:700
}
#ms_navbar a:link,
#ms_navbar a:visited {
  text-decoration:none
}
#ms_navbar ul a:link,
#ms_navbar ul a:visited {
  text-decoration:underline;
  text-underline-offset:.3rem;
  padding-left:50px;
}
#ms_navbar h1 {
  font-size:min(6vw,30px);
  margin-bottom:.25rem;
  padding-left:50px;
}
#ms_navbar>input {
  display:none
}
#ms_navbar input:checked~#ms_navdrawer {
  visibility:visible;
  left:0
}
@media screen and (min-width:58rem) {
  #ms_navbar input:checked~#ms_navdrawer {
    visibility:visible;
    top:0
  }
}
#ms_desktopnav {
  display:none
}
@media screen and (min-width:58rem) {
  #ms_desktopnav {
    display:block
  }
}
#ms_navdrawer {
  position:fixed;
  top:0;
  width:100vw;
  height:100vh;
  left:100vw;
  visibility:hidden;
  transition:all 200ms ease 0ms;
  overflow:auto;
  z-index:1;
  background-color:#047bc2;
  color:#fff;
  padding-top:.25rem
}
@media(prefers-reduced-motion) {
  #ms_navdrawer {
    transition:all 1ms ease 0ms
  }
}
#ms_navdrawer_top {
  display:grid;
  grid-template-columns:auto auto
}
#ms_navdrawer_search a {
  display:flex;
  align-items:center
}
#ms_navdrawer_search h1 {
  color:#fff
}
#ms_navdrawer_content {
  padding:1rem;
  padding-top:0;
  padding-right:0
}
#ms_navdrawer_content ul {
  text-align:right;
  list-style-type:none;
  margin:0;
  padding:0;
  font-size:24px;
  font-weight:700;
  display:flex;
  flex-direction:column
}
#ms_navdrawer_content li {
  margin:0
}
#ms_navdrawer_content li a {
  color:#fff;
  display:block;
  padding-top:2rem;
  padding-bottom:2rem;
  padding-right:2.5rem
}
#ms_burger_open,
#ms_burger_close {
  margin:1rem;
  margin-right:1.5rem;
  margin-bottom:0;
  margin-top:0;
  justify-self:end
}
@media screen and (min-width:58rem) {
  #ms_burger_open,
  #ms_burger_close {
    display:none
  }
}
@media print {
  #ms_burger_open,
  #ms_burger_close {
    display:none
  }
}
#ms_logo *,
#ms_burger_open *,
#ms_burger_close * {
  display:block
}
#ms_burger_open label,
#ms_burger_close label {
  box-sizing:content-box;
  width:24px;
  height:24px;
  padding:.75rem;
  border-radius:50%;
  background-color:#047bc2
}
#ms_burger_close label {
  background-color:#fff
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:lato;
  font-weight:700;
  font-variant-ligatures:none;
  color:#000;
  line-height:150%
}
h1 {
  font-size:29px
}
h2 {
  font-size:26px
}
h3 {
  font-size:24px
}
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
  margin-top:2rem;
  margin-bottom:.75rem
}
.ms_title {
  margin-top:1rem;
  margin-bottom:0
}
.ms_meta {
  display:flex;
  margin-bottom:1rem
}
.ms_meta>div {
  margin-right:1rem
}
.ms_meta a {
  text-decoration:none
}
.ms_tag {
  font-size:90%;
  padding:0 .5rem;
  background-color:#eee;
  border-radius:8px
}
.ms_tag a:link,
.ms_tag a:visited {
  text-decoration:none
}
a:link,
a:visited {
  text-decoration:underline;
  color:#047bc2
}
main p,
main table {
  margin-top:.75rem;
  margin-bottom:.75rem
}
main ul,
main ol {
  padding-left:2rem
}
.Artikel a:link,
.Artikel a:visited {
  text-underline-offset:.2rem
}
.Artikel hr {
  margin:2rem 20rem;
  border:0;
  border-top:1px solid grey
}
.Artikel table,
.Artikel pre,
.Artikel img,
.Artikel hr {
  max-width:100%
}
.Artikel img {
  object-fit:contain;
  border:0;
  height:auto
}
.Artikel table th,
.Artikel table td {
  padding:.25rem
}
.Artikel table {
  width:100%
}
.Artikel th {
  text-align:left
}
.Artikel ul,
.Artikel ol,
.Artikel ul ul,
.Artikel ol ol,
.Artikel ul ol,
.Artikel ol ul {
  margin-top:.5rem
}
.Artikel li {
  margin-bottom:1rem
}
.Artikel details.output {
  overflow:hidden
}
.Artikel details.output pre {
  border:0
}
.Artikel ul.pagination,
.Artikel ul.taglist {
  display:inline-block
}
.Artikel ul.pagination {
  padding-left:2.25rem
}
.Artikel .pagination li {
  margin:0;
  margin-right:1em;
  display:inline-block
}
.Artikel .pagination li.active {
  font-weight:700
}
main code {
  background-color:#eee;
  padding:0 .2rem;
  border-radius:4px
}
main pre,
main code {
  font-family:roboto mono,monospace;
  font-size:14px
}
main pre,
main details.output {
  border:0;
  background-color:#eee;
  color:#000;
  white-space:pre-wrap;
  padding:1rem
}
main pre code {
  padding:0
}
.highlight code {
  background-color:unset
}
.talkthumb img {
  width:200px;
  float:left;
  margin-right:2rem;
  margin-bottom:1rem;
  border:1px solid #000;
  box-shadow:1px 2px 5px black
}
.note {
  margin-bottom:1rem
}
.note-container,
.warning,
#ml {
  display:flex;
  width:90%;
  padding:.5rem;
  margin:auto;
  background-color:#d6eaff;
  border-radius:2px
}
.note-icon {
  margin:.5rem;
  margin-top:1rem
}
.note #exclamation-icon,
.warning #exclamation-icon {
  fill:#0594cb;
  margin-right:2rem
}
.admonition-content {
  display:block;
  margin:0;
  padding:.5rem;
  padding-top:.75rem;
  overflow-x:auto
}
.admonition-content p {
  margin-top:0
}
summary {
  display:list-item!important
}
ul.taglist {
  list-style-type:none
}
ul.taglist li {
  display:inline;
  line-height:2.5rem;
  margin-right:1.5rem
}
.ArticleList {
  list-style-type:none;
  padding-left:5%
}
.ArticleList .summary {
  display:flex;
  margin-bottom:2rem;
  flex-direction:column
}
@media screen and (min-width:58rem) {
  .ArticleList .summary {
    flex-direction:row
  }
}
.ArticleList .tags {
  font-size:90%;
  margin-bottom:.5rem
}
.ArticleList li:nth-child(n+2) {
  margin-top:3rem
}
.ArticleList .summary p {
  margin-top:0
}
.ArticleList img {
  margin-right:1.5rem;
  margin-bottom:1.5rem
}
.ArticleList h3 {
  margin-top:0;
  margin-bottom:0
}
.ArticleList a {
  text-decoration:none
}
.ArticleList .readmore {
  margin-left:.5rem
}
.series {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:1em
}
.series img {
  width:150px
}
.series .label {
  width:150px;
  text-align:center
}
.image_description {
  white-space:pre-wrap;
  max-width:110px
}
.group_pics td {
  vertical-align:top;
  width:110px
}
.group_pics img {
  border:1px solid #000
}
#bmc {
  border-radius:5px;
  border:1px solid #ccc;
  background-color:#eee;
  padding:1em;
  margin-top:2em
}