/* Two choices, one shared card structure and one stable selection outline. */
#membership-page .plan-options{grid-auto-rows:1fr;gap:16px}
#membership-page .plan-card,#membership-page .plan-card:has(input:checked){padding:24px;border-width:1px;align-items:stretch;gap:16px;border-radius:18px}
#membership-page .plan-card:has(input:checked){box-shadow:inset 0 0 0 1px var(--wine)}
#membership-page .plan-card input{width:18px;height:18px;flex:0 0 18px;margin:8px 0 0}
#membership-page .plan-card>span{min-width:0;display:grid;grid-template-rows:auto auto auto 1fr;row-gap:9px;width:100%;height:100%}
#membership-page .plan-card strong{font:500 28px/1.35 var(--serif);min-height:1.35em;overflow-wrap:break-word}
#membership-page .plan-card b{font:500 48px/1.1 var(--serif);margin:0;letter-spacing:0;font-variant-numeric:tabular-nums}
#membership-page .plan-card>span>span{display:block!important;min-height:24px;font:400 16px/1.5 var(--serif);color:var(--ink)}
#membership-page .plan-card small{align-self:end;display:block;min-height:38px;font:400 14px/1.65 var(--serif);padding-top:12px;margin-top:4px;border-top:1px solid var(--line)}
@media(max-width:760px){
 #membership-page .plan-card,#membership-page .plan-card:has(input:checked){padding:19px 17px;gap:12px;border-radius:16px}
 #membership-page .plan-card input{margin-top:5px}
 #membership-page .plan-card>span{row-gap:8px}
 #membership-page .plan-card strong{font-size:20px;line-height:1.35;min-height:2.7em}
 #membership-page .plan-card b{font-size:36px;line-height:1.1}
 #membership-page .plan-card>span>span{font-size:14px;min-height:23px;line-height:1.6}
 #membership-page .plan-card small{font-size:12px;line-height:1.7;min-height:35px;padding-top:10px;margin-top:3px}
}