/**
 * Section: impact-text-block-body
 *
 * Renders WYSIWYG content at comfortable body-text size with properly-sized
 * headings — like legal-page-content but as a Flex Content block. Used by
 * pilot product pages (Cladding, 2x6) and other long-form flex pages that
 * need to sit alongside other block types (like clubhouse_series_grid).
 *
 * Loaded via trunorth_enqueue_section('impact-text-block-body') from
 * template-parts/impact_text_block_body.php.
 */

.impact-text-body-wrapper {
    width: 100%;
    padding: calc(var(--vw) * 4) calc(var(--vw) * 5);
    font-family: "Montserrat", sans-serif;
}

.impact-text-body-wrapper .impact-text-body-block {
    max-width: 1100px;
    margin: 0 auto;
    color: #1a1a1a;
    font-size: var(--font-body);
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
}

.impact-text-body-wrapper .impact-text-body-block h1,
.impact-text-body-wrapper .impact-text-body-block h2,
.impact-text-body-wrapper .impact-text-body-block h3,
.impact-text-body-wrapper .impact-text-body-block h4 {
    font-family: "Open Sans Condensed", sans-serif;
    font-weight: 700;
    color: #1a1a1a;
    text-transform: uppercase;
    line-height: 1.1;
    margin: 0 0 0.5em;
}

.impact-text-body-wrapper .impact-text-body-block h1 { font-size: var(--font-h1); }
.impact-text-body-wrapper .impact-text-body-block h2 { font-size: var(--font-h2); }
.impact-text-body-wrapper .impact-text-body-block h3 { font-size: var(--font-h3); }
.impact-text-body-wrapper .impact-text-body-block h4 { font-size: var(--font-h4); }

.impact-text-body-wrapper .impact-text-body-block p {
    margin: 0 0 1em;
}

.impact-text-body-wrapper .impact-text-body-block ul,
.impact-text-body-wrapper .impact-text-body-block ol {
    margin: 0.5em 0 1.2em;
    padding-left: 1.4em;
}

.impact-text-body-wrapper .impact-text-body-block li {
    margin-bottom: 0.4em;
}

.impact-text-body-wrapper .impact-text-body-block strong,
.impact-text-body-wrapper .impact-text-body-block b {
    font-weight: 700;
}

.impact-text-body-wrapper .impact-text-body-block a {
    color: #C22127;
    text-decoration: underline;
}

.impact-text-body-wrapper .impact-text-body-block a:hover {
    color: #8a1719;
}

.impact-text-body-wrapper .impact-text-body-block em {
    font-style: italic;
    color: inherit;
}