/* Quicksand at weight 300 (Material default for h1/h2) is too thin */
.md-typeset h1, .md-typeset h2 { font-weight: 500; }

.md-footer img {
  height: 50px;
  margin-top: 10px;
}

.admonition.quote.inline.end {
  width: 30%;
  background-color: inherit;
  opacity: 0.25;
  /* filter: drop-shadow(3px 3px 4px hsla(45.2, 34.4%, 48.4%, 0.41)); */
}

.md-typeset {
  font-weight: 500;
  color-adjust: exact;
  font-size: 0.9rem;
  letter-spacing: -.01em;
  line-height: 1.4em;
  overflow-wrap: break-word;
}

.md-typeset ul {
  list-style-type: disc;
  line-height: 1.2em;
  font-size: 0.95em;
}
.md-typeset .admonition, .md-typeset details {
  color: var(--md-admonition-fg-color);
  font-size: .64rem;
}

.md-typeset table:not([class]) {
  font-size: .90rem;
}

[data-md-color-scheme="default"] {
  --md-default-fg-color: #000000de;
  /* --md-default-bg-color: #F7F4EE; */
  --md-default-bg-color: #FCFAF7;
  --md-typeset-color: var(--md-default-fg-color);
}

/* Hides the autogenerate h1 for files without titles */
#__skip{
  display: none
}

/* Sidenotes — inline with visual distinction */
.sidenote {
  font-size: 0.82em;
  color: var(--md-default-fg-color--light);
  background: var(--md-code-bg-color);
  padding: 1px 6px;
  border-radius: 3px;
  border-left: 2px solid var(--md-accent-fg-color);
}

/* Numbered sidenote marker (superscript counter before the note) */
body {
  counter-reset: sidenote-counter;
}



.sidenote-number { counter-increment: sidenote-counter; }
.sidenote-number::before {
  content: counter(sidenote-counter);
  font-size: 0.7em;
  vertical-align: super;
  font-weight: 600;
  margin-right: 1px;
}

/* Sidesigil — margin markers rendered inline */
.sidesigil {
  font-size: 1.1em;
  font-weight: 700;
  color: rgba(156, 46, 98, 0.7);
  margin-right: 0.3em;
}

/* Sigil inline code — colored bracket glyphs */
.sigil {
  font-family: var(--md-code-font-family);
  background: rgba(156, 46, 98, 0.06);
  border: 1px solid rgba(156, 46, 98, 0.15);
  border-radius: 3px;
  padding: 0 4px;
  white-space: nowrap;
}
.sigil .sigil-bracket {
  color: rgba(156, 46, 98, 0.45);
  font-size: 0.85em;
}




#main-grid-layout {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

@media (max-width: 768px) {
  #main-grid-layout {
    display: initial;
  }

}


#main-description { grid-area: 1 / 1 / 6 / 4; }
#main-logo { grid-area: 1 / 4 / 2 / 5; }
#main-3 { grid-area: 2 / 3 / 4 / 5; }
#main-4 { grid-area: 4 / 3 / 6 / 5; }

.main-grid {
  padding: 1em;
}