:root {
    --container-width: 1600px;
}

.gh-content > p + p {
    margin-top: 1.6rem;
}

/* Padding utilities */
.py-sm { padding-block: 10px; }
.py-md { padding-block: 32px; }
.py-lg { padding-block: 48px; }

.gh-sidebar-inner {
    position: unset;
}

.gh-about {
    padding: 10px;
}

.gh-sidebar {
    min-width: 300px;
}

.gh-sidebar h3 {
    margin-top: 30px;
}

/* Ensure post page sidebar layout matches post-list */
.post-template .gh-container.has-sidebar .gh-container-inner {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    column-gap: var(--grid-gap);
}

.post-template .gh-container.has-sidebar .gh-main {
    grid-column: 1 / span 12;
}

.post-template .gh-container.has-sidebar .gh-sidebar {
    grid-column: 13 / -1;
    max-width: 300px;
}

@media (max-width: 1199px) {
    .post-template .gh-container.has-sidebar .gh-container-inner {
        display: block;
    }

    .post-template .gh-container.has-sidebar .gh-sidebar {
        display: block;
        max-width: none;
        margin-top: 48px;
    }
}

/* Override: apply serif body font to blockquotes on published posts,
   matching the draft preview styling regardless of Ghost Admin font settings */
.post-template .gh-content > blockquote {
    font-family: var(--font-serif-alt);
    font-style: italic;
    color: var(--color-secondary-text);
    font-size: 1.5em;
    font-weight: 400;
}