/* =====================================================================
   tool-marks.css — engine / tool names

   Every mention of a security.core engine name on the site is plain text:
   the font, size, weight and colour of the text it sits in — white on the
   dark design, navy on its light surfaces and in the light theme. No teal,
   no gradient, no special face, no images.

   Markup:  <span class="tool-mark tm-pentest">pentest.core</span>
            <code  class="tool-mark tm-security">security.core</code>

   The class is kept on every mention so the treatment can be changed in one
   place later.
   ===================================================================== */

.tool-mark {
  color: inherit;
  -webkit-text-fill-color: currentColor;
  background: none;
  white-space: nowrap;
  text-decoration: none;
}

/* Spots where the page styles these names in an accent blue by default —
   the home page's engine map and its "Meet security.core" lede — read as
   plain heading text instead (white on the dark design, navy in light). */
.ew-card code.tool-mark,
.net-hub code.tool-mark,
.section-sub strong.tool-mark { color: var(--heading, #ffffff); }

/* The cym-design .btn-primary is an inline-flex box with no gap, so the
   spaces around an inline child collapse; put them back as margins. The
   home page's .btn already spaces its children with `gap`. */
.btn-primary:not(.btn) .tool-mark { margin: 0 0.32em; }

/* Platform-page hero headline: .tm-keep holds the name and the comma after
   it together, so a long headline breaks after the comma rather than
   stranding it at the start of the next line. */
.tm-keep { white-space: nowrap; }