.md-typeset .admonition.glossary {
  border-left: 4px solid #3f51b5;
  background: #f5f7ff;
}

:root {
  --md-admonition-icon--math-formular: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M15.9 6.9C15.9 6.9 15.2 6.6 14.9 6.6C14.3 6.5 13.9 6.7 13.7 7.7L12 16.8C11.8 17.6 11.5 18.2 11 18.6C10.6 18.9 10.2 19 9.7 19C8.9 19 7.7 18.5 7.7 18.5L8.2 17.1C8.2 17.1 9 17.4 9.2 17.4C9.5 17.5 9.7 17.4 9.9 17.3C10.1 17.2 10.2 16.9 10.3 16.6L11.9 7.4C12 6.6 12.4 6 12.9 5.5C13.5 5.1 14.2 5 15 5.1C15.7 5.2 16.5 5.6 16.5 5.6L15.9 6.9Z"/></svg>');
}
.md-typeset .admonition.math-formular,
.md-typeset details.math-formular {
  border-color: rgb(43, 155, 70);
}
.md-typeset .math-formular > .admonition-title,
.md-typeset .math-formular > summary {
  background-color: rgba(43, 155, 70, 0.1);
}
.md-typeset .math-formular > .admonition-title::before,
.md-typeset .math-formular > summary::before {
  background-color: rgb(43, 155, 70);
  -webkit-mask-image: var(--md-admonition-icon--math-formular);
  mask-image: var(--md-admonition-icon--math-formular);
}

:root {
  --md-admonition-icon--sql-query: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.68,12.32C16.92,10.56 14.07,10.57 12.32,12.33C10.56,14.09 10.56,16.94 12.32,18.69C13.81,20.17 16.11,20.43 17.89,19.32L21,22.39L22.39,21L19.3,17.89C20.43,16.12 20.17,13.8 18.68,12.32M17.27,17.27C16.29,18.25 14.71,18.24 13.73,17.27C12.76,16.29 12.76,14.71 13.74,13.73C14.71,12.76 16.29,12.76 17.27,13.73C18.24,14.71 18.24,16.29 17.27,17.27M10.9,20.1C10.25,19.44 9.74,18.65 9.42,17.78C6.27,17.25 4,15.76 4,14V17C4,19.21 7.58,21 12,21V21C11.6,20.74 11.23,20.44 10.9,20.1M4,9V12C4,13.68 6.07,15.12 9,15.7C9,15.63 9,15.57 9,15.5C9,14.57 9.2,13.65 9.58,12.81C6.34,12.3 4,10.79 4,9M12,3C7.58,3 4,4.79 4,7C4,9 7,10.68 10.85,11H10.9C12.1,9.74 13.76,9 15.5,9C16.41,9 17.31,9.19 18.14,9.56C19.17,9.09 19.87,8.12 20,7C20,4.79 16.42,3 12,3Z"/></svg>');
}
.md-typeset .admonition.sql-query,
.md-typeset details.sql-query {
  border-color: rgb(43, 155, 70);
}
.md-typeset .sql-query > .admonition-title,
.md-typeset .sql-query > summary {
  background-color: rgba(43, 155, 70, 0.1);
}
.md-typeset .sql-query > .admonition-title::before,
.md-typeset .sql-query > summary::before {
  background-color: rgb(43, 155, 70);
  -webkit-mask-image: var(--md-admonition-icon--sql-query);
  mask-image: var(--md-admonition-icon--math-formular);
}

.md-tabs__link {
  font-size: 0.85rem !important;
  margin-top: 0.8rem !important;
  opacity: 0.9 !important;
  font-weight: 400 !important;
}

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

.md-content {
  flex-grow: 1;
  min-width: 0;
  background: #fafafa;
  border: 0px solid #ccc;
  border-radius: 12px;
  padding: 40px;
}

.md-typeset .grid.cards > ol > li,
.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
  background: #ffffff !important;
}

.custom-footer {
  margin-top: 3em;
  margin-bottom: 3em;
  padding: 2em 0 1em;
  text-align: center;
  font-size: 1.2em;
  color: #888;
}

.custom-footer-divider {
  margin-bottom: 1em;
  border: none;
  border-top: 1px dotted #d4c9f0;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.custom-footer-links {
  margin-bottom: 1em;
}

.custom-footer-links a {
  margin: 0 1em;
  color: inherit;
  text-decoration: none;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
}

.custom-footer-text {
  font-size: clamp(0.2rem, 3vw, 0.7rem);
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.custom-footer-links a.highlight-link {
  color: #5a3ce1;
  border: 1px solid #a084e8;
  border-radius: 6px;
  padding: 0.2em 0.6em;
}

.custom-footer-copy {
  font-size: 0.85em;
}

.md-footer {
  background-color: #ffffff; /* Replace with your desired color */
  color: #1c1a1a; /* Optional: ensure text is readable */
}

.md-footer-meta {
  background-color: #ffffff;
}

html .md-footer-meta.md-typeset a {
  color: #1c1a1a; /* Optional: ensure text is readable */
}

.md-header__topic .md-ellipsis {
  display: none !important;
}

:root > * {
  --md-primary-fg-color--light: #f06060;
}

.twemoji svg {
  fill: rgb(240 96 96 / 100%) !important;
  max-height: 100%;
  width: var(--md-icon-size);
}

.md-content {
  padding: clamp(10px, 2vw, 25px) !important;
}