/* ─── DOBLADO SUBSCRIBE FLOW ─────────────────────── */
.sub-step{padding:.25rem 0;}
.sub-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap;}
.sub-fine{font-size:.75rem;color:var(--muted);margin-top:1rem;text-align:center;}
.sub-handoff{border:1.5px solid rgba(62,113,129,.18);border-radius:12px;background:#fff;padding:1.2rem 1.3rem;margin-top:1.2rem;}
.sub-handoff ol,.sub-handoff ul{margin:.6rem 0 0;padding-left:1.1rem;font-size:.9rem;line-height:1.7;}
/* Text button for the secondary path out of the confirm step. */
.sub-link{display:block;margin:.9rem auto 0;background:none;border:none;padding:0;font-family:'Commissioner',sans-serif;font-size:.85rem;color:var(--petrol);text-decoration:underline;cursor:pointer;}

/* Tabs (from account.css, duplicated here since account.css isn't loaded on index.html) */
.ac-tabs{display:flex;gap:.5rem;margin-bottom:1.4rem;}
.ac-tab{flex:1;padding:.7rem;border:1px solid rgba(62,113,129,.25);background:none;border-radius:8px;font-family:'Commissioner',sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;}
.ac-tab.on{background:var(--petrol);border-color:var(--petrol);color:#fff;}

/* Clearent card form (card-form.js) — the iframe host and our zip + button. */
.sub-cardform{border:1.5px solid rgba(62,113,129,.18);border-radius:12px;background:#fff;padding:1.2rem 1.3rem;margin-top:1.2rem;}
.cf-frame{min-height:3.4rem;margin-bottom:1rem;}
.cf-frame iframe{width:100%;border:0;}
.cf-zip{max-width:220px;}
.cf-actions{justify-content:flex-start;}