/* CertantBot — local rules for one prose column that has to show config
   lines verbatim. Mono is the blog's stack (flat/pages/blog.css): a robots.txt
   rule or a DNS record is copied character for character, so it gets the same
   one deliberate departure from "one family carries everything". */
:root { --pg-bot-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }

.pg-bot__body code,
.pg-bot__facts code,
#contact code { font-family: var(--pg-bot-mono); font-size: 0.9em; }

/* a user-agent string or a DNS name has no natural break point; wrap it
   rather than let the 390px column scroll sideways */
.pg-bot__body :not(pre) > code,
.pg-bot__facts code { overflow-wrap: anywhere; }

.pg-bot__body :not(pre) > code {
  background: var(--bg-tint);
  color: var(--fg-1);
  border-radius: var(--r-mark);
  padding: 2px 6px;
}

/* .prose spaces paragraphs with p + p only, so the block carries its own gap */
.pg-bot__body pre {
  background: var(--ink);
  color: var(--on-solid);
  border-radius: var(--r-card);
  padding: var(--sp-5);
  margin: var(--sp-4) 0;
  overflow-x: auto;
  font-size: var(--fs-sm);
  line-height: 1.55;
}
.pg-bot__body pre + p { margin-top: 0; }

/* the facts table's key column holds two-word labels; keep it from taking half the panel */
.pg-bot__facts th { width: 11rem; }
@media (max-width: 600px) {
  .pg-bot__facts th, .pg-bot__facts td { display: block; width: auto; }
  .pg-bot__facts th { border-bottom: 0; padding-bottom: 0; }
}