/* Same palette, dimensions and type system as q/assets/clone.css; no quiz JS. */
:root{font-family:Roboto,Arial,system-ui,sans-serif;color:#111113;background:#fefefe;font-synthesis:none;--red:#f4434b;--green:#53cc58}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}a{color:inherit}button{cursor:pointer;border:0;border-radius:12px;min-height:48px;padding:12px 18px;background:#111113;color:#fff;font-weight:700}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #5067cb;outline-offset:4px}[hidden]{display:none!important}.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{display:block;padding:12px}header{max-width:780px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:700;text-decoration:none}.brand span{color:var(--red);font-size:13px;margin-left:3px}main{width:min(calc(100% - 40px),660px);margin:20px auto 0;padding-bottom:calc(32px + env(safe-area-inset-bottom))}h1,h2,p{margin:0 0 16px}h1{font-size:36px;line-height:1.15;letter-spacing:-1px}h2{font-size:21px;line-height:1.3}strong{overflow-wrap:anywhere}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:#68707d;margin-bottom:12px}.card{border:1px solid #e2e4e8;border-radius:18px;padding:24px;margin:24px 0;background:#fff}.card-heading{display:flex;gap:12px;align-items:start;justify-content:space-between;flex-wrap:wrap}.card-heading h2{margin-bottom:12px}.pill{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;background:#eef8ef;white-space:nowrap}.pill[data-state=cancelling],.pill[data-state=past_due]{background:#fff1dc}.pill[data-state=expired]{background:#f0f1f3}.muted,.small{color:#555d68}.small{font-size:13px;line-height:1.6}#signed-email{overflow-wrap:anywhere}.quiet,.text-button{background:transparent;color:#111113;text-decoration:underline;font-weight:500;padding:10px 0;min-height:44px}.secondary{background:#f6f7f9;color:#111113;border:1px solid #d8dce1}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.actions a{padding:10px 0}label{display:block;font-weight:600;margin-top:16px}input{display:block;width:100%;min-height:54px;border:1px solid #bfc5cf;border-radius:10px;padding:12px 14px;margin:8px 0 16px;font-size:16px;background:white;color:#111113}form>button{width:100%}#code{letter-spacing:7px;font-variant-numeric:tabular-nums;font-size:24px}details{margin-top:24px;border-top:1px solid #e2e4e8;padding-top:16px}summary{cursor:pointer;min-height:44px;padding:8px 0}details p{margin-top:12px}dl{margin:12px 0 24px}dl>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e2e4e8}dt{color:#555d68}dd{margin:0;text-align:right;font-weight:600;max-width:65%;overflow-wrap:anywhere}.badges{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.badges img{display:block;object-fit:contain;max-width:100%}.receipts{list-style:none;padding:0;margin:0}.receipts li{display:grid;grid-template-columns:1fr auto;gap:4px 12px;border-bottom:1px solid #e2e4e8;padding:14px 0}.receipts small{grid-column:1/-1;color:#555d68}footer{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;padding:10px 0 0}footer a{min-height:44px;padding:10px 0}#notice{margin:16px 0;overflow-wrap:anywhere}#notice[data-error=true],#confirm-error,#retain-error{color:#a52731}dialog{width:min(calc(100% - 32px),440px);max-height:calc(100dvh - 40px);overflow:auto;border:0;border-radius:20px;padding:28px;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#11111399}.dialog-actions{display:grid;gap:12px}#confirm-action{background:var(--red);color:#111113}@media(max-width:374px){.card{padding:18px}h1{font-size:32px}.actions>button{width:100%}dl>div{display:block}dd{text-align:left;max-width:none;margin-top:5px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.he{text-align:right}
.receipts li button{grid-column:1/-1;justify-self:start;margin-top:6px}
#reason-options .secondary{min-height:44px;padding:10px 14px;font-weight:600}
#pause-copy{margin-top:-4px}