/* ==========================================================================
   The X mark, without a webfont
   --------------------------------------------------------------------------
   Three pages were pulling the whole Bootstrap Icons font from jsDelivr --
   a render-blocking third-party request in <head> -- to draw exactly one
   glyph: `bi bi-twitter-x` on the X.com card. Nothing else on this site
   uses a `bi-` icon.

   That is the shape of the defect that once made every page on this project
   "load forever and show nothing": a browser with Tracking Prevention or
   Shields blocks the CDN, the stylesheet never arrives, and the page waits
   for it. See memory/perf-cdn-blocked-hang and the CDN item in CLAUDE.md
   Phase 1.

   The class name is kept, so no template has to change and any page that
   already writes `bi bi-twitter-x` keeps working. The glyph is the official
   Bootstrap Icons `twitter-x` path (MIT), inlined as a data URI -- about
   400 bytes against ~100KB of font, with no network request at all.

   Drawn as a mask rather than as a coloured SVG so it still inherits
   colour: the cards set their icon colour through the --wz-ic custom
   property, and `background-color: currentColor` follows it.
   ========================================================================== */

.bi-twitter-x {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z'/%3E%3C/svg%3E") center / contain no-repeat;
}