.commerce-page{max-width:760px;min-height:65vh;margin-inline:auto;padding:48px 24px 72px}.commerce-page h1{margin:0 0 16px;font-size:30px;line-height:1.3}.commerce-lead{color:var(--text);margin:0 0 28px;font-size:17px;line-height:1.8}.commerce-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-block-end:24px;padding:28px}.commerce-panel>:first-child{margin-block-start:0}.commerce-panel h2{margin:0 0 12px;font-size:19px;line-height:1.5}.commerce-panel p{color:var(--muted);margin:0 0 12px;line-height:1.85}.commerce-panel p:last-child{margin-block-end:0}.commerce-statement{border-inline-start:3px solid var(--accent);background:var(--surface)}.commerce-failure{border-color:var(--accent);background:var(--surface)}.commerce-facts{margin:0 0 16px}.commerce-facts>div{border-block-end:1px solid var(--line);flex-wrap:wrap;gap:4px 16px;padding:10px 0;display:flex}.commerce-facts>div:last-child{border-block-end:none}.commerce-facts dt{min-inline-size:12rem;color:var(--text);font-weight:600}.commerce-facts dd{color:var(--text);margin:0}.commerce-amount{color:var(--text);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.commerce-note{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.commerce-benefits{color:var(--muted);margin:0 0 12px;padding-inline-start:22px;line-height:1.85}.commerce-benefits li{margin-block-end:8px}.commerce-actions{flex-wrap:wrap;gap:12px;margin-block-start:20px;display:flex}.commerce-actions a,.commerce-actions button{border:1px solid var(--accent);background:var(--accent);min-height:44px;color:var(--bg);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}.commerce-actions a[data-variant=secondary],.commerce-actions button[data-variant=secondary]{border-color:var(--field-border);color:var(--text);background:0 0}.commerce-actions button:disabled{opacity:.55;cursor:not-allowed}.commerce-methods{border:none;flex-direction:column;gap:10px;margin:0 0 4px;padding:0;display:flex}.commerce-methods legend{color:var(--text);padding:0;font-weight:600}.commerce-methods label{border:1px solid var(--line);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;line-height:1.6;display:flex}.commerce-methods input[type=radio]{block-size:18px;inline-size:18px;accent-color:var(--accent);flex:none}.commerce-stage{border:1px solid var(--line);background:var(--panel);border-radius:10px;margin-block-end:16px;padding:20px 22px}.commerce-stage h2{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:15px}.commerce-stage p{color:var(--text);margin:0 0 10px;line-height:1.8}.commerce-stage p:last-child{margin-block-end:0}.commerce-stage[data-state=open]{border-inline-start:3px solid var(--good)}.commerce-stage[data-state=attention]{border-inline-start:3px solid var(--accent)}.commerce-headline{color:var(--text);margin:0 0 20px;font-size:20px;font-weight:700;line-height:1.45}.commerce-reference{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.commerce-alert{border:1px solid var(--accent);background:var(--surface);color:var(--text);border-radius:8px;margin:16px 0 0;padding:14px 16px;line-height:1.8}.commerce-links{flex-wrap:wrap;gap:8px 20px;margin-block-start:8px;font-size:13px;display:flex}@media (max-width:640px){.commerce-page{padding:28px 16px 48px}.commerce-page h1{font-size:25px}.commerce-panel{padding:20px}.commerce-facts dt{min-inline-size:100%}.commerce-actions a,.commerce-actions button{inline-size:100%}}