.pageblock--text-and-card .container{display:grid;gap:var(--column-gap, var(--grid-gutter-x))}@container style(--block-breakpoint: true){.pageblock--text-and-card .container{--intro-margin-end: 0;--column-gap: var(--intro-gutter-after)}}:root[style*="--block-breakpoint: true"] .applyContainerPolyFill .pageblock--text-and-card .container{--intro-margin-end: 0;--column-gap: var(--intro-gutter-after)}@container style(--block-breakpoint: false){.pageblock--text-and-card .container{--intro-gutter-after: 0;grid-template-columns:var(--text-size, 70%) 1fr}}:root[style*="--block-breakpoint: false"] .applyContainerPolyFill .pageblock--text-and-card .container{--intro-gutter-after: 0;grid-template-columns:var(--text-size, 70%) 1fr}@container style(--block-breakpoint: false){.pageblock--text-and-card.pageblock--reverse .container{grid-template-columns:1fr var(--text-size, 70%)}}:root[style*="--block-breakpoint: false"] .applyContainerPolyFill .pageblock--text-and-card.pageblock--reverse .container{grid-template-columns:1fr var(--text-size, 70%)}.pageblock--text-and-card.pageblock--reverse .container>:nth-child(2){order:-1}@container style(--breakpoint-xl-max: true){.pageblock--text-and-card{--text-size: 60%}}:root[style*="--breakpoint-xl-max: true"] .applyContainerPolyFill .pageblock--text-and-card{--text-size: 60%}@container style(--breakpoint-lg-max: true){.pageblock--text-and-card{--text-size: 50%}}:root[style*="--breakpoint-lg-max: true"] .applyContainerPolyFill .pageblock--text-and-card{--text-size: 50%}.pageblock--text-and-card .container:has(.content__full-width){--text-size: 100%}.pageblock--text-and-card[data-display-reverse] .container{--text-size: 30%}@container style(--breakpoint-xl-max: true){.pageblock--text-and-card[data-display-reverse] .container{--text-size: 40%}}:root[style*="--breakpoint-xl-max: true"] .applyContainerPolyFill .pageblock--text-and-card[data-display-reverse] .container{--text-size: 40%}@container style(--breakpoint-lg-max: true){.pageblock--text-and-card[data-display-reverse] .container{--text-size: 50%}}:root[style*="--breakpoint-lg-max: true"] .applyContainerPolyFill .pageblock--text-and-card[data-display-reverse] .container{--text-size: 50%}.pageblock--text-and-card[data-display-reverse] .container:has(.content__full-width){--text-size: 100%}.pageblock--text-and-card[data-display-reverse] .container .content{order:1}.pageblock--text-and-card[data-display-reverse] .container .card-wrapper{order:0}