/* Framed cards retain the existing native horizontal carousel and content. */
.plans .plan-grid{gap:24px;align-items:stretch;padding-top:4px;padding-bottom:16px}
.plans .plan,.plans .plan:first-child,.plans .plan:last-child,.plans .plan+.plan{border:1.5px solid #55583D;border-radius:20px;background:#FFFFFF;padding:28px;flex:0 0 calc((100% - 48px)/3);min-width:280px;box-sizing:border-box}
.plans .price strong{color:#55583D}
.plans .plan li{border-color:#55583D18}
.plans .plan .quiet-link{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:0;color:#55583D;font-weight:600}
.plans .plan .circle-arrow{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;position:relative;border:1px solid #55583D;background:#55583D;color:#FFFFFF;font-size:21px}
.plans .plan .circle-arrow:before{content:"";position:absolute;inset:-4px;min-height:44px;min-width:44px;border-radius:50%}
.plans .plan .quiet-link:hover .circle-arrow{background:#41452E;border-color:#41452E;color:#FFFFFF}
.plans .plan .quiet-link:focus-visible{outline:2px solid #AB8960;outline-offset:5px;border-radius:4px}
@media(min-width:701px) and (max-width:1100px){.plans .plan,.plans .plan:first-child,.plans .plan:last-child,.plans .plan+.plan{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:700px){
 .plans .plan-grid{gap:16px}
 .plans .plan,.plans .plan:first-child,.plans .plan:last-child,.plans .plan+.plan{flex-basis:86%;min-width:0;padding:22px;border-radius:16px}
 .plans .plan .circle-arrow{flex-basis:32px;width:32px;height:32px;font-size:19px}
 .plans .plan .circle-arrow:before{inset:-6px}
 .plans .price{column-gap:12px}.plans .price strong{font-size:clamp(34px,10vw,43px)}
}