/* RDC_DPV_BLOCK_DESIGN_START */
.block-canvas { padding-bottom: 120px; }
.sample-stack { max-width: var(--content); margin: 0 auto; padding: 0 clamp(20px, 5vw, 76px); }
.sample-block { padding: clamp(28px, 4vw, 46px); border-top: 1px solid var(--line); }
.sample-block--contained { max-width: 980px; border: 0; border-radius: 0; background: linear-gradient(112deg, rgba(220,230,227,.68) 0%, rgba(242,246,243,.84) 52%, rgba(253,253,250,.99) 100%); box-shadow: inset 3px 0 0 rgba(70,105,102,.42); }
.sample-block--contained:hover, .sample-block--contained:focus-within { background: linear-gradient(112deg, rgba(232,239,236,.94) 0%, rgba(249,250,248,.99) 56%, #fff 100%); box-shadow: inset 3px 0 0 rgba(47,92,88,.62); }
.sample-kicker-piece { padding-right: 28px; }
.sample-copy-piece { padding-right: 28px; }
.sample-action-piece { text-align: right; }
.sample-block h2 { margin-bottom: 14px; font-size: clamp(1.6rem, 3vw, 2.5rem); }
.sample-block p:not(.sample-kicker) { max-width: 56ch; margin-bottom: 0; color: var(--muted); line-height: 1.65; }
.block-state { display: none; }
.block-state.is-active { display: block; }
@media (max-width: 620px) {
	.sample-kicker-piece, .sample-copy-piece, .sample-action-piece { width: 100% !important; padding: 0 0 14px; text-align: left; }
}
/* RDC_DPV_BLOCK_DESIGN_END */