.billing-page,.billing-title-gate{gap:1.25rem;display:grid}.billing-page{max-width:70rem;margin-inline:auto}.billing-lockbar{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.75rem clamp(1rem,4vw,4rem);display:flex}.billing-lock .billing-page{padding-top:2rem}.billing-title-info{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.billing-title-info h1{margin-top:0}.billing-title-info p{max-width:64ch}.billing-title-info img{border-radius:.5rem;width:clamp(65px,17vw,116px);height:auto}.billing-page .page-heading{margin-bottom:0}.billing-page .page-heading p{max-width:60ch}.billing-plans,.billing-transfer{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.billing-panel,.billing-last-payment,.billing-fx{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);padding:clamp(1rem,3vw,1.75rem)}.billing-panel:focus{outline:2px solid var(--accent);outline-offset:2px}.billing-premium{border-color:var(--accent)}.billing-panel h2,.billing-panel h3,.billing-payment h3{margin:0 0 .75rem}.billing-panel p,.billing-payment p,.billing-dialog p{margin:.65rem 0 1rem;line-height:1.55}.billing-panel>.btn,.billing-dialog>.btn{margin-top:.25rem}.billing-price{font:400 clamp(1.65rem, 4vw, 2.4rem)/1.15 var(--display);color:var(--accent);font-synthesis:none}.billing-price small{font:400 1rem/1.5 var(--ui);color:var(--muted)}.billing-receipt{grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;margin-block:.85rem;display:grid}.billing-receipt dt{color:var(--muted)}.billing-receipt dd{text-align:end;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.billing-receipt .billing-total{border-top:1px solid var(--line);color:var(--text);padding-top:.55rem;font-weight:650}.billing-transfer{grid-template-columns:minmax(130px,200px) minmax(0,1fr);align-items:center;margin-block:1rem}.billing-qr{background:#fff;border-radius:.45rem;width:100%;max-width:200px;height:auto;display:block}.billing-code{font-variant-numeric:tabular-nums;letter-spacing:.025em;overflow-wrap:anywhere}.billing-fx{background:var(--bg);color:var(--muted);padding:.85rem 1rem}.billing-fx p{margin:0 0 .3rem}.billing-fx strong{color:var(--text)}.billing-fx a,.billing-parents-note a{color:var(--accent);align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.billing-notice{border-inline-start:3px solid var(--accent);background:var(--bg);padding:.75rem 1rem}.billing-pin{gap:.75rem;max-width:23rem;margin-block:1rem;display:grid}.billing-pin .btn{justify-self:start}.billing-actions{flex-wrap:wrap;gap:.65rem;display:flex}.billing-dialog{width:min(100%,38rem);max-height:calc(100dvh - 2rem);overflow-y:auto}.billing-dialog .billing-payment{margin-block:1rem}.billing-title-gate .btn,.billing-page .btn,.billing-dialog .btn{white-space:normal;height:auto;min-height:44px}.billing-last-payment{background:var(--bg);margin-block:1rem;padding:.4rem 1rem}.billing-last-payment summary{cursor:pointer;align-content:center;min-height:44px}.billing-last-payment .billing-fx{border:0;padding-inline:0}.billing-breakdown{border-block-start:1px solid var(--line);margin-block:.85rem}.billing-breakdown>summary{min-height:44px;color:var(--accent);cursor:pointer;align-content:center}.billing-breakdown>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.billing-breakdown .billing-receipt dt{overflow-wrap:anywhere}.billing-parents-note{flex-wrap:wrap;align-items:center;gap:.25rem 1rem;display:flex}.billing-season{align-items:center;gap:.75rem;display:flex}.billing-season select{background:var(--surface);min-height:44px;color:var(--text);border:1px solid var(--line);border-radius:.45rem;padding:.4rem .75rem}@media (max-width:720px){.billing-plans,.billing-transfer{grid-template-columns:minmax(0,1fr)}.billing-qr{justify-self:center}.billing-dialog{max-height:calc(100dvh - .5rem)}}