html {
    scroll-behavior: smooth;
}

body {
    letter-spacing: 0.01em;
}

.logo-glow {
    position: relative;
}

.logo-glow::after {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 24px;
    background: radial-gradient(circle, rgba(197, 111, 31, 0.22), transparent 65%);
    z-index: -1;
}

.prose-shell h2,
.prose-shell h3,
.prose-shell h4 {
    color: #17301c;
    font-family: "Cormorant Garamond", serif;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    scroll-margin-top: 7rem;
}

.prose-shell p,
.prose-shell ul,
.prose-shell ol,
.prose-shell blockquote {
    margin-bottom: 1.25rem;
}

.prose-shell ul,
.prose-shell ol {
    padding-left: 1.25rem;
}

.prose-shell blockquote {
    border-left: 4px solid rgba(197, 111, 31, 0.4);
    padding-left: 1rem;
    color: rgba(38, 50, 56, 0.75);
}