/* buy-link.html: get a buy link, see buys through it, the top links, the terms. Reuses page-board.css. */
.bl-form { display: grid; gap: 12px; max-width: 46rem; margin: 0 0 14px; }
.bl-form .btn { justify-self: start; }
.bl-form .error { margin: 0; }
.bl-agree { display: flex; gap: 10px; align-items: flex-start; font-weight: 700; max-width: 70ch; }
.bl-agree input { flex: none; width: 22px; height: 22px; margin-top: 2px; }
.bl-agree a, .bl-terms a, .bl-linkbtn { color: var(--ink); font-weight: 800; text-decoration: underline; text-decoration-color: var(--red); text-decoration-thickness: 3px; }
.bl-linkbtn { font: inherit; font-weight: 800; background: none; border: 0; padding: 0; cursor: pointer; }
.bl-link { margin: 4px 0 12px; font-size: 1.05rem; }
.bl-link code { display: block; padding: 10px 12px; border: 3px solid var(--ink); background: var(--snow); }
.bl-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 10px; }
.bl-total { margin: 0 0 12px; font-weight: 800; font-size: 1.1rem; }
.bl-terms ol { padding-left: 1.4em; max-width: 80ch; }
.bl-terms li { margin-bottom: .7em; }
.bl-risk { margin: 16px 0 0; padding: 12px 14px; border: 3px solid var(--red); background: #fff4f2; max-width: 80ch; }
.bl-status-no { color: var(--muted); }
@media (max-width: 640px) {
  .bl-actions .btn { flex: 1 1 auto; text-align: center; }
}