:root{color-scheme:light;--ink:#222c40;--paper:#fffaf2;--gold:#ba914b}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 Arial,sans-serif}header{background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:20px max(20px,calc((100vw - 1080px)/2));gap:20px}a{color:inherit;text-underline-offset:3px}header a{text-decoration:none}.brand{font:32px/1.1 Georgia,serif;white-space:nowrap}.brand span{display:block;font:11px/2 Arial,sans-serif;letter-spacing:3px;text-align:center}.header-link{font-size:14px}main{max-width:840px;margin:auto;padding:48px 24px}h1{font:38px/1.2 Georgia,serif;margin:12px 0 24px}h2{font:25px/1.25 Georgia,serif}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:bold}.lead{font-size:22px}.card{border:1px solid #c7bca9;border-radius:8px;padding:28px;background:#fff;margin:28px 0}.balance{font:48px/1.2 Georgia,serif;margin:12px 0 24px}input:not([type=checkbox]){display:block;width:100%;border:1px solid #74838a;border-radius:4px;padding:12px;font:16px/1.4 Arial,sans-serif;margin:8px 0 16px;min-height:48px}label{display:block;font-weight:600}.check{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:normal;margin:18px 0}.check input{width:20px;height:20px;flex:0 0 20px;margin-top:2px}button,.primary,.secondary{font:600 16px/1.4 Arial,sans-serif;cursor:pointer;display:inline-block;min-height:48px;padding:13px 20px;border-radius:4px;text-decoration:none}.primary{background:var(--ink);color:var(--paper);border:2px solid var(--ink)}.secondary{background:var(--paper);color:var(--ink);border:1px solid var(--gold)}button:disabled{opacity:.55;cursor:wait}.text-button{border:0;background:none;text-decoration:underline;padding-left:0;color:var(--ink)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.small{font-size:14px}.divider{border-top:1px solid #ddd;margin:28px 0}#message:not(:empty){padding:16px;border-left:4px solid var(--gold);background:#f1eadb}dl div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #eee}dd{margin:0;font-weight:bold}.due{font-size:20px}.how{margin-top:48px}.how ol{padding-left:24px}.how li{padding:8px 0}.how strong,.how span{display:block}footer{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;padding:32px 20px;border-top:1px solid #d3c6b2;font-size:14px}[hidden]{display:none!important}@media(max-width:600px){header{padding:16px;gap:12px}.brand{font-size:24px}.header-link{font-size:12px}main{padding:28px 20px}h1{font-size:30px}.lead{font-size:20px}.card{padding:20px;margin:22px 0}button,.primary,.secondary{width:100%}.balance{font-size:42px}footer{gap:16px}.how{margin-top:32px}}

body[data-screen=payment] .how{display:none}body[data-screen=payment] #wallet-panel .card{padding:16px 24px}body[data-screen=payment] #wallet-panel .balance{font-size:32px;margin:4px 0}body[data-screen=payment] #wallet-panel .card>:not(.eyebrow):not(.balance){display:none}body[data-screen=payment] #wallet-panel>.text-button{font-size:14px;padding:0;min-height:32px}body[data-screen=payment] #wallet-panel .card{margin-bottom:0}body[data-screen=payment] #success-panel{margin-top:0}