/* ============================================================
   ELYRIA BIO — ICON FONT (Font Awesome 6 Free Solid, subset)

   SELF-HOSTED AND SUBSET. The full solid face is 156,400 B; this
   carries only the 48 glyphs the site actually uses and is 4,392 B
   (2.8%). It is same-origin, so it cannot be blocked by a third-party
   outage — the failure that once took the ops console down for a day.

   font-display:block is deliberate for ICONS. There is no meaningful
   fallback glyph for an icon font, so `swap` would paint tofu and then
   replace it. `block` shows nothing until the face loads — and at
   4.4KB same-origin that is milliseconds. Icon-only controls still
   carry aria-label, so they remain operable by assistive tech either way.

   THE BRAND GLYPH STAYS INLINE SVG. It uses a <linearGradient>, and
   icon fonts are strictly monochrome — it cannot be represented here.

   The COMPANION RULES at the bottom are generated from the site's own
   `... svg{}` rules: 878 of the icons carry no stroke of their own and
   depend on a context rule for size and colour, so each one is mirrored
   onto .fa with width->font-size and stroke->color.
   ============================================================ */

@font-face {
  font-family: "Elyria Icons";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/assets/fonts/elyria-icons.woff2) format('woff2');
}

.fa, .fa-solid {
  font-family: "Elyria Icons";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  font-size: inherit;
  color: currentColor;
  -webkit-font-smoothing: antialiased;
  flex: none;
}

.fa-xmark::before{content:"\f00d"}
.fa-magnifying-glass::before{content:"\f002"}
.fa-cart-shopping::before{content:"\f07a"}
.fa-check::before{content:"\f00c"}
.fa-shield-halved::before{content:"\f3ed"}
.fa-truck::before{content:"\f0d1"}
.fa-lock::before{content:"\f023"}
.fa-file-lines::before{content:"\f15c"}
.fa-grip::before{content:"\f58d"}
.fa-plus::before{content:"\2b"}
.fa-arrow-right::before{content:"\f061"}
.fa-star::before{content:"\f005"}
.fa-star-half-stroke::before{content:"\f5c0"}
.fa-heart::before{content:"\f004"}
.fa-right-left::before{content:"\f362"}
.fa-image::before{content:"\f03e"}
.fa-triangle-exclamation::before{content:"\f071"}
.fa-copy::before{content:"\f0c5"}
.fa-chevron-down::before{content:"\f078"}
.fa-chevron-right::before{content:"\f054"}
.fa-chevron-left::before{content:"\f053"}
.fa-circle-check::before{content:"\f058"}
.fa-user::before{content:"\f007"}
.fa-flask::before{content:"\f0c3"}
.fa-vial::before{content:"\f492"}
.fa-envelope::before{content:"\f0e0"}
.fa-bars::before{content:"\f0c9"}
.fa-up-right-from-square::before{content:"\f35d"}
.fa-clock::before{content:"\f017"}
.fa-box::before{content:"\f466"}
.fa-circle-info::before{content:"\f05a"}
.fa-gear::before{content:"\f013"}
.fa-arrow-up::before{content:"\f062"}
.fa-arrow-down::before{content:"\f063"}
.fa-minus::before{content:"\f068"}
.fa-trash::before{content:"\f1f8"}
.fa-house::before{content:"\f015"}
.fa-tag::before{content:"\f02b"}
.fa-shield::before{content:"\f132"}
.fa-certificate::before{content:"\f0a3"}
.fa-droplet::before{content:"\f043"}
.fa-temperature-low::before{content:"\f76b"}
.fa-snowflake::before{content:"\f2dc"}
.fa-rotate-left::before{content:"\f2ea"}
.fa-paper-plane::before{content:"\f1d8"}
.fa-phone::before{content:"\f095"}
.fa-location-dot::before{content:"\f3c5"}
.fa-credit-card::before{content:"\f09d"}

/* ---- companion rules generated from the existing svg{} rules ---- */
.acct-pill .fa{font-size:13px}
.acct-pill.ok .fa{color:#8fd89f}
.acct-pill.warn .fa{color:#e7b86a}
.warm-welcome .wh .fa{font-size:26px;color:var(--accent)}
.cheer .ci .fa{font-size:26px;color:#1a1305}
.cheer .cx .fa{font-size:15px}
.sub-add-btn .fa{font-size:17px}
.picker-close .fa{font-size:15px}
.picker-row .pr-act .fa{font-size:14px}
.partner-row .pr-mark .fa{font-size:20px;color:#7fd4c1}
.acct-tab .fa{font-size:18px}
.mbtn .fa{font-size:15px;color:var(--accent)}
.mbtn.gold .fa{color:var(--ink)}
.addr.add .fa{font-size:26px}
.verif-card .vic .fa{font-size:22px;color:#8fd89f}
.aff-activate .ai .fa{font-size:30px;color:var(--accent)}
.copy-btn .fa{font-size:16px}
.ref-code button .fa{font-size:13px}
.step-c .sic .fa{font-size:24px;color:var(--accent)}
.tier ul li .fa{font-size:16px;color:var(--accent)}
.nav-item .fa{font-size:17px}
.tb-search .fa{font-size:16px;color:var(--accent-dim)}
.tb-btn .fa{font-size:18px}
.kpi-ic .fa{font-size:16px;color:var(--accent)}
.delta .fa{font-size:11px}
.link-btn .fa{font-size:13px}
.mini-search .fa{font-size:15px;color:var(--accent-dim)}
.drawer-x .fa{font-size:18px}
.flow-dot .fa{font-size:13px}
.abtn .fa{font-size:15px}
.alert-item .ai-ic .fa{font-size:15px}
.empty .fa{font-size:34px;color:var(--mist-2)}
.toast .fa{font-size:16px;color:var(--accent)}
.toast.err .fa{color:var(--neg)}
.tb-btn .fa{font-size:14px;color:var(--accent)}
.tb-btn.on .fa{color:var(--ink)}
.qv-tool-head .fa{font-size:15px;color:var(--accent)}
.card-analytics .fa{font-size:16px;color:var(--accent)}
.rv-add .fa{font-size:14px}
.mc-ic .fa{font-size:20px;color:var(--accent)}
.mc-nudge .fa{color:var(--accent)}
.mc-cta .fa{font-size:15px;color:var(--accent)}
.co-guest .fa{font-size:14px;color:var(--accent)}
.callout-critical .cc-ic .fa{font-size:22px;color:#e88c6a}
.rule-list li .fa{font-size:19px}
.rule-list.do li .fa{color:var(--pos)}
.rule-list.dont li .fa{color:#e88c6a}
.compare .col h4 .fa{font-size:16px}
.counsel-note .fa{font-size:18px;color:var(--accent)}
.ha-chip-row b .fa{font-size:12px}
.ha-cue .fa{font-size:17px;color:var(--accent)}
.add-btn .fa{font-size:18px}
.pdp-assurance .fa{font-size:16px;color:var(--accent)}
.doc-card .ic .fa{font-size:20px;color:var(--accent)}
.form-ok .fa{font-size:18px;color:#8fd89f}
.br-head .fa{font-size:22px;color:#8fd89f}
.br-head.err .fa{color:#e7a06a}
.cm-draft .fa{font-size:15px}
.qv-assay .qa-line .fa{font-size:15px;color:var(--accent)}
.tier .t-tick .fa{font-size:11px;color:var(--ink)}
.stier .t-tick .fa{font-size:11px;color:var(--ink)}
.buy-savenote .fa{font-size:15px;color:var(--accent)}
.tb-item .tbv .fa{font-size:20px;color:var(--accent)}
.coa-cert-seal .fa{font-size:13px;color:var(--accent)}
.g-card .g-ic .fa{font-size:20px;color:var(--accent)}
.pbb-add .fa{font-size:17px}
.cv-res .fa{font-size:17px}
.cv-res.ok .fa{color:#8fd89f}
.cv-res.no .fa{color:#e0868c}
.rs-done .fa{font-size:18px;color:#8fd89f}
.btn .fa{font-size:17px}
.tier li .fa{font-size:17px;color:var(--accent)}
.perk .pk-ic .fa{font-size:22px;color:var(--accent)}
.faq-item summary .fa{font-size:20px;color:var(--accent-dim)}
.form-success .fs-ic .fa{font-size:28px;color:var(--pos)}
.promo-x .fa{font-size:15px}
.s-clear .fa{font-size:13px}
.cart-btn .fa{font-size:19px;color:var(--accent)}
.hamburger .fa{font-size:20px;color:var(--paper)}
.mobile-nav .mclose .fa{font-size:22px;color:var(--paper)}
.ct-ic .fa{font-size:22px;color:var(--accent)}
.card-fav .fa{font-size:17px;color:var(--mist)}
.card-fav.on .fa{color:var(--accent)}
.qv-trigger .fa{font-size:15px;color:var(--accent)}
.stars .fa{font-size:13px}
.add-btn .fa{font-size:15px}
.faq-item[open] summary .fa{color:var(--accent)}
.logi-card .ic .fa{font-size:24px;color:var(--accent)}
.qv-close .fa{font-size:20px;color:var(--paper)}
.qv-coa .fa{font-size:16px;color:var(--accent)}
.dclose .fa{font-size:20px;color:var(--paper)}
.cart-empty .ec .fa{font-size:28px;color:var(--accent-dim)}
.secure-line .fa{font-size:14px;color:var(--accent-dim)}
.tweaks-close .fa{font-size:15px}
.card-cmp .fa{font-size:16px;color:var(--mist)}
.card-cmp.on .fa{color:var(--ink)}
.ov-close .fa{font-size:20px;color:var(--paper)}
.presale-close .fa{font-size:16px}
.thanks-spark .fa{font-size:32px;color:#1a1305}
.scroll-hint .fa{font-size:18px;color:var(--accent)}
.card-fav .fa,.card-cmp .fa{font-size:18px}
.mtabbar .fa{font-size:23px}