html,
body {
    height: 100%;
}

body {
    margin: 0;
    background: var(--background);
    color: var(--foreground);
    font-family:
        system-ui,
        -apple-system,
        Segoe UI,
        Roboto,
        Arial,
        sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.appRoot {
    position: relative;
    height: 100%;
    overflow: hidden;
}

/* Markdown styling */
.markdown {
    padding: 16px 16px 32px 16px;
    max-width: 900px;
}

.markdown :where(h1, h2, h3) {
    margin: 16px 0 8px 0;
}

.markdown :where(p, li) {
    line-height: 1.5;
}

.markdown :where(a) {
    color: var(--primary);
}

.markdown :where(code) {
    background: var(--muted);
    padding: 2px 6px;
    border-radius: 0px;
}