/* Shared plan card appearance, scoped to plan page sections. */
:is(#plans, #how) .plans .plan{background:#f6f7f8;border:1px solid #f0f2f4;border-radius:13px;padding:22px;min-width:0}
:is(#plans, #how) .plans .plan .badge{background:#f0f2f4;color:#546379}
:is(#plans, #how) .plans .plan .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 10px;font-size:13px;font-weight:700;background:#374150;color:#ffffff;border:1px solid #374150;border-radius:7px}
:is(#plans, #how) .plans .plan .btn:hover{background:#2b333e;border-color:#2b333e}
:is(#plans, #how) .plans .plan h3{font-size:21px}
:is(#plans, #how) .plans .actual-plan .plan-badges{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:29px}
:is(#plans, #how) .plans .actual-plan .plan-intro{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0 7px;min-height:36px}
:is(#plans, #how) .plans .actual-plan h3{font-size:20px;line-height:1.35;letter-spacing:-.8px;margin:0 0 10px;min-height:54px}
:is(#plans, #how) .plans .plan-allowances{margin:0 0 10px}
:is(#plans, #how) .plans .plan-allowances>div{padding:10px 0;border-top:1px dashed var(--line)}
:is(#plans, #how) .plans .plan-allowances dt{font-size:14px;font-weight:700;margin-bottom:4px}
:is(#plans, #how) .plans .plan-allowances dd{margin:0;font-size:12px;line-height:1.7;color:var(--muted)}
:is(#plans, #how) .plans .plan-price{border-top:1px dashed var(--line);padding:14px 0;margin-top:auto;white-space:nowrap;text-align:center}
:is(#plans, #how) .plans .plan-price strong{font-size:29px;letter-spacing:-1px;color:#243b5a}
:is(#plans, #how) .plans .actual-plan .btn{margin-top:0}
@media(max-width:650px){:is(#plans, #how) .plans .actual-plan .plan-intro,:is(#plans, #how) .plans .actual-plan h3{min-height:0}:is(#plans, #how) .plans .plan-price strong{font-size:33px}}