/* /send-to-watch (send-to-watch.php): the long form of "Run this route". */

.stw-lede {
  font-size: 17px;
  color: var(--mk-ink-2);
}

.stw-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 8px;
}

.stw-jump a {
  padding: 6px 12px;
  border: 1px solid var(--mk-line-strong);
  border-radius: 100px;
  background: var(--mk-paper);
  font-size: 14px;
  color: var(--mk-ink);
  text-decoration: none;
}

.stw-jump a:hover {
  border-color: var(--mk-accent);
  color: var(--mk-accent);
}

.stw-note {
  padding: 10px 12px;
  border-radius: var(--mk-radius-xs);
  background: var(--mk-accent-soft);
  border: 1px solid var(--mk-accent-border);
  font-size: 14px;
}

/* Land a jump link with the heading in view rather than under the sticky
   marketing header. */
.mk-prose h2[id] {
  scroll-margin-top: 90px;
}