/* User pages (mobile-first). Builds on app.css tokens. */
.success-mark {
  width: 6rem; height: 6rem; margin: 0.5rem auto 1rem;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; font-size: 3.5rem; font-weight: 700; line-height: 1;
  color: var(--ok); background: var(--ok-bg); border: 4px solid var(--ok);
}
.success-mark.is-reversed { color: var(--muted); background: var(--bg); border-color: var(--border); }
tr.is-reversed td { color: var(--muted); text-decoration: line-through; }
tr.is-reversed td .muted { text-decoration: none; }
ul.plain { list-style: none; margin: 0 0 1rem; padding: 0; }
ul.plain li { padding: 0.5rem 0; border-bottom: 1px solid var(--border); }
form.inline { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; }
form.inline button { margin-left: auto; }
.button-block { width: 100%; }
button.button-block { display: flex; }
.field + .field { margin-top: 0; }
.headline { font-size: 1.5rem; font-weight: 700; margin: 0 0 0.75rem; }
.headline-credit { color: var(--ok); }
.headline-even { color: var(--muted); }
.card.center .headline { text-align: center; }
.stack-links { display: flex; flex-direction: column; gap: 0.5rem; }
.choice { display: flex; gap: 0.5rem; margin-top: 0.5rem; }
.choice .button { flex: 1 1 0; text-align: center; justify-content: center; }
.choice .button.is-current { pointer-events: none; }