html:has(body.page-rounded) {
    overflow-x: clip;
}

body.page-rounded {
    --page-component-radius: 7px;
    overflow-x: clip;
}

body.page-rounded :is(.hero-block, .hero-outcomes__copy, .hero-outcomes__card, .textgrid-card, .textgrid-featured-card, .textgrid-card__panel, .textgrid--band, .textgrid--surface-muted, .textgrid--surface-dark, .textgrid--surface-brand, .section-title-layout--band, .cta-card, .faq-box, .faq-box__answer-content, .faq-box__intro, .highlight-block, .resource-card, .reference-block__item, .quotes-carousel__item) {
    border-radius: var(--page-component-radius);
}