:root {
  color-scheme: dark;
  --lauti-bg: #000;
  --lauti-bg-soft: #0a0a0a;
  --lauti-fg: #e6edf3;
  --lauti-fg-muted: #97a1aa;
  --lauti-border: #151515;
  --lauti-rightbar: #0a0a0a;
  --lauti-sidebar-w: 280px;
  --md-default-bg-color: var(--lauti-bg);
  --md-default-fg-color: var(--lauti-fg);
  --md-primary-fg-color: #ffffff;
  --md-accent-fg-color: #ffffff;
  --md-shadow-z1: none;
  --md-shadow-z2: none;
  --md-shadow-z3: none;
}

img[src*='#center'] { 
    display: block;
    margin: auto;
}


html, body, .md-content, .md-content__inner { 
  background: var(--lauti-bg) !important; 
  color: var(--lauti-fg) !important; 
}

.md-grid { max-width: 1280px; }

.md-header, .md-tabs { 
  background: var(--lauti-bg) !important; 
  border-bottom: 1px solid var(--lauti-border); 
  border-color: var(--lauti-border) !important; 
  box-shadow: none !important; 
}

.md-main { scroll-margin-top: 3.2rem; }

.md-header__inner::after, .md-tabs__inner::after { content: none !important; }

.md-sidebar,
.md-sidebar__scrollwrap,
.md-nav { 
  background: var(--lauti-bg) !important; 
  color: var(--lauti-fg) !important; 
}

.md-sidebar--primary { 
  width: var(--lauti-sidebar-w); 
  border-right: 1px solid var(--lauti-border); 
  background: var(--lauti-bg) !important; 
}

.md-sidebar--secondary { 
  background: var(--lauti-rightbar) !important; 
  border-left: 1px solid var(--lauti-border); 
}

.md-sidebar__scrollwrap,
.md-nav,
.md-nav__list { 
  -webkit-mask-image: none !important; 
  mask-image: none !important; 
  background-image: none !important; 
}

.md-sidebar__scrollwrap::before,
.md-sidebar__scrollwrap::after,
.md-nav--primary .md-nav__title::before,
.md-nav--secondary .md-nav__title::before,
.md-nav__list::before,
.md-nav__list::after { 
  content: none !important; 
  background: none !important; 
  box-shadow: none !important; 
}


.md-nav__title { 
  color: var(--lauti-fg) !important; 
  font-weight: 700; 
  background: black !important; 
  display:none;
}

.md-nav__link { color: var(--lauti-fg-muted) !important; }

.md-nav__link:hover { 
  color: var(--lauti-fg) !important; 
  background: var(--lauti-bg-soft) !important; 
  border-radius: 6px; 
}

.md-nav__link--active { 
  color: #fff !important; 
  font-weight: 700; 
}

.md-typeset h1, .md-typeset h2, .md-typeset h3 { 
  color: #fff; 
  font-weight: 800; 
  border-bottom: 1px solid var(--lauti-border); 
  padding-bottom: .6rem; 
  margin-top: 1.6rem; 
}

.md-typeset p { color: var(--lauti-fg); }

.md-typeset blockquote a { 
  color: #13ece1ea; 
  text-decoration: underline; 
  text-decoration-color: rgba(0, 255, 47, 0.25); 
}


.md-typeset a {  
  color: #fff; 
  text-decoration: underline; 
  text-decoration-color: rgba(255,255,255,.25); 
}

.md-typeset a:hover { text-decoration-color: #fff; }

.md-typeset pre { 
  background: #0b0b0b; 
  border: 1px solid var(--lauti-border); 
  border-radius: 10px; 
}

.md-typeset code { 
  background: rgba(255,255,255,.04); 
  border: 1px solid var(--lauti-border); 
  border-radius: 6px; 
  font-family: "JetBrains Mono", ui-monospace, monospace; 
}

.md-typeset table { 
  background: #0a0a0a; 
  border: 1px solid var(--lauti-border); 
  border-radius: 10px; 
  overflow: hidden; 
}

.md-typeset table th { 
  background: #0d0d0d; 
  color: #fff; 
}

.md-search__input { 
  background: #0a0a0a; 
  border: 1px solid var(--lauti-border); 
  color: #fff; 
  border-radius: 22px; 
}

/* search bar container */
.md-search__form{ 
  position:relative; 
  height:2.75rem;
}

/* padding for right-icons (X + Share) */
.md-search__input{
  padding-right: 5rem;          /* space for search icons */
  height:100%;
  line-height:2.75rem;
}

/* center X / share */
.md-search__options{
  position:absolute;
  top:0; right:0;
  height:100%;
  display:flex;
  align-items:center;
  gap:.35rem;
  padding-right:.6rem;
}

/* visibility and don't break icons */
.md-search__options .md-search__icon{
  position:static;
  margin:0;
  color:var(--lauti-fg-muted);
}
.md-search__options .md-search__icon:hover{ color:#fff; }

/* show X just when there are text */
.md-search__options [data-md-component="search-reset"],
.md-search__options button[type="reset"]{ display:none; }
.md-search__input:not(:placeholder-shown) ~ .md-search__options [data-md-component="search-reset"],
.md-search__input:not(:placeholder-shown) ~ .md-search__options button[type="reset"]{ display:inline-flex; }

/* arrow  “back” just in overlay */
.md-search__form > .md-search__icon[for="__search"]{ display:none; }
#__search:checked ~ .md-header .md-search__form > .md-search__icon[for="__search"]{
  display:block;
  position:absolute;
  left:.6rem; top:50%;
  transform:translateY(-50%);
  color:var(--lauti-fg-muted);
}

/* give space if arrow is present */
#__search:checked ~ .md-header .md-search__form .md-search__input{
  padding-left:2.25rem;
}

/* avoid burger in mobile when overlay is active */
@media screen and (max-width: 76.1875em){
  #__search:checked ~ .md-header label.md-header__button[for="__drawer"]{
    opacity:0; pointer-events:none;
  }
}

/* =========================== */

.md-footer, .md-footer-meta { 
  background: var(--lauti-bg) !important; 
  border-top: 1px solid var(--lauti-border); 
  color: var(--lauti-fg); 
}

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--lauti-bg); }
::-webkit-scrollbar-thumb { background: #222; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #2e2e2e; }

.md-typeset p { clear: both; }
.md-typeset .glightbox { display: block !important; }
.md-typeset .glightbox > img { display: block !important; }

.md-typeset img {
    display: block !important;
    margin: 1rem auto !important; /* auto left/right centers */
}

.md-typeset figure,
.md-typeset img[align],
.md-typeset figure[align],
.md-typeset .align-left,
.md-typeset .align-right,
.md-typeset a.glightbox[style*="float"],
.md-typeset img[style*="float"] { 
  float: none !important; 
  display: block !important; 
  clear: both !important; 
  margin: 1rem 0 !important; 
  max-width: 100% !important; 
}

.md-typeset img { 
  background: #0a0a0a; 
  border: 1px solid #151515; 
  border-radius: 10px; 
}

.md-nav__title,
.md-nav__link,
.md-nav__item {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.md-nav__title::before,
.md-nav__title::after,
.md-nav__link::before,
.md-nav__link::after {
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

.md-sidebar__scrollwrap,
.md-nav,
.md-nav__list {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background-image: none !important;
}

[data-md-component="top"] a,
.md-top,
.md-top__button,
.md-top__link {
  background: #0a0a0a;
  color: #fff !important;
  border: 1px solid var(--lauti-border);
}

[data-md-component="top"] a:hover,
.md-top:hover,
.md-top__button:hover,
.md-top__link:hover {
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
}

[data-md-component="top"] a:hover svg,
.md-top:hover svg,
.md-top__button:hover svg,
.md-top__link:hover svg {
  color: #000 !important;
  fill: currentColor !important;
}

.md-sidebar--primary .md-sidebar__scrollwrap,
.md-sidebar--secondary .md-sidebar__scrollwrap,
.md-nav--primary,
.md-nav--secondary,
.md-nav--primary .md-nav__list,
.md-nav--secondary .md-nav__list,
.md-nav__item,
.md-nav__link,
.md-nav__title {
  background: transparent !important;
  background-image: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  box-shadow: none !important;
}

.md-sidebar--primary .md-sidebar__scrollwrap::before,
.md-sidebar--primary .md-sidebar__scrollwrap::after,
.md-sidebar--secondary .md-sidebar__scrollwrap::before,
.md-sidebar--secondary .md-sidebar__scrollwrap::after,
.md-nav--primary .md-nav__title::before,
.md-nav--secondary .md-nav__title::before,
.md-nav__list::before,
.md-nav__list::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

.md-nav__title { background-color: transparent !important; }

.md-sidebar--secondary .md-nav__link,
.md-sidebar--secondary .md-nav__title { background: transparent !important; }

.md-nav__item--section > .md-nav__container > a.md-nav__link {
  position: relative !important; 
  inset: auto !important;
  z-index: 1 !important; 
}

.md-nav__item--section > nav.md-nav {
  position: relative;
  z-index: 2; 
}

.md-sidebar__scrollwrap {
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
}

/* MOBILE FIXES (drawer) */
@media screen and (max-width: 76.1875em) {
  .md-sidebar--secondary { 
    display: none !important; 
  }
  
  .md-sidebar--primary {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: min(85vw, 20rem) !important;
    max-width: 20rem !important;
    height: 100vh !important;
    background: var(--lauti-bg) !important;
    border-right: 1px solid var(--lauti-border) !important;
    z-index: 200 !important;
    transform: translateX(-100%) !important;
    transition: transform 0.25s cubic-bezier(0.1, 0.7, 0.1, 1) !important;
    will-change: transform !important;
    -webkit-overflow-scrolling: touch !important;
  }
  
  [data-md-toggle="drawer"]:checked ~ .md-container .md-sidebar--primary,
  #__drawer:checked ~ .md-container .md-sidebar--primary {
    transform: translateX(0) !important;
    visibility: visible !important;
  }
  
  .md-sidebar__scrollwrap {
    height: 100% !important;
    background: var(--lauti-bg) !important;
    overflow-y: auto !important;
  }
  
  .md-nav,
  .md-nav__list {
    background: var(--lauti-bg) !important;
  }
  
  .md-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.54) !important;
    z-index: 199 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.25s, visibility 0.25s !important;
  }
  
  [data-md-toggle="drawer"]:checked ~ .md-overlay,
  #__drawer:checked ~ .md-overlay {
    opacity: 1 !important;
    visibility: visible !important;
  }
  
  [data-md-toggle="drawer"]:checked ~ .md-container,
  #__drawer:checked ~ .md-container {
    overflow: hidden !important;
  }
  
  .md-main {
    margin-left: 0 !important;
  }
  
  .md-header__button.md-icon {
    position: relative !important;
    z-index: 201 !important;
  }
}

:root{ --search-h:2.00rem; --search-pad-y:.25rem; --search-leftpad:2.25rem; }

.md-search__form{ height:var(--search-h) !important; }

.md-search__input{
  height:var(--search-h) !important;
  line-height:calc(var(--search-h) - 2px) !important;
  padding-top:var(--search-pad-y) !important;
  padding-bottom:var(--search-pad-y) !important;
  padding-right:5rem !important;
}

#__search:checked ~ .md-header .md-search__form .md-search__input{
  padding-left:var(--search-leftpad) !important;
}

/* hide if search is active */
#__search:checked ~ .md-header label.md-header__button[for="__search"],
#__search:checked ~ .md-header .md-header__button.md-icon[for="__search"]{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

#__search:checked ~ .md-header .md-search__form{
  z-index:202 !important;
}

/* desktop searchbar */
@media screen and (min-width: 76.1875em){
  :root{
    --search-h: 2.00rem;
    --search-pad-y: .20rem;
  }
  .md-search__form{ height: var(--search-h) !important; }
  .md-search__input{
    height: var(--search-h) !important;
    line-height: calc(var(--search-h) - 2px) !important;
    padding-top: var(--search-pad-y) !important;
    padding-bottom: var(--search-pad-y) !important;
  }
}