/* Set Baskerville for all text */
.md-typeset {
    color: var(--md-typeset-color);
}

.md-typeset,
.md-nav,
.md-tabs,
.md-header,
.md-footer,
.md-search {
    font-family: "Libre Baskerville", Baskerville, Georgia, serif;
}

/* I don't understand why this is needed since the line above is setting the font family for the search*/
.md-search__input,
.md-search__suggest .md-search__result {
  font-family: "Libre Baskerville", Baskerville, Georgia, serif;
}

/* Disable justification for admonitions */
.md-typeset .admonition p,
.md-typeset details p {
    text-align: left;
}

/* Ensure code blocks still use monospace */
.md-typeset code,
.md-typeset pre,
.md-typeset kbd {
    font-family: "Roboto Mono", SFMono-Regular, Consolas, Menlo, monospace;
}

/* Headings common styles */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
    text-align: center;
    position: relative;
    line-height: 1.3;
    width: 100%;
    letter-spacing: 0.05em;
}

/* Underline styles for headings */
.md-typeset h1::after,
.md-typeset h2::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: currentColor;
    opacity: 0.7;
    margin: 0.5em 0 0;
}

/* Individual heading styles */
.md-typeset h1 {
    font-weight: 700;
    font-size: 1.8em;
    margin-bottom: 1.5em;
    color: var(--md-typeset-h1-color);
}

.md-typeset h2 {
    font-weight: 700;
    font-size: 1.3em;
    margin-top: 2.5em;
    color: var(--md-typeset-h2-color);
}

.md-typeset h3 {
    font-weight: 600;
    font-size: 1.1em;
    color: var(--md-typeset-h3-color);
}

.md-typeset h4 {
    font-weight: 600;
    font-size: 1em;
    color: var(--md-typeset-h4-color);
}

/* Add space after headings */
.md-typeset h1 + p,
.md-typeset h2 + p,
.md-typeset h3 + p,
.md-typeset h4 + p {
    margin-top: 1em;
}

/* Paragraphs */
.md-typeset p {
    font-size: 0.65rem;
    line-height: 1.7;
    margin: 1em 0;
}

/* Links */
.md-typeset a {
    color: var(--md-primary-fg-color);
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
}

.md-typeset a:hover {
    text-decoration-thickness: 2px;
}

/* Strong text */
.md-typeset strong {
    font-weight: 700;
}