body {
        font-family: 'Plus Jakarta Sans', sans-serif;
    }

    .font-serif-custom {
        font-family: 'Instrument Serif', Georgia, serif;
    }

    .glass {
        background: rgba(13, 20, 36, 0.72);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(255, 255, 255, 0.08);
    }

    :root:not(.dark) .glass {
        background: rgba(255, 255, 255, 0.82);
        border-color: rgba(226, 232, 240, 0.9);
    }

    .prose-notes {
        line-height: 1.75;
    }

    .prose-notes h2 {
        font-size: 1.6rem;
        font-weight: 700;
        margin: 2rem 0 .75rem;
    }

    .prose-notes h3 {
        font-size: 1.25rem;
        font-weight: 600;
        margin: 1.6rem 0 .5rem;
    }

    .prose-notes p {
        margin: 0 0 1rem;
    }

    .prose-notes ul,
    .prose-notes ol {
        margin: 0 0 1rem 1.4rem;
    }

    .prose-notes ul {
        list-style: disc;
    }

    .prose-notes ol {
        list-style: decimal;
    }

    .prose-notes li {
        margin: .3rem 0;
    }

    .prose-notes a {
        color: #6366F1;
        text-decoration: underline;
    }

    .prose-notes code {
        font-family: 'Space Mono', monospace;
        font-size: .9em;
        background: rgba(148, 163, 184, 0.18);
        padding: .1em .35em;
        border-radius: .3em;
    }

    .prose-notes pre {
        background: rgba(148, 163, 184, 0.15);
        padding: 1rem;
        border-radius: .6rem;
        overflow-x: auto;
        margin: 0 0 1rem;
    }

    .prose-notes pre code {
        background: none;
        padding: 0;
    }

    .prose-notes blockquote {
        border-left: 3px solid #6366F1;
        padding-left: 1rem;
        color: inherit;
        opacity: .85;
        margin: 0 0 1rem;
    }

    .prose-notes img {
        border-radius: .6rem;
        margin: 1rem 0;
    }