/* RUB Colors */
:root {
    --rub-blue: #17365c;
    --rub-green: #8dae10;
    --rub-gray: #e7e7e7;
}

body {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2em;
}

/* Math equations */
.math.display {
    overflow-x: auto;
    margin: 1em 0;
    padding: 1em;
    border-radius: 4px;
}

/* Notes and callouts */
.callout {
    margin: 1em 0;
    padding: 1em;
    border-left: 5px solid var(--rub-blue);
    background: var(--rub-gray);
}

.callout[data-callout="note"] {
    border-color: var(--rub-blue);
}

.callout[data-callout="important"] {
    border-color: var(--rub-green);
}

.callout[data-callout="tip"] {
    border-color: #f0ad4e;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
    color: var(--rub-blue);
}

/* Table of contents */
.toc {
    background: var(--rub-gray);
    padding: 1em;
    border-radius: 4px;
}

/* Code blocks */
pre {
    background: var(--rub-gray);
    padding: 1em;
    border-radius: 4px;
    overflow-x: auto;
}