/*
 * Shared content typography and the section-heading badge. Loaded on every
 * singular route (front page, pages, posts) because all of them render
 * editor content through .entry-content.
 */

.entry-content p,
.entry-content li {
    color: var(--gbm-body);
    font-size: 19.2px;
    line-height: 28.8px;
}

.entry-content p { margin: 0 0 20px; }
.entry-content ul { margin: 0 0 20px; padding-left: 22px; }
.entry-content li { margin-bottom: 4px; }
.entry-content > :last-child { margin-bottom: 0; }

.entry-content a { color: var(--gbm-teal); }

/*
 * Section headings sit in a teal tab: rounded on the top-left and bottom-right
 * only, sized to their own text. Applied via a wrapper so the heading element
 * itself stays a plain h2.
 */
.section-tab {
    display: inline-block;
    margin: 0 0 15px;
    padding: 8px 20px 10px;
    border-radius: 15px 0;
    background: var(--gbm-teal);
}
.section-tab > * {
    color: #ffffff;
    font-size: 38.4px;
    font-weight: 700;
    line-height: 1;
}

.entry-content figure { margin: 0 0 20px; }