/* Help centre extras (Ram, website review 12 Nov 2026 §5): "In the SmashR
   app" / "On the website" labels, the App or Website choice box, and the
   "Still need help?" support block. Uses the tokens each Help page defines. */
.chip.chip-app,.chip.chip-web,.where{display:inline-flex;align-items:center;gap:6px}
.chip.chip-app,.where.app{color:var(--black,#090b10);background:var(--accent,#b9ff4a);border-color:var(--accent,#b9ff4a)}
.chip.chip-web,.where.web{color:var(--accent,#b9ff4a);background:transparent;border-color:var(--accent,#b9ff4a)}
.chip svg,.where svg{width:14px;height:14px;flex:none}
.where{font-size:11.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid;margin-bottom:12px}

.choice{margin:28px 0 0;background:var(--mid,#121620);border:1px solid var(--border,#2a3040);border-radius:16px;padding:18px 20px}
.choice h2{font-size:17px;font-weight:800;margin-bottom:10px}
.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.choice-row a,.choice-row span.here{display:block;border:1px solid var(--border,#2a3040);border-radius:12px;padding:12px 14px;font-size:14.5px;line-height:1.45;color:var(--muted,#a8b0c0)}
.choice-row a b,.choice-row span.here b{display:block;color:var(--white,#f7f8fb);font-size:15px;margin-bottom:2px}
.choice-row a:hover{border-color:var(--accent,#b9ff4a)}
.choice-row span.here{border-color:var(--accent,#b9ff4a)}

.needs-app{margin:28px 0 0;border:1px solid var(--border,#2a3040);border-left:4px solid var(--accent,#b9ff4a);border-radius:14px;padding:16px 18px;color:var(--muted,#a8b0c0);line-height:1.6}
.needs-app b{color:var(--white,#f7f8fb)}
.needs-app a,.support a.mail,.step p a{color:var(--accent,#b9ff4a);text-decoration:underline}

.support{margin:56px 0 0;background:var(--mid,#121620);border:1px solid var(--accent,#b9ff4a);border-radius:20px;padding:28px}
.support h2{font-size:clamp(22px,2.6vw,28px);font-weight:800;letter-spacing:-.6px;margin-bottom:8px}
.support p{color:var(--muted,#a8b0c0);font-size:15.5px;margin-bottom:12px}
.support ul{color:var(--muted,#a8b0c0);font-size:15px;margin:0 0 14px 20px;line-height:1.7}
.support .mail-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:6px 0 14px}
.support a.mail{font-size:18px;font-weight:800;word-break:break-all}
.support .warn{font-size:14px;color:var(--white,#f7f8fb);background:rgba(255,138,152,.08);border:1px solid rgba(255,138,152,.45);border-radius:12px;padding:10px 14px;margin:0}
.support + .cta-strip{margin-top:28px}

@media (max-width:620px){.choice-row{grid-template-columns:1fr}.support{padding:22px 18px}}