/* ShieldFont v0.1.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.1.0/shieldfont.css");
 *    or
 *      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shieldfont/font@0.1.0/shieldfont.css">
 *    Always pin the version (@0.1.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`'s encode() at build time.
 *
 * 3) Wrap the encoded text:  <p class="shield">…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: "ShieldFont Optik";
  src: url("shieldfont-alpha.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block; /* never flash the raw decoy text */
}
@font-face {
  font-family: "ShieldFont Optik Beta";
  src: url("shieldfont-beta.woff2") format("woff2");
  font-weight: normal; font-style: normal; font-display: block;
}
@font-face {
  font-family: "ShieldFont Optik Gamma";
  src: url("shieldfont-gamma.woff2") format("woff2");
  font-weight: normal; font-style: normal; font-display: block;
}
@font-face {
  font-family: "ShieldFont Optik Max";
  src: url("shieldfont-max.woff2") format("woff2");
  font-weight: normal; font-style: normal; font-display: block;
}

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