/* Layout only: card colors and typography are inherited from pricing's blog.css. */
.pricing-block{padding:60px 0}
.pricing-block__title{margin:0 0 20px}
.pricing-block__text{line-height:1.5;margin-bottom:32px;overflow-wrap:anywhere}
.pricing-block__text>:first-child{margin-top:0}
.pricing-block__text>:last-child{margin-bottom:0}
.pricing-block__text p+p{margin-top:16px}
.pricing-block__cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.pricing-block .plan-card{flex:1 1 200px;min-width:0;max-width:300px;height:auto}
.pricing-block .plan-card__desc{height:auto;overflow-wrap:anywhere}
.pricing-block .plan-card__price{height:auto;margin-top:auto}
.pricing-block__cards:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.pricing-block__actions{display:flex;justify-content:center;margin-top:32px}
@media(max-width:767px){
    .pricing-block{padding:40px 0}
    .pricing-block__cards{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:16px;overscroll-behavior-x:contain}
    .pricing-block .plan-card{flex:0 0 85%;width:85%;max-width:340px;scroll-snap-align:start}
    .pricing-block__actions .btn{text-align:center;white-space:normal}
}