@media(min-width:980px){#plans .plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:979px){#plans .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#plans .grad-pass-card{grid-column:1/-1}}
.grad-pass-card{position:relative;border-color:var(--line-dark);background:rgba(255,255,255,.3)}
.grad-pass-badge{display:inline-block;margin-top:16px;padding:6px 8px;border:1px solid #d9e0d4;background:var(--sage);color:var(--good);font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.grad-pass-badge[hidden]{display:none}
.grad-pass-price-row{min-height:88px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.grad-pass-price-row .plan-price{margin:4px 0 12px}
.grad-pass-original{font-size:11px;color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}
.grad-pass-eligibility{min-height:44px;margin:0 0 16px;color:var(--muted);font-size:11px;line-height:1.5}
.grad-pass-referral{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.grad-pass-referral-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.grad-pass-referral-heading b{font-size:11px}
.grad-pass-referral-heading span{color:var(--muted);font-size:9px;line-height:1.45}
.grad-pass-referral-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.grad-pass-referral-form input{width:100%;min-width:0;border:1px solid var(--line);background:rgba(255,255,255,.62);color:var(--ink);padding:10px 11px;font:600 11px Lato,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.grad-pass-referral-form input:focus{outline:1px solid var(--line-dark);outline-offset:1px}
.grad-pass-referral-form .secondary{min-height:38px;padding:8px 12px}
.grad-pass-referral-status{min-height:28px;margin-top:8px;color:var(--muted);font-size:9px;line-height:1.45}
.grad-pass-referral-status[data-state="success"]{color:var(--good)}
.grad-pass-referral-status[data-state="error"]{color:#8a3d35}
.grad-pass-referral-status[data-state="pending"]{color:var(--muted)}
@media(max-width:760px){.grad-pass-price-row{min-height:0}.grad-pass-eligibility{min-height:0}.grad-pass-referral-form{grid-template-columns:1fr}.grad-pass-referral-form .secondary{width:100%}}
.grad-pass-tier-list{display:grid;gap:8px;margin:18px 0 8px}
.grad-pass-tier{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;border:1px solid var(--line);background:rgba(255,255,255,.34)}
.grad-pass-tier>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.grad-pass-tier b{font-size:10px;line-height:1.25}
.grad-pass-tier small{color:var(--muted);font-size:8px;line-height:1.3}
.grad-pass-tier>strong{display:flex;align-items:baseline;gap:6px;flex:0 0 auto;font-family:"EB Garamond",Georgia,serif;font-size:22px;font-weight:600}
.grad-pass-tier.is-current{border-color:#9da58f;background:var(--sage);box-shadow:inset 3px 0 0 var(--good)}
.grad-pass-tier.is-current b:after{content:" · YOUR TIER";font-family:"Lato",Arial,sans-serif;color:var(--good);font-size:7px;font-weight:700;letter-spacing:.08em}
.grad-pass-tier-was{font-family:"Lato",Arial,sans-serif;color:var(--muted);font-size:9px;font-weight:400;text-decoration:line-through}
@media(max-width:420px){.grad-pass-tier{align-items:flex-start}.grad-pass-tier>strong{flex-direction:column;align-items:flex-end;gap:1px}}

.grad-pass-card[aria-busy="true"] #gradPassButton{cursor:progress}

