.c-content-page {
    max-width: 920px;
    padding-bottom: 72px;
}

.c-content-page__header {
    max-width: 760px;
}

.c-content-prose {
    max-width: 72ch;
    font-size: 1.05rem;
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.c-content-prose > :first-child {
    margin-top: 0;
}

.c-content-prose > :last-child {
    margin-bottom: 0;
}

.c-content-prose h2,
.c-content-prose h3,
.c-content-prose h4,
.c-content-prose h5,
.c-content-prose h6 {
    margin-top: 2em;
    margin-bottom: 0.65em;
    line-height: 1.15;
}

.c-content-prose h2 {
    font-size: clamp(1.65rem, 3vw, 2.25rem);
}

.c-content-prose h3 {
    font-size: clamp(1.3rem, 2vw, 1.65rem);
}

.c-content-prose p,
.c-content-prose ul,
.c-content-prose ol,
.c-content-prose blockquote {
    margin: 0 0 1.25em;
}

.c-content-prose ul,
.c-content-prose ol {
    padding-left: 1.5em;
}

.c-content-prose li + li {
    margin-top: 0.35em;
}

.c-content-prose blockquote {
    padding: 0.2em 0 0.2em 1.1em;
    border-left: 4px solid var(--hammy-orange);
}

.c-content-prose img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 1.5em auto;
}

.c-content-prose hr {
    margin: 2.5em 0;
}

@media (max-width: 700px) {
    .c-content-page {
        padding-bottom: 48px;
    }

    .c-content-prose {
        font-size: 1rem;
        line-height: 1.7;
    }
}

.c-content-prose a {
    color: var(--hammy-orange);
    font-weight: 650;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
}

.c-content-prose a:hover,
.c-content-prose a:focus-visible {
    color: var(--hammy-orange-hover);
}
