/* `pocketbot setup` sign-in page (link.html). Tokens come from style.css. */
.link-card { position: relative; z-index: 1; max-width: 440px; margin: 12vh auto 0; padding: 28px 24px; background: var(--paper-hi);
  border: 1px solid var(--line-2); border-radius: 12px; }
.link-card .wordmark { margin: 0 0 16px; }
.link-lede { font-size: 20px; margin: 0 0 12px; }
.link-facts { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 0 0 16px; }
.link-facts dt { color: var(--ink-2); }
.link-facts dd { margin: 0; overflow-wrap: anywhere; }
.mono { font-family: var(--f-mono, ui-monospace, monospace); }
.link-btn { font: inherit; padding: 10px 18px; border-radius: 8px; border: 0; background: var(--ink); color: var(--paper); cursor: pointer; }
.link-btn:disabled { opacity: .5; cursor: default; }
.err { color: var(--red); }
@media (max-width: 480px) { .link-card { margin: 16px; } }