/* LTL Pixel: native, selectable editorial H2s with no renderer required.
   Font source and copyright: ../fonts/ltl-pixel/NOTICE.txt */

@font-face {
    font-family: "LTL Pixel";
    src: url("../fonts/ltl-pixel/LTLPixel-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "LTL Pixel";
    src: url("../fonts/ltl-pixel/LTLPixel-Italic.woff2") format("woff2");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "LTL Pixel";
    src: url("../fonts/ltl-pixel/LTLPixel-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "LTL Pixel";
    src: url("../fonts/ltl-pixel/LTLPixel-BoldItalic.woff2") format("woff2");
    font-style: italic;
    font-weight: 700;
    font-display: swap;
}

:root {
    --font-pixel: "LTL Pixel", var(--font-serif);
}

/* Ghost's editorial headings are direct children of .content. Keep chapter
   navigation, related posts and headings inside embedded cards independent. */
:is(.post, .page) .post-body .content > :is(h2, h3, h4) {
    font-kerning: normal;
    overflow-wrap: break-word;
}

:is(.post, .page) .post-body .content > h2 {
    font-family: var(--font-pixel);
    font-synthesis: none;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: normal;
    text-transform: none;
    margin-top: var(--space-8);
    margin-bottom: var(--space-2);
}

:is(.post, .page) .post-body .content > :is(h3, h4) {
    font-family: var(--font-sans);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: var(--space-2);
}

:is(.post, .page) .post-body .content > h3 {
    font-size: 1.125rem;
    margin-top: var(--space-6);
}

:is(.post, .page) .post-body .content > h4 {
    font-size: var(--text-base);
    margin-top: var(--space-5);
}