.plan-cards{gap:var(--space-4);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@media (min-width:1024px){.plan-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}}.plan-card{align-content:start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);display:grid;position:relative}@media (min-width:768px){.plan-card{padding:var(--space-6)}}.plan-card-head{gap:var(--space-1);padding-right:var(--space-8);display:grid}.plan-card-name{font-family:var(--font-ui);font-size:var(--text-heading-3);font-weight:600;line-height:var(--text-heading-3-leading);color:var(--color-text-strong);overflow-wrap:anywhere}.plan-card-tagline{font-size:var(--text-body-sm);color:var(--color-text-muted)}.plan-card-price{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.plan-card-amount{font-family:var(--font-ui);letter-spacing:-.01em;color:var(--color-text-strong);font-size:28px;font-weight:600;line-height:1.1}.plan-card-period{font-size:var(--text-body-sm);color:var(--color-text-muted)}.plan-card-features{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.plan-card-features li{gap:var(--space-2);font-size:var(--text-body-sm);grid-template-columns:16px minmax(0,1fr);align-items:start;line-height:1.5;display:grid}.plan-card-features svg{color:var(--gu-sage-trust);margin-top:3px}.plan-card-foot{gap:var(--space-2);margin-top:var(--space-2);display:grid}.plan-card-foot .btn{width:100%}.plan-card--choice{cursor:pointer;min-height:48px}.plan-card--choice input{z-index:1;opacity:0;appearance:none;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.plan-card-tick{top:var(--space-4);right:var(--space-4);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:#0000;place-items:center;width:28px;height:28px;display:grid;position:absolute}.plan-card--choice:has(input:checked){border-width:2px;border-color:var(--color-primary);padding:calc(var(--space-4) - 1px)}@media (min-width:768px){.plan-card--choice:has(input:checked){padding:calc(var(--space-6) - 1px)}}.plan-card--choice:has(input:checked) .plan-card-tick{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface)}.plan-card--choice:has(input:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.plan-card--held{cursor:not-allowed;background:var(--color-surface-quiet);color:var(--color-text-muted)}.plan-card--held input{cursor:not-allowed}.plan-card-held{gap:var(--space-2);font-size:var(--text-body-sm);color:var(--color-text);align-items:flex-start;margin:0;display:flex}.plan-card-held svg{flex:none;margin-top:2px}.plan-page{gap:var(--space-4);padding-block:var(--space-4) var(--space-12);display:grid}@media (min-width:768px){.plan-page{gap:var(--space-6);padding-block:var(--space-6) var(--space-16)}}.plan-head{gap:var(--space-2);max-width:62ch;display:grid}.plan-head p{color:var(--color-text-muted);margin:0}.plan-panel{gap:var(--space-4);max-width:720px;display:grid}.plan-panel-head{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.plan-panel-head h2{margin:0}.plan-body{max-width:60ch;margin:0;line-height:1.6}.plan-lines{margin:0;display:grid}.plan-line{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4);padding-block:var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--text-body-sm);flex-wrap:wrap;display:flex}.plan-line:last-child{border-bottom:0}.plan-line dt{color:var(--color-text-muted)}.plan-line dd{color:var(--color-text-strong);text-align:right;margin:0;font-weight:600}.plan-actions{gap:var(--space-3);display:grid}.plan-actions .btn,.plan-actions form,.plan-actions form .btn{width:100%}@media (min-width:768px){.plan-actions{flex-wrap:wrap;align-items:center;display:flex}.plan-actions .btn,.plan-actions form,.plan-actions form .btn{width:auto}}.plan-cancel{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-quiet);display:grid}.plan-cancel b:focus{outline:none}
