/* Hand-authored rules, layered on top of site.css. site.css began as a one-shot
   PurgeCSS + minify of the old Webflow stylesheets, but there is no regeneration
   step — it is now hand-maintained too. Prefer adding new rules here; edit
   site.css directly only for surgery on the inherited Webflow base. */

/* Terminal/CLI help blocks in the prose — Markdown fenced code blocks render as
   <pre><code>. Monospace so columns line up; scroll long lines instead of
   breaking the layout. */
pre {
  overflow-x: auto;
  white-space: pre;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  background: #f6f7f9;
  border: 1px solid #e7e9ee;
  border-radius: 8px;
  padding: 16px;
  margin: 16px 0;
  -webkit-overflow-scrolling: touch;
}

/* Inline highlights — the terms the old Webflow content wrapped in <sup> as a
   styling hack, now semantic <mark>. Plain bold-coloured inline text (no
   background): matches the old site and keeps punctuation tight (e.g. "AMD,"). */
.prose mark {
  background: none;
  color: #1d61fe;
  font-weight: 600;
}

/* Prose headings. The content uses <h1>…<h4> as in-article section dividers
   (the page title is the download heading), and several <h1>s per page at the
   global 38px read as shouty. Scale them to a calmer hierarchy. */
.prose h1 {
  font-size: 26px;
  line-height: 1.25;
  margin: 30px 0 12px;
}
.prose h2 {
  font-size: 21px;
  line-height: 1.3;
  margin: 26px 0 10px;
}
.prose h3 {
  font-size: 18px;
  line-height: 1.35;
  margin: 22px 0 8px;
}
.prose h4 {
  font-size: 16px;
  line-height: 1.4;
  margin: 18px 0 8px;
}
.prose :first-child {
  margin-top: 0;
}

/* Tables (recovered from stray Markdown pipe-tables in some descriptions). */
.prose table {
  border-collapse: collapse;
  width: 100%;
  margin: 18px 0;
  font-size: 0.92em;
}
.prose th,
.prose td {
  border: 1px solid #e1e6f0;
  padding: 8px 12px;
  text-align: left;
  vertical-align: top;
}
.prose thead th {
  background: #f3f6fc;
  font-weight: 600;
  color: #101e3c;
}
/* Wide tables (e.g. the xmrig 5-column algorithm list) scroll on small screens
   instead of breaking the layout. */
@media (max-width: 600px) {
  .prose table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* Click-to-zoom prose images. Each <img> is wrapped in <a class="img-zoom">;
   app.js builds the full-screen overlay on demand (no dependency). */
.prose .img-zoom {
  display: block;
  cursor: zoom-in;
}
.lightbox-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4vmin;
  background: rgba(16, 30, 60, 0.9);
  cursor: zoom-out;
}
.lightbox-overlay img {
  max-width: 96vw;
  max-height: 92vh;
  border-radius: 6px;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.5);
}