/* The install and welcome pages: one card, one obvious thing to do. */
body.onboard { display: grid; place-items: center; padding: 24px; height: auto; min-height: 100dvh; }
.onboard .card { width: 100%; max-width: 460px; }
.onboard h1 { font-size: 40px; margin: 0 0 14px; }
.onboard p { margin: 0 0 14px; }
.onboard .lede { font-size: 18px; line-height: 1.45; margin-bottom: 26px; }
.onboard .hint, .onboard li { color: var(--dim); font-size: 14px; }
.onboard a { color: var(--accent); }
.onboard a.go {
  display: block; text-align: center; margin: 0 0 14px; padding: 14px 18px;
  border-radius: var(--radius); background: var(--accent); color: #fff;
  font-size: 16px; font-weight: 600; text-decoration: none;
}
.onboard a.go:hover { filter: brightness(1.08); }
.onboard a.go.quiet { background: var(--panel); color: var(--ink); border: 1px solid var(--line); }
.onboard .shops-go { margin-bottom: 22px; }
.onboard ol { padding-left: 20px; margin: 0 0 18px; }
.onboard li { margin-bottom: 6px; }
.onboard .link {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  background: var(--panel); border: 1px solid var(--line);
  border-radius: var(--radius); padding: 10px 14px;
}
.onboard .link code { font-size: 16px; flex: 1; overflow-wrap: anywhere; }