/* This comparison canvas exists only while the optional membership step is open. */
.cwk-booking[data-booking-step="plans"] .book-frame{grid-template-columns:minmax(0,1fr);gap:0}
.cwk-booking[data-booking-step="plans"] .book-host{display:none}
.cwk-booking[data-booking-step="plans"] .book-workspace{width:100%;max-width:none;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.cwk-booking[data-booking-step="plans"] .book-progress{height:6px;border-radius:8px;background:#3D434814}
.cwk-booking[data-booking-step="plans"] .book-progress>span{height:6px;border-radius:8px;background:#12ABF8}
.cwk-booking[data-booking-step="plans"] .book-stage{width:100%;max-width:none;min-width:0;padding:34px 0 30px;container-type:inline-size;container-name:cwk-plans}
.cwk-booking[data-booking-step="plans"] .book-plan-intro{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;gap:20px;margin:0 0 30px}
.cwk-booking[data-booking-step="plans"] .book-plan-intro h2{width:100%;max-width:none;min-width:0;font:800 clamp(1px,5.8cqw,44px)/1.12 KailanNav,Arial,sans-serif;letter-spacing:-.02em;color:#3D4348;white-space:nowrap;text-wrap:nowrap}
.cwk-booking[data-booking-step="plans"] .book-plan-brief{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px 48px;min-width:0;width:100%}
.cwk-booking[data-booking-step="plans"] .book-plan-purpose{min-width:0;max-width:42ch;margin:0;color:#526066;font:400 18px/1.55 CwkBookingDM,Arial,sans-serif;text-wrap:pretty}
.cwk-booking[data-booking-step="plans"] .book-plan-reassurance{min-width:0;padding-inline-start:20px;border-inline-start:3px solid #12ABF8}
.cwk-booking[data-booking-step="plans"] .book-plan-reassurance p{margin:0;font:400 16px/1.55 CwkBookingDM,Arial,sans-serif;color:#526066}
.cwk-booking[data-booking-step="plans"] .book-plan-reassurance strong{display:block;color:#3D4348;font-size:18px;font-weight:600;line-height:1.4}
.cwk-booking[data-booking-step="plans"] .book-plan-reassurance span{display:block;margin-top:5px}
.cwk-booking[data-booking-step="plans"] .book-plan-fieldset{display:block;width:100%;max-width:100%;min-width:0;margin:0;padding:0;border:0;overflow:visible}


/* Shared rhythm and a provisional suggestion sit outside the product faces. */
.cwk-booking[data-booking-step="plans"] .book-plan-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 54px;margin:29px 0 0;padding:24px 0 0;border-top:1px solid #3D434833}
.cwk-booking[data-booking-step="plans"] .book-plan-context:not(:has(.book-recommendation)){grid-template-columns:minmax(0,1fr)}
.cwk-booking[data-booking-step="plans"] .book-plan-rhythm{max-width:56ch;margin:0;color:#3D4348;font:600 16px/1.65 CwkBookingDM,Arial,sans-serif}
.cwk-booking[data-booking-step="plans"] .book-plan-context .book-recommendation{min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.cwk-booking[data-booking-step="plans"] .book-plan-context .book-recommendation h3{color:#3D4348;font:600 16px/1.55 CwkBookingDM,Arial,sans-serif}
.cwk-booking[data-booking-step="plans"] .book-plan-context .book-recommendation p{margin-top:7px;color:#526066;font:400 16px/1.65 CwkBookingDM,Arial,sans-serif}
.cwk-booking[data-booking-step="plans"] .book-plan-context .book-rule{margin-top:8px;color:#526066;font:400 14px/1.65 CwkBookingDM,Arial,sans-serif}
.cwk-booking[data-booking-step="plans"] .book-plan-context .book-rule summary{display:inline-flex;align-items:center;min-height:44px;max-width:100%;color:#3D4348;line-height:1.55;white-space:normal}
.cwk-booking[data-booking-step="plans"] .book-pricing-note{max-width:74ch;margin:21px 0 0;color:#526066;font:400 14px/1.65 CwkBookingDM,Arial,sans-serif}
.cwk-booking[data-booking-step="plans"] .book-actions{gap:14px 24px;margin:25px 0 0;padding:22px 0 0;border-top:1px solid #3D434833}
.cwk-booking[data-booking-step="plans"] .book-actions .book-button{min-height:54px;padding:14px 24px;border:1px solid #12ABF8;border-radius:8px;background:#12ABF8;color:#FFFFFF;font:700 18px/1.5 CwkBookingDM,Arial,sans-serif;box-shadow:none;white-space:normal;-webkit-text-stroke:0;paint-order:normal;text-shadow:none}
.cwk-booking[data-booking-step="plans"] .book-actions .book-button:hover{background:#12ABF8;color:#FFFFFF;-webkit-text-stroke:0;paint-order:normal;text-shadow:none}
.cwk-booking[data-booking-step="plans"] .book-actions .book-quiet{min-height:44px;color:#3D4348;font:600 14px/1.6 CwkBookingDM,Arial,sans-serif}
.cwk-booking[data-booking-step="plans"] .book-actions{align-items:flex-start}
.cwk-booking[data-booking-step="plans"] .book-plan-next{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0;max-width:100%;margin-inline-start:auto}
.cwk-booking[data-booking-step="plans"] .book-actions [data-book-action="defer-plan"]{font-size:16px;color:#526066;text-decoration-color:#D9DFE2}
.cwk-booking[data-booking-step="plans"] .book-actions [data-book-action="defer-plan"]:hover{color:#3D4348;text-decoration-color:#12ABF8}
.cwk-booking[data-booking-step="plans"] .book-actions [data-book-action="defer-plan"]:focus-visible{outline:2px solid #12ABF8;outline-offset:4px}

@container cwk-plans (max-width:699px){
 .cwk-booking[data-booking-step="plans"] .book-plan-brief{grid-template-columns:minmax(0,1fr);gap:14px}
 .cwk-booking[data-booking-step="plans"] .book-plan-reassurance{padding-inline-start:14px}
 .cwk-booking[data-booking-step="plans"] .book-plan-purpose{font-size:16px}
 .cwk-booking[data-booking-step="plans"] .book-plan-context{grid-template-columns:minmax(0,1fr);gap:20px}
}
@container cwk-plans (max-width:539px){
 .cwk-booking[data-booking-step="plans"] .book-plan-next{width:100%;align-items:stretch;margin-inline-start:0}
 .cwk-booking[data-booking-step="plans"] [data-book-action="defer-plan"]{align-self:flex-end}
}
@media(max-width:620px){
 .cwk-booking[data-booking-step="plans"] .book-stage{padding-top:28px;padding-bottom:24px}
}