/* =============================================================================
   BUILDER FRAGMENTS - what a Qorx page needs to sit in this shop's shell
   =============================================================================
   Loaded by content_fragment.html only, after components.css and before the
   fragment's own <style>. That order is the whole design:

     - A rule here at the SAME specificity as one in components.css wins,
       because it comes later. That is how section 1 undoes our own rules
       that were landing on builder markup.
     - Everything else is written low - :where(.qorx-content) adds nothing to
       specificity - so the fragment's own stylesheet, later still and
       prefixed .qorx-content by Qorx, wins every tie. The author's CSS is
       never overridden; this only supplies what the author's page ASSUMED.

   Why it is needed (REQ-076). Qorx renders a post through the builder's own
   blog template and ships <main> plus the page's generated <style> blocks.
   The page the author saw ALSO loaded Bootstrap, Font Awesome and the
   builder's site stylesheet, and none of those travel. Without them the live
   post had no grid, no spacing, unstyled buttons and FAQ, and empty share
   buttons. Section 2 is the subset of Bootstrap that template uses; section
   4 draws the icons it uses. Class names are Bootstrap's own, so the subset
   stays true to what the builder means by them.

   Icons in section 4 are drawn for this sheet (line icons, the header's
   style) except the three brand marks, which are Simple Icons (CC0). */

/* 1. THE BASE THE AUTHOR'S PAGE HAD, AND OUR RULES KEPT OFF IT ===============
   The builder's blog template wraps the post in <article class="article-body">
   - the class our own blog_post.html uses - so components.css's reading-column
   rules were capping builder paragraphs at 680px, figures at 640px, and
   putting a centred gold underline under every h2. Those elements get
   Bootstrap's reboot values instead, which is the base the builder's CSS was
   written against. Same specificity as the leaking rules, later, so these win
   over ours; the fragment's own rules still win over these. */
:where(.qorx-content) .article-body :is(h1,h2,h3,h4,h5,h6),:where(.qorx-content) :is(h1,h2,h3,h4,h5,h6){
  max-width:none;width:auto;margin:0 0 .5rem;padding:0;border:0;font-weight:500;line-height:1.2;color:inherit;text-align:inherit}
:where(.qorx-content) :is(h1){font-size:2.5rem}
:where(.qorx-content) .article-body h2,:where(.qorx-content) h2{font-size:2rem}
:where(.qorx-content) .article-body h3,:where(.qorx-content) h3{font-size:1.75rem}
:where(.qorx-content) h4{font-size:1.5rem}
:where(.qorx-content) h5{font-size:1.25rem}
:where(.qorx-content) h6{font-size:1rem}
:where(.qorx-content) .article-body p,:where(.qorx-content) p{max-width:none;margin:0 0 1rem;font-size:inherit;line-height:inherit;color:inherit}
:where(.qorx-content) .article-body :is(ul,ol),:where(.qorx-content) :is(ul,ol){max-width:none;margin:0 0 1rem;padding-left:2rem}
:where(.qorx-content) .article-body li{padding:0;font-size:inherit;line-height:inherit;color:inherit}
:where(.qorx-content) .article-body figure,:where(.qorx-content) figure{max-width:none;margin:0 0 1rem}
:where(.qorx-content) .article-body figcaption{max-width:none;margin:0;padding:0;font-size:.875em;color:var(--muted);text-align:inherit}
:where(.qorx-content) .article-body img,:where(.qorx-content) img{max-width:100%;height:auto;margin:0;border-radius:0;display:inline;vertical-align:middle}
:where(.qorx-content) .article-body a:not(.btn){color:var(--link-color);text-decoration:underline;text-underline-offset:auto}
/* Images inside a layout. The blog template gives every body image a 1.5rem
   margin and 12px corners - meant for a picture dropped into the article's
   flow. Inside a layout (a card, a product grid, a feature row, the image
   block's own figure) it put 24px above and below every picture that the
   page builder never shows, and on a phone that is most of the gaps. (0,1,2):
   above the template's (0,1,1), below any class rule the author writes, so
   the author's own margins and corners still win. */
:where(.qorx-content) .article-body div img{margin:0;border-radius:0}
/* The product gallery's 72px thumbnail rule shares a class with the builder's
   "You might also like" card image. */
:where(.qorx-content) .thumb{width:auto;height:auto;padding:0;background:none;border:0;border-radius:0;cursor:auto}

/* The builder's theme colour. The live site's theme is the builder default
   (indigo), which the author's own CSS never uses - it is written in this
   shop's purple and gold - so inside this shell --primary is the brand.
   (0,2,0), to beat the fragment's own `.qorx-content { --primary }`. */
.article > .qorx-content{--primary:var(--rs-purple);--secondary:var(--rs-gold);--link-color:var(--accent-ink)}

/* The builder's theme fonts, likewise. Its generated CSS sets Inter on the
   fragment and on every heading - the builder site's theme, which this shop
   neither uses nor loads, so the post fell back to the system font. Inside
   this shell the words are this shop's: Figtree, and Reem Kufi for
   headings. (0,2,0) beats the theme's (0,1,0) and (0,1,1); an author's own
   class rule on a heading ties it and, coming later, still wins, and
   anything the author sets below the fragment is untouched - the post's
   monospace labels keep their face. */
.article > .qorx-content{font-family:var(--font-body)}
.article > .qorx-content :where(h1,h2,h3,h4,h5,h6){font-family:var(--font-display)}

/* 2. THE BOOTSTRAP SUBSET THE BUILDER'S TEMPLATES USE ==========================
   Values are Bootstrap 5's. Utilities carry !important, as Bootstrap's do:
   a utility class is the author saying "this, whatever else applies". */
:where(.qorx-content) .container,:where(.qorx-content) .container-fluid{width:100%;margin-inline:auto;padding-inline:.75rem;box-sizing:border-box}
:where(.qorx-content) .row{--gx:1.5rem;--gy:0px;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--gy));margin-inline:calc(-.5 * var(--gx))}
:where(.qorx-content) .row > *{flex-shrink:0;width:100%;max-width:100%;padding-inline:calc(.5 * var(--gx));margin-top:var(--gy);box-sizing:border-box}
:where(.qorx-content) .col{flex:1 0 0%}
:where(.qorx-content) .g-0{--gx:0;--gy:0}:where(.qorx-content) .gx-0{--gx:0}:where(.qorx-content) .gy-0{--gy:0}
:where(.qorx-content) .g-1{--gx:.25rem;--gy:.25rem}:where(.qorx-content) .gx-1{--gx:.25rem}:where(.qorx-content) .gy-1{--gy:.25rem}
:where(.qorx-content) .g-2{--gx:.5rem;--gy:.5rem}:where(.qorx-content) .gx-2{--gx:.5rem}:where(.qorx-content) .gy-2{--gy:.5rem}
:where(.qorx-content) .g-3{--gx:1rem;--gy:1rem}:where(.qorx-content) .gx-3{--gx:1rem}:where(.qorx-content) .gy-3{--gy:1rem}
:where(.qorx-content) .g-4{--gx:1.5rem;--gy:1.5rem}:where(.qorx-content) .gx-4{--gx:1.5rem}:where(.qorx-content) .gy-4{--gy:1.5rem}
:where(.qorx-content) .g-5{--gx:3rem;--gy:3rem}:where(.qorx-content) .gx-5{--gx:3rem}:where(.qorx-content) .gy-5{--gy:3rem}
:where(.qorx-content) .col-1{flex:0 0 auto;width:8.333333%}
:where(.qorx-content) .col-2{flex:0 0 auto;width:16.666667%}
:where(.qorx-content) .col-3{flex:0 0 auto;width:25.0%}
:where(.qorx-content) .col-4{flex:0 0 auto;width:33.333333%}
:where(.qorx-content) .col-5{flex:0 0 auto;width:41.666667%}
:where(.qorx-content) .col-6{flex:0 0 auto;width:50.0%}
:where(.qorx-content) .col-7{flex:0 0 auto;width:58.333333%}
:where(.qorx-content) .col-8{flex:0 0 auto;width:66.666667%}
:where(.qorx-content) .col-9{flex:0 0 auto;width:75.0%}
:where(.qorx-content) .col-10{flex:0 0 auto;width:83.333333%}
:where(.qorx-content) .col-11{flex:0 0 auto;width:91.666667%}
:where(.qorx-content) .col-12{flex:0 0 auto;width:100.0%}
@media (min-width:576px){
:where(.qorx-content) .col-sm{flex:1 0 0%}
:where(.qorx-content) .col-sm-1{flex:0 0 auto;width:8.333333%}
:where(.qorx-content) .col-sm-2{flex:0 0 auto;width:16.666667%}
:where(.qorx-content) .col-sm-3{flex:0 0 auto;width:25.0%}
:where(.qorx-content) .col-sm-4{flex:0 0 auto;width:33.333333%}
:where(.qorx-content) .col-sm-5{flex:0 0 auto;width:41.666667%}
:where(.qorx-content) .col-sm-6{flex:0 0 auto;width:50.0%}
:where(.qorx-content) .col-sm-7{flex:0 0 auto;width:58.333333%}
:where(.qorx-content) .col-sm-8{flex:0 0 auto;width:66.666667%}
:where(.qorx-content) .col-sm-9{flex:0 0 auto;width:75.0%}
:where(.qorx-content) .col-sm-10{flex:0 0 auto;width:83.333333%}
:where(.qorx-content) .col-sm-11{flex:0 0 auto;width:91.666667%}
:where(.qorx-content) .col-sm-12{flex:0 0 auto;width:100.0%}
}
@media (min-width:768px){
:where(.qorx-content) .col-md{flex:1 0 0%}
:where(.qorx-content) .col-md-1{flex:0 0 auto;width:8.333333%}
:where(.qorx-content) .col-md-2{flex:0 0 auto;width:16.666667%}
:where(.qorx-content) .col-md-3{flex:0 0 auto;width:25.0%}
:where(.qorx-content) .col-md-4{flex:0 0 auto;width:33.333333%}
:where(.qorx-content) .col-md-5{flex:0 0 auto;width:41.666667%}
:where(.qorx-content) .col-md-6{flex:0 0 auto;width:50.0%}
:where(.qorx-content) .col-md-7{flex:0 0 auto;width:58.333333%}
:where(.qorx-content) .col-md-8{flex:0 0 auto;width:66.666667%}
:where(.qorx-content) .col-md-9{flex:0 0 auto;width:75.0%}
:where(.qorx-content) .col-md-10{flex:0 0 auto;width:83.333333%}
:where(.qorx-content) .col-md-11{flex:0 0 auto;width:91.666667%}
:where(.qorx-content) .col-md-12{flex:0 0 auto;width:100.0%}
}
@media (min-width:992px){
:where(.qorx-content) .col-lg{flex:1 0 0%}
:where(.qorx-content) .col-lg-1{flex:0 0 auto;width:8.333333%}
:where(.qorx-content) .col-lg-2{flex:0 0 auto;width:16.666667%}
:where(.qorx-content) .col-lg-3{flex:0 0 auto;width:25.0%}
:where(.qorx-content) .col-lg-4{flex:0 0 auto;width:33.333333%}
:where(.qorx-content) .col-lg-5{flex:0 0 auto;width:41.666667%}
:where(.qorx-content) .col-lg-6{flex:0 0 auto;width:50.0%}
:where(.qorx-content) .col-lg-7{flex:0 0 auto;width:58.333333%}
:where(.qorx-content) .col-lg-8{flex:0 0 auto;width:66.666667%}
:where(.qorx-content) .col-lg-9{flex:0 0 auto;width:75.0%}
:where(.qorx-content) .col-lg-10{flex:0 0 auto;width:83.333333%}
:where(.qorx-content) .col-lg-11{flex:0 0 auto;width:91.666667%}
:where(.qorx-content) .col-lg-12{flex:0 0 auto;width:100.0%}
}
@media (min-width:1200px){
:where(.qorx-content) .col-xl{flex:1 0 0%}
:where(.qorx-content) .col-xl-1{flex:0 0 auto;width:8.333333%}
:where(.qorx-content) .col-xl-2{flex:0 0 auto;width:16.666667%}
:where(.qorx-content) .col-xl-3{flex:0 0 auto;width:25.0%}
:where(.qorx-content) .col-xl-4{flex:0 0 auto;width:33.333333%}
:where(.qorx-content) .col-xl-5{flex:0 0 auto;width:41.666667%}
:where(.qorx-content) .col-xl-6{flex:0 0 auto;width:50.0%}
:where(.qorx-content) .col-xl-7{flex:0 0 auto;width:58.333333%}
:where(.qorx-content) .col-xl-8{flex:0 0 auto;width:66.666667%}
:where(.qorx-content) .col-xl-9{flex:0 0 auto;width:75.0%}
:where(.qorx-content) .col-xl-10{flex:0 0 auto;width:83.333333%}
:where(.qorx-content) .col-xl-11{flex:0 0 auto;width:91.666667%}
:where(.qorx-content) .col-xl-12{flex:0 0 auto;width:100.0%}
}

/* Display, flex and alignment. */
:where(.qorx-content) .d-none{display:none!important}
:where(.qorx-content) .d-block{display:block!important}
:where(.qorx-content) .d-inline{display:inline!important}
:where(.qorx-content) .d-inline-block{display:inline-block!important}
:where(.qorx-content) .d-flex{display:flex!important}
:where(.qorx-content) .d-inline-flex{display:inline-flex!important}
:where(.qorx-content) .d-grid{display:grid!important}
:where(.qorx-content) .flex-row{flex-direction:row!important}
:where(.qorx-content) .flex-column{flex-direction:column!important}
@media (min-width:576px){
:where(.qorx-content) .d-sm-none{display:none!important}
:where(.qorx-content) .d-sm-block{display:block!important}
:where(.qorx-content) .d-sm-inline{display:inline!important}
:where(.qorx-content) .d-sm-inline-block{display:inline-block!important}
:where(.qorx-content) .d-sm-flex{display:flex!important}
:where(.qorx-content) .d-sm-inline-flex{display:inline-flex!important}
:where(.qorx-content) .d-sm-grid{display:grid!important}
:where(.qorx-content) .flex-sm-row{flex-direction:row!important}
:where(.qorx-content) .flex-sm-column{flex-direction:column!important}
}
@media (min-width:768px){
:where(.qorx-content) .d-md-none{display:none!important}
:where(.qorx-content) .d-md-block{display:block!important}
:where(.qorx-content) .d-md-inline{display:inline!important}
:where(.qorx-content) .d-md-inline-block{display:inline-block!important}
:where(.qorx-content) .d-md-flex{display:flex!important}
:where(.qorx-content) .d-md-inline-flex{display:inline-flex!important}
:where(.qorx-content) .d-md-grid{display:grid!important}
:where(.qorx-content) .flex-md-row{flex-direction:row!important}
:where(.qorx-content) .flex-md-column{flex-direction:column!important}
}
@media (min-width:992px){
:where(.qorx-content) .d-lg-none{display:none!important}
:where(.qorx-content) .d-lg-block{display:block!important}
:where(.qorx-content) .d-lg-inline{display:inline!important}
:where(.qorx-content) .d-lg-inline-block{display:inline-block!important}
:where(.qorx-content) .d-lg-flex{display:flex!important}
:where(.qorx-content) .d-lg-inline-flex{display:inline-flex!important}
:where(.qorx-content) .d-lg-grid{display:grid!important}
:where(.qorx-content) .flex-lg-row{flex-direction:row!important}
:where(.qorx-content) .flex-lg-column{flex-direction:column!important}
}
@media (min-width:1200px){
:where(.qorx-content) .d-xl-none{display:none!important}
:where(.qorx-content) .d-xl-block{display:block!important}
:where(.qorx-content) .d-xl-inline{display:inline!important}
:where(.qorx-content) .d-xl-inline-block{display:inline-block!important}
:where(.qorx-content) .d-xl-flex{display:flex!important}
:where(.qorx-content) .d-xl-inline-flex{display:inline-flex!important}
:where(.qorx-content) .d-xl-grid{display:grid!important}
:where(.qorx-content) .flex-xl-row{flex-direction:row!important}
:where(.qorx-content) .flex-xl-column{flex-direction:column!important}
}
:where(.qorx-content) .flex-wrap{flex-wrap:wrap!important}
:where(.qorx-content) .flex-nowrap{flex-wrap:nowrap!important}
:where(.qorx-content) .flex-fill{flex:1 1 auto!important}
:where(.qorx-content) .flex-grow-1{flex-grow:1!important}
:where(.qorx-content) .flex-shrink-0{flex-shrink:0!important}
:where(.qorx-content) .align-items-start{align-items:flex-start!important}
:where(.qorx-content) .align-self-start{align-self:flex-start!important}
:where(.qorx-content) .align-items-end{align-items:flex-end!important}
:where(.qorx-content) .align-self-end{align-self:flex-end!important}
:where(.qorx-content) .align-items-center{align-items:center!important}
:where(.qorx-content) .align-self-center{align-self:center!important}
:where(.qorx-content) .align-items-baseline{align-items:baseline!important}
:where(.qorx-content) .align-self-baseline{align-self:baseline!important}
:where(.qorx-content) .align-items-stretch{align-items:stretch!important}
:where(.qorx-content) .align-self-stretch{align-self:stretch!important}
:where(.qorx-content) .justify-content-start{justify-content:flex-start!important}
:where(.qorx-content) .justify-content-end{justify-content:flex-end!important}
:where(.qorx-content) .justify-content-center{justify-content:center!important}
:where(.qorx-content) .justify-content-between{justify-content:space-between!important}
:where(.qorx-content) .justify-content-around{justify-content:space-around!important}
:where(.qorx-content) .justify-content-evenly{justify-content:space-evenly!important}
:where(.qorx-content) .gap-0{gap:0!important}
:where(.qorx-content) .gap-1{gap:.25rem!important}
:where(.qorx-content) .gap-2{gap:.5rem!important}
:where(.qorx-content) .gap-3{gap:1rem!important}
:where(.qorx-content) .gap-4{gap:1.5rem!important}
:where(.qorx-content) .gap-5{gap:3rem!important}

/* Spacing. */
:where(.qorx-content) .m-0{margin:0!important}
:where(.qorx-content) .m-1{margin:.25rem!important}
:where(.qorx-content) .m-2{margin:.5rem!important}
:where(.qorx-content) .m-3{margin:1rem!important}
:where(.qorx-content) .m-4{margin:1.5rem!important}
:where(.qorx-content) .m-5{margin:3rem!important}
:where(.qorx-content) .m-auto{margin:auto!important}
:where(.qorx-content) .mt-0{margin-top:0!important}
:where(.qorx-content) .mt-1{margin-top:.25rem!important}
:where(.qorx-content) .mt-2{margin-top:.5rem!important}
:where(.qorx-content) .mt-3{margin-top:1rem!important}
:where(.qorx-content) .mt-4{margin-top:1.5rem!important}
:where(.qorx-content) .mt-5{margin-top:3rem!important}
:where(.qorx-content) .mt-auto{margin-top:auto!important}
:where(.qorx-content) .mb-0{margin-bottom:0!important}
:where(.qorx-content) .mb-1{margin-bottom:.25rem!important}
:where(.qorx-content) .mb-2{margin-bottom:.5rem!important}
:where(.qorx-content) .mb-3{margin-bottom:1rem!important}
:where(.qorx-content) .mb-4{margin-bottom:1.5rem!important}
:where(.qorx-content) .mb-5{margin-bottom:3rem!important}
:where(.qorx-content) .mb-auto{margin-bottom:auto!important}
:where(.qorx-content) .ms-0{margin-inline-start:0!important}
:where(.qorx-content) .ms-1{margin-inline-start:.25rem!important}
:where(.qorx-content) .ms-2{margin-inline-start:.5rem!important}
:where(.qorx-content) .ms-3{margin-inline-start:1rem!important}
:where(.qorx-content) .ms-4{margin-inline-start:1.5rem!important}
:where(.qorx-content) .ms-5{margin-inline-start:3rem!important}
:where(.qorx-content) .ms-auto{margin-inline-start:auto!important}
:where(.qorx-content) .me-0{margin-inline-end:0!important}
:where(.qorx-content) .me-1{margin-inline-end:.25rem!important}
:where(.qorx-content) .me-2{margin-inline-end:.5rem!important}
:where(.qorx-content) .me-3{margin-inline-end:1rem!important}
:where(.qorx-content) .me-4{margin-inline-end:1.5rem!important}
:where(.qorx-content) .me-5{margin-inline-end:3rem!important}
:where(.qorx-content) .me-auto{margin-inline-end:auto!important}
:where(.qorx-content) .mx-0{margin-inline:0!important}
:where(.qorx-content) .mx-1{margin-inline:.25rem!important}
:where(.qorx-content) .mx-2{margin-inline:.5rem!important}
:where(.qorx-content) .mx-3{margin-inline:1rem!important}
:where(.qorx-content) .mx-4{margin-inline:1.5rem!important}
:where(.qorx-content) .mx-5{margin-inline:3rem!important}
:where(.qorx-content) .mx-auto{margin-inline:auto!important}
:where(.qorx-content) .my-0{margin-block:0!important}
:where(.qorx-content) .my-1{margin-block:.25rem!important}
:where(.qorx-content) .my-2{margin-block:.5rem!important}
:where(.qorx-content) .my-3{margin-block:1rem!important}
:where(.qorx-content) .my-4{margin-block:1.5rem!important}
:where(.qorx-content) .my-5{margin-block:3rem!important}
:where(.qorx-content) .my-auto{margin-block:auto!important}
:where(.qorx-content) .p-0{padding:0!important}
:where(.qorx-content) .p-1{padding:.25rem!important}
:where(.qorx-content) .p-2{padding:.5rem!important}
:where(.qorx-content) .p-3{padding:1rem!important}
:where(.qorx-content) .p-4{padding:1.5rem!important}
:where(.qorx-content) .p-5{padding:3rem!important}
:where(.qorx-content) .pt-0{padding-top:0!important}
:where(.qorx-content) .pt-1{padding-top:.25rem!important}
:where(.qorx-content) .pt-2{padding-top:.5rem!important}
:where(.qorx-content) .pt-3{padding-top:1rem!important}
:where(.qorx-content) .pt-4{padding-top:1.5rem!important}
:where(.qorx-content) .pt-5{padding-top:3rem!important}
:where(.qorx-content) .pb-0{padding-bottom:0!important}
:where(.qorx-content) .pb-1{padding-bottom:.25rem!important}
:where(.qorx-content) .pb-2{padding-bottom:.5rem!important}
:where(.qorx-content) .pb-3{padding-bottom:1rem!important}
:where(.qorx-content) .pb-4{padding-bottom:1.5rem!important}
:where(.qorx-content) .pb-5{padding-bottom:3rem!important}
:where(.qorx-content) .ps-0{padding-inline-start:0!important}
:where(.qorx-content) .ps-1{padding-inline-start:.25rem!important}
:where(.qorx-content) .ps-2{padding-inline-start:.5rem!important}
:where(.qorx-content) .ps-3{padding-inline-start:1rem!important}
:where(.qorx-content) .ps-4{padding-inline-start:1.5rem!important}
:where(.qorx-content) .ps-5{padding-inline-start:3rem!important}
:where(.qorx-content) .pe-0{padding-inline-end:0!important}
:where(.qorx-content) .pe-1{padding-inline-end:.25rem!important}
:where(.qorx-content) .pe-2{padding-inline-end:.5rem!important}
:where(.qorx-content) .pe-3{padding-inline-end:1rem!important}
:where(.qorx-content) .pe-4{padding-inline-end:1.5rem!important}
:where(.qorx-content) .pe-5{padding-inline-end:3rem!important}
:where(.qorx-content) .px-0{padding-inline:0!important}
:where(.qorx-content) .px-1{padding-inline:.25rem!important}
:where(.qorx-content) .px-2{padding-inline:.5rem!important}
:where(.qorx-content) .px-3{padding-inline:1rem!important}
:where(.qorx-content) .px-4{padding-inline:1.5rem!important}
:where(.qorx-content) .px-5{padding-inline:3rem!important}
:where(.qorx-content) .py-0{padding-block:0!important}
:where(.qorx-content) .py-1{padding-block:.25rem!important}
:where(.qorx-content) .py-2{padding-block:.5rem!important}
:where(.qorx-content) .py-3{padding-block:1rem!important}
:where(.qorx-content) .py-4{padding-block:1.5rem!important}
:where(.qorx-content) .py-5{padding-block:3rem!important}
@media (min-width:768px){
:where(.qorx-content) .m-md-0{margin:0!important}
:where(.qorx-content) .m-md-1{margin:.25rem!important}
:where(.qorx-content) .m-md-2{margin:.5rem!important}
:where(.qorx-content) .m-md-3{margin:1rem!important}
:where(.qorx-content) .m-md-4{margin:1.5rem!important}
:where(.qorx-content) .m-md-5{margin:3rem!important}
:where(.qorx-content) .m-md-auto{margin:auto!important}
:where(.qorx-content) .mt-md-0{margin-top:0!important}
:where(.qorx-content) .mt-md-1{margin-top:.25rem!important}
:where(.qorx-content) .mt-md-2{margin-top:.5rem!important}
:where(.qorx-content) .mt-md-3{margin-top:1rem!important}
:where(.qorx-content) .mt-md-4{margin-top:1.5rem!important}
:where(.qorx-content) .mt-md-5{margin-top:3rem!important}
:where(.qorx-content) .mt-md-auto{margin-top:auto!important}
:where(.qorx-content) .mb-md-0{margin-bottom:0!important}
:where(.qorx-content) .mb-md-1{margin-bottom:.25rem!important}
:where(.qorx-content) .mb-md-2{margin-bottom:.5rem!important}
:where(.qorx-content) .mb-md-3{margin-bottom:1rem!important}
:where(.qorx-content) .mb-md-4{margin-bottom:1.5rem!important}
:where(.qorx-content) .mb-md-5{margin-bottom:3rem!important}
:where(.qorx-content) .mb-md-auto{margin-bottom:auto!important}
:where(.qorx-content) .ms-md-0{margin-inline-start:0!important}
:where(.qorx-content) .ms-md-1{margin-inline-start:.25rem!important}
:where(.qorx-content) .ms-md-2{margin-inline-start:.5rem!important}
:where(.qorx-content) .ms-md-3{margin-inline-start:1rem!important}
:where(.qorx-content) .ms-md-4{margin-inline-start:1.5rem!important}
:where(.qorx-content) .ms-md-5{margin-inline-start:3rem!important}
:where(.qorx-content) .ms-md-auto{margin-inline-start:auto!important}
:where(.qorx-content) .me-md-0{margin-inline-end:0!important}
:where(.qorx-content) .me-md-1{margin-inline-end:.25rem!important}
:where(.qorx-content) .me-md-2{margin-inline-end:.5rem!important}
:where(.qorx-content) .me-md-3{margin-inline-end:1rem!important}
:where(.qorx-content) .me-md-4{margin-inline-end:1.5rem!important}
:where(.qorx-content) .me-md-5{margin-inline-end:3rem!important}
:where(.qorx-content) .me-md-auto{margin-inline-end:auto!important}
:where(.qorx-content) .mx-md-0{margin-inline:0!important}
:where(.qorx-content) .mx-md-1{margin-inline:.25rem!important}
:where(.qorx-content) .mx-md-2{margin-inline:.5rem!important}
:where(.qorx-content) .mx-md-3{margin-inline:1rem!important}
:where(.qorx-content) .mx-md-4{margin-inline:1.5rem!important}
:where(.qorx-content) .mx-md-5{margin-inline:3rem!important}
:where(.qorx-content) .mx-md-auto{margin-inline:auto!important}
:where(.qorx-content) .my-md-0{margin-block:0!important}
:where(.qorx-content) .my-md-1{margin-block:.25rem!important}
:where(.qorx-content) .my-md-2{margin-block:.5rem!important}
:where(.qorx-content) .my-md-3{margin-block:1rem!important}
:where(.qorx-content) .my-md-4{margin-block:1.5rem!important}
:where(.qorx-content) .my-md-5{margin-block:3rem!important}
:where(.qorx-content) .my-md-auto{margin-block:auto!important}
:where(.qorx-content) .p-md-0{padding:0!important}
:where(.qorx-content) .p-md-1{padding:.25rem!important}
:where(.qorx-content) .p-md-2{padding:.5rem!important}
:where(.qorx-content) .p-md-3{padding:1rem!important}
:where(.qorx-content) .p-md-4{padding:1.5rem!important}
:where(.qorx-content) .p-md-5{padding:3rem!important}
:where(.qorx-content) .pt-md-0{padding-top:0!important}
:where(.qorx-content) .pt-md-1{padding-top:.25rem!important}
:where(.qorx-content) .pt-md-2{padding-top:.5rem!important}
:where(.qorx-content) .pt-md-3{padding-top:1rem!important}
:where(.qorx-content) .pt-md-4{padding-top:1.5rem!important}
:where(.qorx-content) .pt-md-5{padding-top:3rem!important}
:where(.qorx-content) .pb-md-0{padding-bottom:0!important}
:where(.qorx-content) .pb-md-1{padding-bottom:.25rem!important}
:where(.qorx-content) .pb-md-2{padding-bottom:.5rem!important}
:where(.qorx-content) .pb-md-3{padding-bottom:1rem!important}
:where(.qorx-content) .pb-md-4{padding-bottom:1.5rem!important}
:where(.qorx-content) .pb-md-5{padding-bottom:3rem!important}
:where(.qorx-content) .ps-md-0{padding-inline-start:0!important}
:where(.qorx-content) .ps-md-1{padding-inline-start:.25rem!important}
:where(.qorx-content) .ps-md-2{padding-inline-start:.5rem!important}
:where(.qorx-content) .ps-md-3{padding-inline-start:1rem!important}
:where(.qorx-content) .ps-md-4{padding-inline-start:1.5rem!important}
:where(.qorx-content) .ps-md-5{padding-inline-start:3rem!important}
:where(.qorx-content) .pe-md-0{padding-inline-end:0!important}
:where(.qorx-content) .pe-md-1{padding-inline-end:.25rem!important}
:where(.qorx-content) .pe-md-2{padding-inline-end:.5rem!important}
:where(.qorx-content) .pe-md-3{padding-inline-end:1rem!important}
:where(.qorx-content) .pe-md-4{padding-inline-end:1.5rem!important}
:where(.qorx-content) .pe-md-5{padding-inline-end:3rem!important}
:where(.qorx-content) .px-md-0{padding-inline:0!important}
:where(.qorx-content) .px-md-1{padding-inline:.25rem!important}
:where(.qorx-content) .px-md-2{padding-inline:.5rem!important}
:where(.qorx-content) .px-md-3{padding-inline:1rem!important}
:where(.qorx-content) .px-md-4{padding-inline:1.5rem!important}
:where(.qorx-content) .px-md-5{padding-inline:3rem!important}
:where(.qorx-content) .py-md-0{padding-block:0!important}
:where(.qorx-content) .py-md-1{padding-block:.25rem!important}
:where(.qorx-content) .py-md-2{padding-block:.5rem!important}
:where(.qorx-content) .py-md-3{padding-block:1rem!important}
:where(.qorx-content) .py-md-4{padding-block:1.5rem!important}
:where(.qorx-content) .py-md-5{padding-block:3rem!important}
}
@media (min-width:992px){
:where(.qorx-content) .m-lg-0{margin:0!important}
:where(.qorx-content) .m-lg-1{margin:.25rem!important}
:where(.qorx-content) .m-lg-2{margin:.5rem!important}
:where(.qorx-content) .m-lg-3{margin:1rem!important}
:where(.qorx-content) .m-lg-4{margin:1.5rem!important}
:where(.qorx-content) .m-lg-5{margin:3rem!important}
:where(.qorx-content) .m-lg-auto{margin:auto!important}
:where(.qorx-content) .mt-lg-0{margin-top:0!important}
:where(.qorx-content) .mt-lg-1{margin-top:.25rem!important}
:where(.qorx-content) .mt-lg-2{margin-top:.5rem!important}
:where(.qorx-content) .mt-lg-3{margin-top:1rem!important}
:where(.qorx-content) .mt-lg-4{margin-top:1.5rem!important}
:where(.qorx-content) .mt-lg-5{margin-top:3rem!important}
:where(.qorx-content) .mt-lg-auto{margin-top:auto!important}
:where(.qorx-content) .mb-lg-0{margin-bottom:0!important}
:where(.qorx-content) .mb-lg-1{margin-bottom:.25rem!important}
:where(.qorx-content) .mb-lg-2{margin-bottom:.5rem!important}
:where(.qorx-content) .mb-lg-3{margin-bottom:1rem!important}
:where(.qorx-content) .mb-lg-4{margin-bottom:1.5rem!important}
:where(.qorx-content) .mb-lg-5{margin-bottom:3rem!important}
:where(.qorx-content) .mb-lg-auto{margin-bottom:auto!important}
:where(.qorx-content) .ms-lg-0{margin-inline-start:0!important}
:where(.qorx-content) .ms-lg-1{margin-inline-start:.25rem!important}
:where(.qorx-content) .ms-lg-2{margin-inline-start:.5rem!important}
:where(.qorx-content) .ms-lg-3{margin-inline-start:1rem!important}
:where(.qorx-content) .ms-lg-4{margin-inline-start:1.5rem!important}
:where(.qorx-content) .ms-lg-5{margin-inline-start:3rem!important}
:where(.qorx-content) .ms-lg-auto{margin-inline-start:auto!important}
:where(.qorx-content) .me-lg-0{margin-inline-end:0!important}
:where(.qorx-content) .me-lg-1{margin-inline-end:.25rem!important}
:where(.qorx-content) .me-lg-2{margin-inline-end:.5rem!important}
:where(.qorx-content) .me-lg-3{margin-inline-end:1rem!important}
:where(.qorx-content) .me-lg-4{margin-inline-end:1.5rem!important}
:where(.qorx-content) .me-lg-5{margin-inline-end:3rem!important}
:where(.qorx-content) .me-lg-auto{margin-inline-end:auto!important}
:where(.qorx-content) .mx-lg-0{margin-inline:0!important}
:where(.qorx-content) .mx-lg-1{margin-inline:.25rem!important}
:where(.qorx-content) .mx-lg-2{margin-inline:.5rem!important}
:where(.qorx-content) .mx-lg-3{margin-inline:1rem!important}
:where(.qorx-content) .mx-lg-4{margin-inline:1.5rem!important}
:where(.qorx-content) .mx-lg-5{margin-inline:3rem!important}
:where(.qorx-content) .mx-lg-auto{margin-inline:auto!important}
:where(.qorx-content) .my-lg-0{margin-block:0!important}
:where(.qorx-content) .my-lg-1{margin-block:.25rem!important}
:where(.qorx-content) .my-lg-2{margin-block:.5rem!important}
:where(.qorx-content) .my-lg-3{margin-block:1rem!important}
:where(.qorx-content) .my-lg-4{margin-block:1.5rem!important}
:where(.qorx-content) .my-lg-5{margin-block:3rem!important}
:where(.qorx-content) .my-lg-auto{margin-block:auto!important}
:where(.qorx-content) .p-lg-0{padding:0!important}
:where(.qorx-content) .p-lg-1{padding:.25rem!important}
:where(.qorx-content) .p-lg-2{padding:.5rem!important}
:where(.qorx-content) .p-lg-3{padding:1rem!important}
:where(.qorx-content) .p-lg-4{padding:1.5rem!important}
:where(.qorx-content) .p-lg-5{padding:3rem!important}
:where(.qorx-content) .pt-lg-0{padding-top:0!important}
:where(.qorx-content) .pt-lg-1{padding-top:.25rem!important}
:where(.qorx-content) .pt-lg-2{padding-top:.5rem!important}
:where(.qorx-content) .pt-lg-3{padding-top:1rem!important}
:where(.qorx-content) .pt-lg-4{padding-top:1.5rem!important}
:where(.qorx-content) .pt-lg-5{padding-top:3rem!important}
:where(.qorx-content) .pb-lg-0{padding-bottom:0!important}
:where(.qorx-content) .pb-lg-1{padding-bottom:.25rem!important}
:where(.qorx-content) .pb-lg-2{padding-bottom:.5rem!important}
:where(.qorx-content) .pb-lg-3{padding-bottom:1rem!important}
:where(.qorx-content) .pb-lg-4{padding-bottom:1.5rem!important}
:where(.qorx-content) .pb-lg-5{padding-bottom:3rem!important}
:where(.qorx-content) .ps-lg-0{padding-inline-start:0!important}
:where(.qorx-content) .ps-lg-1{padding-inline-start:.25rem!important}
:where(.qorx-content) .ps-lg-2{padding-inline-start:.5rem!important}
:where(.qorx-content) .ps-lg-3{padding-inline-start:1rem!important}
:where(.qorx-content) .ps-lg-4{padding-inline-start:1.5rem!important}
:where(.qorx-content) .ps-lg-5{padding-inline-start:3rem!important}
:where(.qorx-content) .pe-lg-0{padding-inline-end:0!important}
:where(.qorx-content) .pe-lg-1{padding-inline-end:.25rem!important}
:where(.qorx-content) .pe-lg-2{padding-inline-end:.5rem!important}
:where(.qorx-content) .pe-lg-3{padding-inline-end:1rem!important}
:where(.qorx-content) .pe-lg-4{padding-inline-end:1.5rem!important}
:where(.qorx-content) .pe-lg-5{padding-inline-end:3rem!important}
:where(.qorx-content) .px-lg-0{padding-inline:0!important}
:where(.qorx-content) .px-lg-1{padding-inline:.25rem!important}
:where(.qorx-content) .px-lg-2{padding-inline:.5rem!important}
:where(.qorx-content) .px-lg-3{padding-inline:1rem!important}
:where(.qorx-content) .px-lg-4{padding-inline:1.5rem!important}
:where(.qorx-content) .px-lg-5{padding-inline:3rem!important}
:where(.qorx-content) .py-lg-0{padding-block:0!important}
:where(.qorx-content) .py-lg-1{padding-block:.25rem!important}
:where(.qorx-content) .py-lg-2{padding-block:.5rem!important}
:where(.qorx-content) .py-lg-3{padding-block:1rem!important}
:where(.qorx-content) .py-lg-4{padding-block:1.5rem!important}
:where(.qorx-content) .py-lg-5{padding-block:3rem!important}
}

/* Type, images and the odd utility. */
:where(.qorx-content) .text-center{text-align:center!important}
:where(.qorx-content) .text-start{text-align:start!important}
:where(.qorx-content) .text-end{text-align:end!important}
:where(.qorx-content) .text-uppercase{text-transform:uppercase!important}
:where(.qorx-content) .text-muted{color:var(--muted)!important}
:where(.qorx-content) .text-white{color:#fff!important}
:where(.qorx-content) .fw-bold{font-weight:700!important}
:where(.qorx-content) .fw-semibold{font-weight:600!important}
:where(.qorx-content) .fw-normal{font-weight:400!important}
:where(.qorx-content) .lead{font-size:1.25rem;font-weight:300}
:where(.qorx-content) .small,:where(.qorx-content) small{font-size:.875em}
:where(.qorx-content) .list-unstyled{padding-left:0;list-style:none}
:where(.qorx-content) .img-fluid{max-width:100%;height:auto}
:where(.qorx-content) .w-100{width:100%!important}
:where(.qorx-content) .h-100{height:100%!important}
:where(.qorx-content) .rounded{border-radius:.375rem!important}
:where(.qorx-content) .rounded-4{border-radius:1rem!important}
:where(.qorx-content) .rounded-circle{border-radius:50%!important}
:where(.qorx-content) .border{border:1px solid var(--line)!important}
:where(.qorx-content) .border-0{border:0!important}
:where(.qorx-content) .shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}
:where(.qorx-content) .opacity-75{opacity:.75!important}
:where(.qorx-content) .overflow-hidden{overflow:hidden!important}
:where(.qorx-content) .position-relative{position:relative!important}
:where(.qorx-content) .ratio{position:relative;width:100%}
:where(.qorx-content) .ratio::before{content:"";display:block;padding-top:var(--ratio,56.25%)}
:where(.qorx-content) .ratio > *{position:absolute;inset:0;width:100%;height:100%}
:where(.qorx-content) .ratio-16x9{--ratio:56.25%}
:where(.qorx-content) .ratio-4x3{--ratio:75%}
:where(.qorx-content) .ratio-1x1{--ratio:100%}

/* 3. THE BUILDER'S OWN PIECES THAT ONLY ITS SITE STYLESHEET STYLED ============= */
/* Buttons are this shop's .btn already - gold, purple type - and a builder
   button reads as one of ours, which is the point of the shell. */
:where(.qorx-content) .btn{text-decoration:none}

/* The banner: the template boxes its text in a Bootstrap container, which in
   this shell sits on the banner's own edge. */
:where(.qorx-content) .blog-hero .container{padding-inline:clamp(20px,5vw,56px)}
:where(.qorx-content) .blog-hero h1{margin:14px 0 0}
:where(.qorx-content) .blog-meta .d-flex > span{white-space:nowrap}

/* The article column, as wide as the shell. The template puts it beside a
   contents column that its own script reveals; no script runs here, so the
   contents column stays d-none and the article would be a centred col-lg-9 -
   75% of the page. With its neighbour hidden it takes the full width, and the
   author's own containers (their Custom CSS) decide how wide the words run.
   Its container's gutter goes too: this shell's .wrap already has one, and
   stacked with the builder's it made the column thin on a phone. */
@media (min-width:992px){
:where(.qorx-content) .row > .d-none + .col-lg-9.mx-auto{width:100%}
}
:where(.qorx-content) .blog-article > .container{padding-inline:0}

/* Section headings, as the builder's page blocks draw them. */
:where(.qorx-content) .section-heading{text-align:center;margin:clamp(28px,7vw,56px) auto 24px;max-width:720px}
:where(.qorx-content) .section-heading h2{margin:0}
:where(.qorx-content) .heading-line{width:56px;height:4px;border-radius:2px;background:var(--rs-gold);margin:0 auto 14px}
:where(.qorx-content) .section-subheading{color:var(--muted);margin:10px auto 0}

/* FAQ. No script runs here, so nothing collapses: every answer shows, each
   item a card. The question sat inside a <button>, which Qorx's gate removes
   with its text, leaving a heading of whitespace. That has no line box, so
   with no margin it takes no space; once Qorx puts the question back it sits
   straight above its answer. The margin is !important because the page's
   own heading rules would otherwise open a gap above every answer. */
:where(.qorx-content) .accordion{display:grid;gap:12px;margin:0 0 32px}
:where(.qorx-content) .accordion-item{border:1px solid var(--line-paper)!important;border-radius:var(--r-card);padding:18px 22px;background:var(--paper);color:#334155}
:where(.qorx-content) .accordion-header{font-size:1.05rem;font-weight:700;margin:0!important}
:where(.qorx-content) .accordion-body{margin:0}
:where(.qorx-content) .accordion-body > :last-child{margin-bottom:0}
/* ...and with the script (static/qorx-fragment.js), each item is this shop's
   own <details class="faq"> - the product page's FAQ, styled by
   components.css - so the list is rows, not cards. The answer arrives as
   loose text or paragraphs; either way it takes .faq p's spacing, once. */
:where(.qorx-content) .accordion.is-disclosure{display:block;gap:0}
:where(.qorx-content) .faq summary{line-height:1.3}
:where(.qorx-content) .faq-answer{padding:0 30px 16px 0;color:var(--ink-2);font-size:var(--fs-sm);line-height:var(--lh-relaxed)}
:where(.qorx-content) .faq-answer p{padding:0;margin:0 0 .75em}
:where(.qorx-content) .faq-answer > :last-child{margin-bottom:0}

/* 4. ICONS ===================================================================
   Font Awesome is not loaded here, so its <i class="fas fa-..."> elements are
   drawn from a mask in the current text colour. An icon this sheet does not
   draw is hidden rather than left as an empty box. */
:where(.qorx-content) :is(.fa,.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands){display:none}
:where(.qorx-content) .fa-x-twitter,:where(.qorx-content) .fa-twitter{--qx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E")}
:where(.qorx-content) .fa-facebook-f,:where(.qorx-content) .fa-facebook{--qx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z'/%3E%3C/svg%3E")}
:where(.qorx-content) .fa-linkedin-in,:where(.qorx-content) .fa-linkedin{--qx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E")}
:where(.qorx-content) .fa-envelope{--qx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E")}
:where(.qorx-content) .fa-share-alt,:where(.qorx-content) .fa-share-nodes{--qx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='M8.6 13.5l6.8 4M15.4 6.5l-6.8 4'/%3E%3C/svg%3E")}
:where(.qorx-content) .fa-arrow-left{--qx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E")}
:where(.qorx-content) .fa-arrow-right{--qx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E")}
:where(.qorx-content) .fa-calendar-alt,:where(.qorx-content) .fa-calendar{--qx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")}
:where(.qorx-content) .fa-user{--qx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
:where(.qorx-content) .fa-pen-fancy{--qx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E")}
:where(.qorx-content) .fa-check{--qx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
:where(.qorx-content) .fa-star{--qx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E")}
:where(.qorx-content) .fa-list-ul{--qx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11'/%3E%3Ccircle cx='4.5' cy='6' r='1'/%3E%3Ccircle cx='4.5' cy='12' r='1'/%3E%3Ccircle cx='4.5' cy='18' r='1'/%3E%3C/svg%3E")}
:where(.qorx-content) .fa-link{--qx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1.5 1.5M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1.5-1.5'/%3E%3C/svg%3E")}
:where(.qorx-content) :is(.fa-x-twitter,.fa-twitter,.fa-facebook-f,.fa-facebook,.fa-linkedin-in,.fa-linkedin,.fa-envelope,.fa-share-alt,.fa-share-nodes,.fa-arrow-left,.fa-arrow-right,.fa-calendar-alt,.fa-calendar,.fa-user,.fa-pen-fancy,.fa-check,.fa-star,.fa-list-ul,.fa-link){display:inline-block;width:1em;height:1em;vertical-align:-.125em;flex-shrink:0;
  background:currentColor;-webkit-mask:var(--qx-icon) center/contain no-repeat;mask:var(--qx-icon) center/contain no-repeat}