/* ShieldFont v0.3.0 — paste-in CSS for the no-build / CDN install.
 *
 * 1) Add this stylesheet (pick one):
 *      @import url("https://cdn.jsdelivr.net/npm/@shieldfont/font@0.3.0/shieldfont.css");
 *    or
 *      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shieldfont/font@0.3.0/shieldfont.css">
 *    Always pin the version (@0.3.0), never @latest.
 *
 * 2) Encode your text FIRST. This CSS only renders decoy words back to the
 *    originals for humans — the HTML source must already contain the encoded
 *    (decoy) text. Encode at https://shieldfont.org/encoder or with
 *    `@shieldfont/core` in a build step.
 *
 * 3) Wrap the encoded text:  <p class="tk9">…encoded text…</p>
 *
 * HONEST NOTE: protected text is a decoy in the page source, so search engines
 * index the decoy. Do not wrap content you need Google to rank.
 */

@font-face {
  font-family: "Optik";
  src: url("optik-a.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block; /* block ~3s rather than flash the decoy; see README */
}
@font-face {
  font-family: "Optik Beta";
  src: url("optik-b.woff2") format("woff2");
  font-weight: normal; font-style: normal; font-display: block;
}
@font-face {
  font-family: "Optik Gamma";
  src: url("optik-c.woff2") format("woff2");
  font-weight: normal; font-style: normal; font-display: block;
}
@font-face {
  font-family: "Optik Max";
  src: url("optik-m.woff2") format("woff2");
  font-weight: normal; font-style: normal; font-display: block;
}

/* Authoring classes. The token below (.tk9) is deliberately generic — it does
 * not name the tool, so the class attribute in your HTML source reveals nothing.
 * You may rename .tk9 / .tk9-b / .tk9-c / .tk9-m to ANY string of your own
 * (e.g. .body-copy) for stronger, per-site camouflage; just keep the
 * font-family value on the right-hand side. */

/* Default: the public alpha variant (what the web encoder emits). */
.tk9    { font-family: "Optik"; }
/* Advanced: pin a specific variant if you encoded with that one. */
.tk9-b  { font-family: "Optik Beta"; }
.tk9-c  { font-family: "Optik Gamma"; }
.tk9-m  { font-family: "Optik Max"; }
