:root { color-scheme: dark; }
body {
    margin: 0;
    background: #171126;
    color: #F8F5FF;
    font: 16px/1.65 "Manrope", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 760px; margin: 0 auto; padding: 2.5rem 1.25rem 4rem; }
h1 { font-size: 2rem; margin: 0 0 .25rem; }
h2 { font-size: 1.15rem; margin-top: 2rem; color: #C084FC; }
.meta { color: #8B819B; margin-top: 0; }
a { color: #C084FC; }
li { margin-bottom: .35rem; }
.callout {
    background: rgba(168, 85, 247, .12);
    border: 1px solid rgba(192, 132, 252, .35);
    border-radius: 14px;
    padding: 1rem 1.15rem;
}