/* Clean Sans-Serif Bear Aesthetic */
body {
    font-family: -apple-system, system-ui, sans-serif;
    color: var(--bs-body-color, #111);
    background-color: var(--bs-body-bg, #fff);
    margin: 0;
}

/* Target the Quarto main content area */
main {
    max-width: 800px; /* This is your 'Read Mode' starting width */
    margin: 0 auto;
    transition: max-width 0.3s ease;
    padding: 0 20px;
}

/* Adjust MathJax for the Sans-Serif look
.mjx-chtml {
    font-size: 105% !important;
} */

/* Ensure math scrolls if it's too wide for 'Read Mode' */
.math.display {
    overflow-x: auto;
    padding: 1rem 0;
}

/* Center figures and captions in HTML view */
figure,
.figure {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

figcaption,
.figure-caption {
    text-align: center;
}

/* Make stdout outputs look like output panels */
.cell-output.cell-output-stdout {
    margin: 1rem 0;
}

.cell-output.cell-output-stdout pre {
    background: #f6f8fa;
    border-left: 4px solid #2da44e;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    position: relative;
}

.cell-output.cell-output-stdout pre::before {
    content: "Output";
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: #2da44e;
    text-transform: uppercase;
    margin-bottom: 0.4rem;
}

body.quarto-dark .cell-output.cell-output-stdout pre {
    background: #1f2937;
    border-left-color: #22c55e;
}

body.quarto-dark .cell-output.cell-output-stdout pre::before {
    color: #22c55e;
}

/* Quarto theme toggle: replace with sun/moon icons */
.quarto-color-scheme-toggle i {
    display: none;
}

.quarto-color-scheme-toggle {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    border: 1px solid var(--bs-border-color, #ccc);
    background: var(--bs-body-bg, #fff);
    color: var(--bs-body-color, #111);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: fixed;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 2000;
}

body.quarto-light .quarto-color-scheme-toggle::before {
    content: "☀️";
    position: absolute;
    font-size: 1.1rem;
    line-height: 1;
}

body.quarto-dark .quarto-color-scheme-toggle::before {
    content: "🌙";
    position: absolute;
    font-size: 1.1rem;
    line-height: 1;
}

/* Reveal.js slide typography */
.reveal {
    font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino,
        "Times New Roman", serif;
    font-size: 32px;
}

.reveal h1 {
    font-size: 1.6em;
}

.reveal h2 {
    font-size: 1.3em;
}

.reveal h3 {
    font-size: 1.1em;
}

.reveal h1,
.reveal h2,
.reveal h3 {
    line-height: 1.1;
}

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4 {
    font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino,
        "Times New Roman", serif;
}

.reveal .slides {
    text-align: left;
}

.reveal .math,
.reveal mjx-container {
    font-family: "STIX Two Math", "Cambria Math", "Latin Modern Math",
        "Times New Roman", serif;
}

.reveal .slides section {
    justify-content: flex-start !important;
    padding-top: 0.5em;
}