.pageblock--text{--h1-size: clamp(16px, 5vw + 1rem, 32px);--h2-size: clamp(14px, 5vw + 1rem, 28px);--h3-size: clamp(12px, 5vw + 1rem, 24px);--h4-size: clamp(11px, 5vw + 1rem, 22px);--h5-size: clamp(9px, 5vw + 1rem, 18px);--h6-size: clamp(8px, 5vw + 1rem, 16px)}.pageblock--text h1,.pageblock--text h2,.pageblock--text h3,.pageblock--text h4,.pageblock--text h5,.pageblock--text h6{margin-top:var(--spacing-2xl)}.pageblock--text .x-core-grid__column{max-width:880px}.pageblock--text .x-core-grid__column h1:first-child,.pageblock--text .x-core-grid__column h2:first-child,.pageblock--text .x-core-grid__column h3:first-child,.pageblock--text .x-core-grid__column h4:first-child,.pageblock--text .x-core-grid__column h5:first-child,.pageblock--text .x-core-grid__column h6:first-child{margin-top:0}.pageblock--text:has(.container .wrapper__widget){--column-gap: var(--intro-gutter-after-sm)}.pageblock--text:has(.container .wrapper__widget) .container{display:grid;gap:var(--column-gap, var(--grid-gutter-x))}@container style(--block-breakpoint: true){.pageblock--text:has(.container .wrapper__widget) .container{--intro-margin-end: 0;--column-gap: var(--intro-gutter-after)}}:root[style*="--block-breakpoint: true"] .applyContainerPolyFill .pageblock--text:has(.container .wrapper__widget) .container{--intro-margin-end: 0;--column-gap: var(--intro-gutter-after)}@container style(--block-breakpoint: false){.pageblock--text:has(.container .wrapper__widget) .container{--intro-gutter-after: 0;--text-col-width: calc( var(--text-size, 55%) - (var(--column-gap, var(--grid-gutter-x)) / 2) );grid-template-columns:var(--text-col-width) 1fr}}:root[style*="--block-breakpoint: false"] .applyContainerPolyFill .pageblock--text:has(.container .wrapper__widget) .container{--intro-gutter-after: 0;--text-col-width: calc( var(--text-size, 55%) - (var(--column-gap, var(--grid-gutter-x)) / 2) );grid-template-columns:var(--text-col-width) 1fr}@container style(--block-breakpoint: false){.pageblock--text:has(.container .wrapper__widget).pageblock--reverse .container{grid-template-columns:1fr var(--text-col-width)}}:root[style*="--block-breakpoint: false"] .applyContainerPolyFill .pageblock--text:has(.container .wrapper__widget).pageblock--reverse .container{grid-template-columns:1fr var(--text-col-width)}.pageblock--text:has(.container .wrapper__widget).pageblock--reverse .container>:nth-child(2){order:-1}.pageblock--text .container{display:flex;flex-direction:row}.pageblock--text .container .wrapper__content .x-core-grid .x-core-grid__column p:has(>img){margin-block:var(--spacing-3xl)}
