/* Promo code cards, shared by the hub and every app's codes page. Colours come from each page's own style.css. */
.code-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin:16px 0}
.code-title{margin:0;font-weight:700;color:var(--ink)}
.code{margin:10px 0 6px;font:800 28px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;color:var(--ink);word-break:break-all;-webkit-user-select:all;user-select:all}
.code-note{margin:6px 0 0;color:var(--muted);font-size:15px}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--line);background:var(--bg);font:700 15px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;text-decoration:none;cursor:pointer}
button.btn{color:var(--ink)}
.btn:hover,.btn:focus-visible{border-color:currentColor}
/* a.btn keeps the page's own link colour, so the redeem buttons carry each app's accent */
.steps{padding-left:22px}
.steps li{margin:6px 0}