/* Blog listing, theme-authored articles, standard posts and editorial posts. */
body.ra-blog-spacing .ra-page-hero h1 {
    line-height: 1.12;
    margin-bottom: 1.4rem;
    overflow-wrap: anywhere;
}

body.ra-blog-spacing .ra-page-hero p:not(.ra-eyebrow) {
    line-height: 1.75;
    margin-top: 0;
    margin-bottom: 1.25rem;
}

body.ra-blog-spacing .ra-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: auto;
    overflow: visible;
}

body.ra-blog-spacing .ra-card h2,
body.ra-blog-spacing .ra-card h3 {
    font-size: clamp(1.45rem, 2.2vw, 1.8rem);
    line-height: 1.3;
    margin: .85rem 0 1rem;
    overflow-wrap: anywhere;
}

body.ra-blog-spacing .ra-card p {
    line-height: 1.75;
    margin: 0 0 1rem;
}

body.ra-blog-spacing .ra-card > .ra-tag {
    align-self: flex-start;
    margin: 0 0 .35rem;
}

body.ra-blog-spacing .ra-card-media {
    flex-shrink: 0;
}

body.ra-blog-spacing .ra-copy h2,
body.ra-blog-spacing .ra-copy h3,
body.ra-blog-spacing .ra-panel h2,
body.ra-blog-spacing .ra-panel h3,
body.ra-blog-spacing .ra-section-head h2 {
    line-height: 1.3;
    margin: 0 0 1rem;
    overflow-wrap: anywhere;
}

body.ra-blog-spacing .ra-copy p {
    line-height: 1.8;
    margin: 0 0 1.1rem;
}

body.ra-blog-spacing .ra-copy section > :last-child {
    margin-bottom: 0;
}

body.ra-blog-spacing .entry-title {
    line-height: 1.2;
    margin: 0 0 1rem;
    overflow-wrap: anywhere;
}

body.ra-blog-spacing .entry-content h2,
body.ra-blog-spacing .entry-content h3,
body.ra-blog-spacing .entry-content h4 {
    line-height: 1.3;
    margin: 2rem 0 1rem;
    overflow-wrap: anywhere;
}

body.ra-blog-spacing .entry-content p,
body.ra-blog-spacing .entry-summary p,
body.ra-blog-spacing .entry-content li {
    line-height: 1.8;
}

body.ra-blog-spacing .entry-content p {
    margin-bottom: 1.25rem;
}

body.ra-blog-spacing .ra-journal h1 { line-height: 1.15; }
body.ra-blog-spacing .ra-j-prose h2 { line-height: 1.3; margin-bottom: 1.1rem; }

body.ra-blog-spacing .ra-card .ra-card-date {
    font-size: .86rem;
    font-weight: 600;
    margin-bottom: .8rem;
}

body.ra-blog-spacing .ra-card-read {
    font-weight: 900;
    margin-top: auto;
    padding-top: .6rem;
}

body.ra-blog-spacing .ra-card-placeholder {
    background: var(--ra-red, #ff5a4d);
    color: var(--ra-ink, #080808);
    display: grid;
    place-items: center;
    height: 100%;
    padding: 1.5rem;
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.3;
}

body.ra-blog-spacing .ra-live-blog { padding-bottom: 0; }
body.ra-blog-spacing .ra-live-blog .ra-section-head { margin-bottom: 1.75rem; }

body.ra-blog-spacing .ra-blog-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 2rem;
}

body.ra-blog-spacing .ra-blog-pagination .page-numbers {
    border: 2px solid var(--ra-ink, #080808);
    padding: .5rem .8rem;
    line-height: 1.5;
    text-decoration: none;
}

body.ra-blog-spacing .ra-blog-pagination .current { background: var(--ra-red, #ff5a4d); }
body.ra-blog-spacing .ra-card:focus-visible { outline: 3px solid var(--ra-red, #ff5a4d); outline-offset: 4px; }

@media (max-width: 760px) {
    body.ra-blog-spacing .ra-page-hero h1 { font-size: clamp(2.25rem, 8vw, 3rem); }
    body.ra-blog-spacing .ra-card h2,
    body.ra-blog-spacing .ra-card h3 { font-size: 1.5rem; }
    body.ra-blog-spacing .ra-copy h2 { font-size: 1.8rem; }
}