/* ==========================================================================
   Blog article (single.php)
   --------------------------------------------------------------------------
   Loaded only on articles, after bsx.css. The article root carries `bsx` and
   `bsx-art` on the same element, so every rule here starts at `.bsx-art` -
   never `.bsx .bsx-art`, which matches nothing.

   Reading column up to 720px, always in the centre of the window: the two
   rails are the same width, so the column cannot drift. Contents and sharing
   sit on the left, the offer on the right. Below 1240px there is no room for
   both rails beside a readable column, so they fold into the article: an
   "On this page" disclosure at the top, the offer half way down, the share
   row at the end.
   ========================================================================== */

body.bsx-article #main-content{flex:1 1 auto;width:100%;min-width:0}

.bsx-art{
  --art-col:720px;
  --art-rail:250px;
  --art-gap:48px;
  --art-top:104px;
  --art-ink:#24324F;
  --art-radius:18px;
  background:var(--white);
  color:var(--navy);
}

/* reading progress ------------------------------------------------------- */
.bsx-art-progress{
  position:fixed;left:0;right:0;top:0;height:3px;z-index:10050;
  pointer-events:none;background:transparent;
}
.bsx-art-progress span{
  display:block;height:100%;width:100%;
  background:linear-gradient(90deg,var(--blue),var(--teal));
  transform:scaleX(0);transform-origin:0 50%;
}

/* hero -------------------------------------------------------------------- */
.bsx-art .bsx-art__hero{
  position:relative;
  padding-block:clamp(18px,2.4vw,28px) 0;
  background:
    radial-gradient(60% 70% at 50% 0%,rgba(49,92,253,.08),transparent 70%),
    linear-gradient(180deg,var(--mist) 0%,rgba(235,245,255,.35) 62%,var(--white) 100%);
}
.bsx-art .bsx-art__hero-w{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  max-width:980px;
}
.bsx-art .bsx-art__crumbs{padding-block:0 18px;max-width:100%}
.bsx-art .bsx-art__crumbs ol{justify-content:center}
.bsx-art .bsx-art__crumbs li:last-child{min-width:0}
.bsx-art .bsx-art__crumbs [aria-current]{
  display:inline-block;max-width:34ch;
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;
}

.bsx-art .bsx-art__eyebrow{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;
  margin:0;font-family:var(--font-system);font-size:13px;color:var(--slate);
}
.bsx-art a.bsx-art__cat,
.bsx-art a.bsx-art__cat:link,
.bsx-art a.bsx-art__cat:visited{
  display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:999px;
  background:var(--white);border:1px solid var(--mist-border);
  font-weight:800;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--blue);text-decoration:none;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.bsx-art a.bsx-art__cat:hover,
.bsx-art a.bsx-art__cat:focus-visible{background:var(--blue);border-color:var(--blue);color:var(--white)}
.bsx-art .bsx-art__eyebrow-t{display:inline-flex;align-items:center;gap:6px;font-weight:700}
.bsx-art .bsx-art__eyebrow-t svg{color:var(--blue)}

.bsx-art h1.bsx-art__h1{
  margin:18px 0 0;max-width:24ch;
  font-family:var(--font-display);font-weight:800;
  font-size:clamp(30px,4.3vw,52px);line-height:1.08;letter-spacing:-.03em;
  color:var(--navy);text-wrap:balance;
}
.bsx-art p.bsx-art__dek{
  margin:18px 0 0;max-width:62ch;
  font-family:var(--font-system);font-size:clamp(16.5px,1.5vw,19px);line-height:1.6;
  color:var(--slate);text-wrap:pretty;
}

.bsx-art .bsx-art__byline{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 22px;
  margin-top:24px;padding:10px 12px 10px 10px;
  border-radius:999px;background:rgba(255,255,255,.78);
  border:1px solid var(--mist-border);
  box-shadow:0 10px 30px -18px rgba(12,22,61,.35);
}
.bsx-art a.bsx-art__who,
.bsx-art a.bsx-art__who:link,
.bsx-art a.bsx-art__who:visited{
  display:inline-flex;align-items:center;gap:12px;text-align:left;
  color:var(--navy);text-decoration:none;
}
.bsx-art .bsx-art__avatar{
  flex:0 0 auto;border-radius:999px;object-fit:cover;background:var(--mist);
  box-shadow:0 0 0 2px var(--white),0 0 0 3.5px var(--blue);
}
.bsx-art .bsx-art__who-t{display:flex;flex-direction:column;line-height:1.25}
.bsx-art .bsx-art__who-n{font-family:var(--font-display);font-weight:700;font-size:15px}
.bsx-art .bsx-art__who-r{font-family:var(--font-system);font-size:12.5px;color:var(--slate)}
.bsx-art a.bsx-art__who:hover .bsx-art__who-n{color:var(--blue)}
.bsx-art p.bsx-art__dates{
  display:inline-flex;align-items:center;gap:7px;margin:0;padding-right:10px;
  font-family:var(--font-system);font-size:13px;font-weight:700;color:var(--slate);
}
.bsx-art p.bsx-art__dates svg{color:var(--blue)}

.bsx-art figure.bsx-art__cover{
  margin:clamp(28px,3.4vw,40px) auto 0;
  max-width:calc(1080px + var(--bsx-gut) * 2);
  padding-inline:var(--bsx-gut);
}
.bsx-art .bsx-art__cover img{
  display:block;width:100%;height:auto;aspect-ratio:auto;
  border-radius:clamp(14px,1.8vw,24px);
  background:var(--mist);
  box-shadow:0 30px 70px -40px rgba(12,22,61,.55);
}

/* layout ------------------------------------------------------------------ */
.bsx-art .bsx-art__grid{
  display:grid;
  grid-template-columns:var(--art-rail) minmax(0,var(--art-col)) var(--art-rail);
  justify-content:center;
  column-gap:var(--art-gap);
  padding-block:clamp(36px,4.4vw,64px) clamp(48px,6vw,88px);
  max-width:none;
}
.bsx-art .bsx-art__main{min-width:0;grid-column:2}
.bsx-art .bsx-art__rail--l{grid-column:1;grid-row:1}
.bsx-art .bsx-art__rail--r{grid-column:3;grid-row:1}
.bsx-art .bsx-art__sticky{
  position:sticky;top:var(--art-top);
  display:flex;flex-direction:column;gap:18px;
}

/* contents (rail) --------------------------------------------------------- */
.bsx-art .bsx-art__toc{
  padding:18px 16px;border-radius:var(--art-radius);
  background:var(--white);border:1px solid var(--border);
  max-height:calc(100vh - var(--art-top) - 180px);overflow:auto;overscroll-behavior:contain;
}
.bsx-art p.bsx-art__toc-k,
.bsx-art p.bsx-art__share-k{
  margin:0 0 10px;font-family:var(--font-system);font-size:11px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;color:var(--slate);
}
.bsx-art .bsx-art__toc ol,
.bsx-art .bsx-art__toc-m ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.bsx-art .bsx-art__toc a,
.bsx-art .bsx-art__toc-m a{
  display:grid;grid-template-columns:24px 1fr;gap:6px;align-items:baseline;
  padding:7px 8px;border-radius:10px;
  font-family:var(--font-system);font-size:13.5px;line-height:1.4;font-weight:600;
  color:var(--slate);text-decoration:none;
  transition:background-color .2s ease,color .2s ease;
}
.bsx-art .bsx-art__toc-n{font-size:11px;font-weight:800;color:var(--border-strong);font-variant-numeric:tabular-nums}
.bsx-art .bsx-art__toc a:hover,
.bsx-art .bsx-art__toc-m a:hover{background:var(--mist);color:var(--navy)}
.bsx-art .bsx-art__toc a.is-on{background:var(--mist);color:var(--blue)}
.bsx-art .bsx-art__toc a.is-on .bsx-art__toc-n{color:var(--blue)}

/* contents (small screens) */
.bsx-art details.bsx-art__toc-m{
  display:none;margin:0 0 28px;border-radius:var(--art-radius);
  background:var(--mist);border:1px solid var(--mist-border);
}
.bsx-art .bsx-art__toc-m summary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:52px;padding:0 18px;cursor:pointer;list-style:none;
  font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--navy);
}
.bsx-art .bsx-art__toc-m summary::-webkit-details-marker{display:none}
.bsx-art .bsx-art__toc-m summary svg{color:var(--blue);transition:transform .25s var(--bsx-ease)}
.bsx-art .bsx-art__toc-m[open] summary svg{transform:rotate(180deg)}
.bsx-art .bsx-art__toc-m nav{padding:0 10px 12px}

/* share ------------------------------------------------------------------- */
.bsx-art .bsx-art__share{position:relative}
.bsx-art .bsx-art__share ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bsx-art .bsx-art__share li[hidden]{display:none}
.bsx-art .bsx-art__sbtn,
.bsx-art a.bsx-art__sbtn:link,
.bsx-art a.bsx-art__sbtn:visited{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;padding:0;border-radius:999px;cursor:pointer;
  background:var(--white);border:1px solid var(--border);color:var(--navy);
  text-decoration:none;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s var(--bsx-ease);
}
.bsx-art .bsx-art__sbtn:hover,
.bsx-art .bsx-art__sbtn:focus-visible,
.bsx-art a.bsx-art__sbtn:hover{background:var(--blue);border-color:var(--blue);color:var(--white);transform:translateY(-2px)}
.bsx-art .bsx-art__share--rail{padding:16px;border-radius:var(--art-radius);border:1px solid var(--border)}
.bsx-art .bsx-art__share--bar{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;
  margin-top:44px;padding:16px 18px;border-radius:var(--art-radius);
  background:var(--mist);border:1px solid var(--mist-border);
}
.bsx-art .bsx-art__share--bar p.bsx-art__share-k{margin:0;font-size:12px;color:var(--navy)}
.bsx-art .bsx-art__toast{
  position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,6px);
  padding:6px 12px;border-radius:999px;background:var(--navy);color:var(--white);
  font-family:var(--font-system);font-size:12.5px;font-weight:700;white-space:nowrap;
  opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;
}
.bsx-art .bsx-art__toast.is-on{opacity:1;transform:translate(-50%,0)}

/* buttons ------------------------------------------------------------------ */
.bsx-art a.bsx-art__btn,
.bsx-art a.bsx-art__btn:link,
.bsx-art a.bsx-art__btn:visited{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:46px;padding:0 20px;border-radius:999px;
  font-family:var(--font-system);font-size:14.5px;font-weight:800;letter-spacing:.01em;
  text-decoration:none;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s var(--bsx-ease);
}
.bsx-art a.bsx-art__btn svg{transition:transform .25s var(--bsx-ease)}
.bsx-art a.bsx-art__btn:hover svg{transform:translateX(3px)}
.bsx-art a.bsx-art__btn--solid,
.bsx-art a.bsx-art__btn--solid:link,
.bsx-art a.bsx-art__btn--solid:visited{background:var(--blue);color:var(--white);border:1px solid var(--blue)}
.bsx-art a.bsx-art__btn--solid:hover,
.bsx-art a.bsx-art__btn--solid:focus-visible{background:var(--white);color:var(--navy);border-color:var(--white)}
.bsx-art a.bsx-art__btn--ghost,
.bsx-art a.bsx-art__btn--ghost:link,
.bsx-art a.bsx-art__btn--ghost:visited{background:var(--white);color:var(--navy);border:1px solid var(--border-strong)}
.bsx-art a.bsx-art__btn--ghost:hover,
.bsx-art a.bsx-art__btn--ghost:focus-visible{background:var(--navy);color:var(--white);border-color:var(--navy)}

.bsx-art a.bsx-art__link,
.bsx-art a.bsx-art__link:link,
.bsx-art a.bsx-art__link:visited{
  display:inline-flex;align-items:center;gap:8px;min-height:32px;
  font-family:var(--font-system);font-size:14.5px;font-weight:800;
  color:var(--blue);text-decoration:none;
}
.bsx-art a.bsx-art__link:hover{color:var(--navy)}
.bsx-art a.bsx-art__link:hover svg{transform:translateX(3px)}
.bsx-art a.bsx-art__link svg{transition:transform .25s var(--bsx-ease)}

/* offer cards ------------------------------------------------------------- */
.bsx-art .bsx-art__cta{
  position:relative;overflow:hidden;isolation:isolate;
  padding:24px 22px 22px;border-radius:22px;
  background:var(--navy);color:var(--white);
  box-shadow:0 24px 50px -30px rgba(12,22,61,.8);
}
.bsx-art .bsx-art__cta::before{
  content:"";position:absolute;z-index:-1;inset:auto -30% -55% -30%;height:80%;
  background:radial-gradient(closest-side,rgba(49,92,253,.6),transparent 72%);
}
.bsx-art .bsx-art__cta::after{
  content:"";position:absolute;z-index:-1;right:-40px;top:-40px;width:140px;height:140px;border-radius:999px;
  background:radial-gradient(closest-side,rgba(40,220,209,.35),transparent 70%);
}
.bsx-art p.bsx-art__cta-k{
  display:inline-flex;align-items:center;gap:8px;margin:0;
  font-family:var(--font-system);font-size:11px;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:var(--teal);
}
.bsx-art .bsx-art__dot{width:7px;height:7px;border-radius:999px;background:var(--teal);box-shadow:0 0 0 4px rgba(40,220,209,.18)}
.bsx-art p.bsx-art__cta-h{
  margin:12px 0 0;font-family:var(--font-display);font-weight:700;
  font-size:21px;line-height:1.22;letter-spacing:-.02em;color:var(--white);text-wrap:balance;
}
.bsx-art p.bsx-art__cta-b{
  margin:10px 0 18px;font-family:var(--font-system);font-size:14px;line-height:1.6;
  color:rgba(235,245,255,.82);
}
.bsx-art .bsx-art__cta a.bsx-art__btn{width:100%;padding:0 14px;white-space:nowrap}
.bsx-art .bsx-art__rail a.bsx-art__btn{font-size:14px;gap:7px}

.bsx-art .bsx-art__lm{
  display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:center;
  padding:18px;border-radius:var(--art-radius);
  background:linear-gradient(180deg,#FFFBEF,#FFFFFF);border:1px solid #F2E3B8;
}
.bsx-art .bsx-art__lm-ic{
  grid-row:1 / span 2;display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:14px;background:var(--gold);color:var(--navy);
}
.bsx-art p.bsx-art__lm-k{
  margin:0;font-family:var(--font-system);font-size:11px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;color:#7A5A0B;
}
.bsx-art p.bsx-art__lm-t{
  margin:2px 0 0;font-family:var(--font-display);font-weight:700;font-size:15.5px;line-height:1.3;color:var(--navy);
}
.bsx-art .bsx-art__lm a.bsx-art__btn{grid-column:1 / -1;margin-top:14px;width:100%;min-height:42px}

/* the inline copy of the offer, for narrow screens. It sits inside the body,
   so it has to out-rank the body's own paragraph and link colours. */
.bsx-art .bsx-art__body aside.bsx-art__cta--inline{display:none;margin:40px 0}
.bsx-art .bsx-art__body .bsx-art__cta p{margin:0;line-height:1.3}
.bsx-art .bsx-art__body .bsx-art__cta p.bsx-art__cta-k{color:var(--teal);font-size:11px}
.bsx-art .bsx-art__body .bsx-art__cta p.bsx-art__cta-h{margin:12px 0 18px;font-size:22px;line-height:1.22;color:var(--white)}
.bsx-art .bsx-art__body .bsx-art__cta p.bsx-art__cta-b{margin:10px 0 18px;font-size:15px;line-height:1.6;color:rgba(235,245,255,.82)}
.bsx-art .bsx-art__body .bsx-art__cta a.bsx-art__btn,
.bsx-art .bsx-art__body .bsx-art__cta a.bsx-art__btn:link,
.bsx-art .bsx-art__body .bsx-art__cta a.bsx-art__btn:visited{
  width:auto;padding:0 22px;background:var(--blue);border:1px solid var(--blue);
  color:var(--white);text-decoration:none;
}
.bsx-art .bsx-art__body .bsx-art__cta a.bsx-art__btn:hover,
.bsx-art .bsx-art__body .bsx-art__cta a.bsx-art__btn:focus-visible{background:var(--white);border-color:var(--white);color:var(--navy)}

/* body copy ---------------------------------------------------------------- */
.bsx-art .bsx-art__body{
  font-family:var(--font-system);font-size:18px;line-height:1.78;color:var(--art-ink);
  overflow-wrap:break-word;
}
.bsx-art .bsx-art__body > :first-child{margin-top:0}
.bsx-art .bsx-art__body p{
  margin:0 0 1.2em;font-size:inherit;line-height:inherit;color:var(--art-ink);text-wrap:pretty;
}
.bsx-art .bsx-art__body strong{color:var(--navy);font-weight:800}
.bsx-art .bsx-art__body em{font-style:italic}
.bsx-art .bsx-art__body code{
  padding:.12em .42em;border-radius:6px;background:var(--mist);border:1px solid var(--mist-border);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84em;color:var(--navy);
  overflow-wrap:anywhere;
}
.bsx-art .bsx-art__body a,
.bsx-art .bsx-art__body a:link,
.bsx-art .bsx-art__body a:visited{
  color:var(--blue);font-weight:700;
  text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em;
  text-decoration-color:rgba(49,92,253,.35);
  transition:color .2s ease,text-decoration-color .2s ease;
}
.bsx-art .bsx-art__body a:hover{color:var(--navy);text-decoration-color:var(--navy)}
.bsx-art .bsx-art__body .bsx-art__soon{font-weight:700;color:var(--navy)}

.bsx-art .bsx-art__body h2{
  position:relative;margin:2.2em 0 .7em;padding-top:.9em;
  font-family:var(--font-display);font-weight:800;
  font-size:clamp(24px,2.4vw,31px);line-height:1.18;letter-spacing:-.025em;color:var(--navy);
  scroll-margin-top:var(--art-top);text-wrap:balance;
}
.bsx-art .bsx-art__body h2::before{
  content:"";position:absolute;left:0;top:0;width:44px;height:4px;border-radius:4px;
  background:linear-gradient(90deg,var(--blue),var(--teal));
}
.bsx-art .bsx-art__body h3{
  margin:1.7em 0 .5em;font-family:var(--font-display);font-weight:700;
  font-size:clamp(19px,1.7vw,22px);line-height:1.3;letter-spacing:-.015em;color:var(--navy);
  scroll-margin-top:var(--art-top);
}
.bsx-art .bsx-art__body h4{
  margin:1.5em 0 .4em;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--navy);
}
.bsx-art .bsx-art__body h2 + p,
.bsx-art .bsx-art__body h3 + p{margin-top:0}

/* lists */
.bsx-art .bsx-art__body ul,
.bsx-art .bsx-art__body ol{margin:0 0 1.3em;padding:0;list-style:none;display:grid;gap:.55em}
.bsx-art .bsx-art__body li{position:relative;padding-left:1.8em;line-height:1.7}
.bsx-art .bsx-art__body ul > li::before{
  content:"";position:absolute;left:.35em;top:.68em;width:.46em;height:.46em;border-radius:999px;
  background:var(--blue);box-shadow:0 0 0 3px rgba(49,92,253,.14);
}
.bsx-art .bsx-art__body ol{counter-reset:art}
.bsx-art .bsx-art__body ol > li{counter-increment:art;padding-left:2.4em}
.bsx-art .bsx-art__body ol > li::before{
  content:counter(art);position:absolute;left:0;top:.18em;
  display:inline-flex;align-items:center;justify-content:center;
  width:1.6em;height:1.6em;border-radius:999px;
  background:var(--navy);color:var(--white);
  font-family:var(--font-display);font-size:.78em;font-weight:700;line-height:1;
}

/* checklist */
.bsx-art .bsx-art__body ul.bsx-art__checklist{
  gap:0;padding:6px 18px;border-radius:var(--art-radius);
  background:var(--white);border:1px solid var(--border);
}
.bsx-art .bsx-art__body ul.bsx-art__checklist > li{
  display:flex;gap:14px;padding:13px 0;border-bottom:1px dashed var(--border);
}
.bsx-art .bsx-art__body ul.bsx-art__checklist > li:last-child{border-bottom:0}
.bsx-art .bsx-art__body ul.bsx-art__checklist > li::before{content:none}
.bsx-art .bsx-art__box{
  flex:0 0 auto;width:22px;height:22px;margin-top:.22em;border-radius:7px;
  border:2px solid var(--blue);background:var(--mist);
}

/* quick answer */
.bsx-art .bsx-art__answer{
  margin:0 0 32px;padding:22px 24px;border-radius:var(--art-radius);
  background:var(--mist);border:1px solid var(--mist-border);border-left:4px solid var(--blue);
}
.bsx-art .bsx-art__body .bsx-art__answer p{margin:0}
.bsx-art .bsx-art__body p.bsx-art__k,
.bsx-art .bsx-art__body .bsx-art__answer p.bsx-art__k{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;
  font-size:11.5px;font-weight:800;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);
}
.bsx-art .bsx-art__answer p:not(.bsx-art__k){font-size:17.5px;line-height:1.7;color:var(--navy)}

/* key takeaways */
.bsx-art .bsx-art__takeaways{
  margin:0 0 36px;padding:24px 24px 18px;border-radius:var(--art-radius);
  background:var(--white);border:1px solid var(--border);
  box-shadow:0 18px 40px -32px rgba(12,22,61,.45);
}
.bsx-art .bsx-art__body .bsx-art__takeaways h2{
  display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:0;
  font-size:18px;letter-spacing:-.01em;
}
.bsx-art .bsx-art__body .bsx-art__takeaways h2::before{content:none}
.bsx-art .bsx-art__takeaways-ic{
  display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;
  background:rgba(40,220,209,.16);color:#0E8C84;
}
.bsx-art .bsx-art__body .bsx-art__takeaways ul{margin:0;gap:.2em}
.bsx-art .bsx-art__body .bsx-art__takeaways li{padding:8px 0 8px 2em;font-size:16.5px;line-height:1.6;border-top:1px solid var(--border)}
.bsx-art .bsx-art__body .bsx-art__takeaways li:first-child{border-top:0}
.bsx-art .bsx-art__body .bsx-art__takeaways ul > li::before{
  top:.72em;left:0;width:1.15em;height:1.15em;border-radius:999px;box-shadow:none;
  background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230C163D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/70% no-repeat;
}

/* illustrative example */
.bsx-art .bsx-art__note{
  margin:32px 0;padding:22px 24px;border-radius:var(--art-radius);
  background:#FFFBEF;border:1px solid #F2E3B8;
}
.bsx-art .bsx-art__body .bsx-art__note p.bsx-art__k{color:#7A5A0B}
.bsx-art .bsx-art__body .bsx-art__note p:not(.bsx-art__k){font-size:16.5px;line-height:1.7}
.bsx-art .bsx-art__body .bsx-art__note > p:last-child{margin-bottom:0}
.bsx-art .bsx-art__note .bsx-art__table{margin:16px 0;background:var(--white)}

/* free resource */
.bsx-art .bsx-art__magnet{
  position:relative;overflow:hidden;isolation:isolate;
  display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start;
  margin:36px 0;padding:24px;border-radius:22px;
  background:var(--navy);color:var(--white);
}
.bsx-art .bsx-art__magnet::after{
  content:"";position:absolute;z-index:-1;right:-60px;bottom:-80px;width:260px;height:220px;
  background:radial-gradient(closest-side,rgba(49,92,253,.55),transparent 72%);
}
.bsx-art .bsx-art__magnet-ic{
  display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;
  background:rgba(40,220,209,.14);color:var(--teal);border:1px solid rgba(40,220,209,.3);
}
.bsx-art .bsx-art__body .bsx-art__magnet p{margin:0;color:rgba(235,245,255,.84);font-size:15.5px;line-height:1.6}
.bsx-art .bsx-art__body .bsx-art__magnet p.bsx-art__k{color:var(--teal);margin-bottom:6px}
.bsx-art .bsx-art__body .bsx-art__magnet p.bsx-art__magnet-t{
  font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1.25;color:var(--white);
}
.bsx-art .bsx-art__body .bsx-art__magnet p.bsx-art__magnet-t strong{color:var(--white)}
.bsx-art .bsx-art__body .bsx-art__magnet p.bsx-art__magnet-d{margin-top:6px}
.bsx-art .bsx-art__body .bsx-art__magnet a.bsx-art__btn,
.bsx-art .bsx-art__body .bsx-art__magnet a.bsx-art__btn:link,
.bsx-art .bsx-art__body .bsx-art__magnet a.bsx-art__btn:visited{
  margin-top:16px;background:var(--teal);color:var(--navy);border:1px solid var(--teal);text-decoration:none;
}
.bsx-art .bsx-art__body .bsx-art__magnet a.bsx-art__btn:hover{background:var(--white);border-color:var(--white);color:var(--navy)}

/* quotes */
.bsx-art .bsx-art__quote{
  margin:28px 0;padding:6px 0 6px 22px;border-left:4px solid var(--blue);
}
.bsx-art .bsx-art__body .bsx-art__quote p{
  margin:0;font-family:var(--font-display);font-size:19px;line-height:1.55;font-weight:600;color:var(--navy);
}

/* tables */
.bsx-art .bsx-art__table{
  position:relative;margin:28px 0;overflow-x:auto;
  border-radius:16px;border:1px solid var(--border);background:var(--white);
  -webkit-overflow-scrolling:touch;
  background:
    linear-gradient(90deg,var(--white) 30%,rgba(255,255,255,0)) left center / 40px 100% no-repeat local,
    linear-gradient(270deg,var(--white) 30%,rgba(255,255,255,0)) right center / 40px 100% no-repeat local,
    radial-gradient(farthest-side at 0 50%,rgba(12,22,61,.14),transparent) left center / 12px 100% no-repeat scroll,
    radial-gradient(farthest-side at 100% 50%,rgba(12,22,61,.14),transparent) right center / 12px 100% no-repeat scroll,
    var(--white);
}
.bsx-art .bsx-art__table:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.bsx-art .bsx-art__table table{
  width:100%;min-width:560px;border-collapse:separate;border-spacing:0;
  font-family:var(--font-system);font-size:15px;line-height:1.5;text-align:left;
}
.bsx-art .bsx-art__table thead th{
  position:sticky;top:0;
  padding:13px 16px;background:var(--navy);color:var(--white);
  font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;vertical-align:bottom;
}
.bsx-art .bsx-art__table tbody th,
.bsx-art .bsx-art__table tbody td{
  padding:13px 16px;vertical-align:top;border-top:1px solid var(--border);color:var(--art-ink);
}
.bsx-art .bsx-art__table tbody th{font-weight:800;color:var(--navy);background:rgba(235,245,255,.55)}
.bsx-art .bsx-art__table tbody tr:nth-child(even) td{background:rgba(235,245,255,.35)}
.bsx-art .bsx-art__table tbody tr:hover td,
.bsx-art .bsx-art__table tbody tr:hover th{background:var(--mist)}

/* figures */
.bsx-art figure.bsx-art__fig{margin:34px 0;padding:0}
.bsx-art .bsx-art__fig img{
  display:block;width:100%;height:auto;border-radius:16px;
  border:1px solid var(--border);background:var(--mist);
}
.bsx-art .bsx-art__fig figcaption{
  margin-top:10px;text-align:center;
  font-family:var(--font-system);font-size:14px;line-height:1.5;color:var(--slate);
}

/* FAQ */
.bsx-art .bsx-art__faq{margin-top:2.4em}
.bsx-art .bsx-art__faqlist{display:grid;gap:10px}
.bsx-art details.bsx-art__qa{
  border-radius:16px;background:var(--white);border:1px solid var(--border);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.bsx-art details.bsx-art__qa[open]{border-color:var(--mist-border);box-shadow:0 16px 36px -28px rgba(12,22,61,.45)}
.bsx-art .bsx-art__qa summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 18px;cursor:pointer;list-style:none;
}
.bsx-art .bsx-art__qa summary::-webkit-details-marker{display:none}
.bsx-art details.bsx-art__qa{scroll-margin-top:var(--art-top)}
.bsx-art .bsx-art__qt{
  font-family:var(--font-display);font-weight:700;font-size:17px;line-height:1.4;
  letter-spacing:-.01em;color:var(--navy);transition:color .2s ease;
}
.bsx-art .bsx-art__qi{
  flex:0 0 auto;width:30px;height:30px;padding:6px;border-radius:999px;
  background:var(--mist);color:var(--blue);transition:transform .3s var(--bsx-ease),background-color .2s ease,color .2s ease;
}
.bsx-art .bsx-art__qa[open] .bsx-art__qi{transform:rotate(45deg);background:var(--blue);color:var(--white)}
.bsx-art .bsx-art__qa summary:hover .bsx-art__qt{color:var(--blue)}
.bsx-art .bsx-art__a{padding:0 18px 18px}
.bsx-art .bsx-art__body .bsx-art__a p{margin:0 0 .8em;font-size:16.5px;line-height:1.7}
.bsx-art .bsx-art__body .bsx-art__a > :last-child{margin-bottom:0}

/* author ------------------------------------------------------------------ */
.bsx-art .bsx-art__bio{
  display:grid;grid-template-columns:88px 1fr;gap:22px;align-items:start;
  margin-top:24px;padding:26px;border-radius:22px;
  background:var(--white);border:1px solid var(--border);
}
.bsx-art .bsx-art__bio .bsx-art__avatar{box-shadow:0 0 0 3px var(--white),0 0 0 5px var(--blue)}
.bsx-art p.bsx-art__bio-k{
  margin:0;font-family:var(--font-system);font-size:11px;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:var(--slate);
}
.bsx-art p.bsx-art__bio-n{margin:4px 0 0;font-family:var(--font-display);font-weight:800;font-size:20px;line-height:1.2}
.bsx-art p.bsx-art__bio-n a,
.bsx-art p.bsx-art__bio-n a:link,
.bsx-art p.bsx-art__bio-n a:visited{color:var(--navy);text-decoration:none}
.bsx-art p.bsx-art__bio-n a:hover{color:var(--blue)}
.bsx-art p.bsx-art__bio-r{margin:2px 0 0;font-family:var(--font-system);font-size:13.5px;font-weight:700;color:var(--blue)}
.bsx-art p.bsx-art__bio-b{margin:10px 0 8px;font-family:var(--font-system);font-size:15px;line-height:1.65;color:var(--slate)}

/* related ------------------------------------------------------------------ */
.bsx-art .bsx-art__related{
  padding-block:clamp(48px,6vw,84px);
  background:var(--mist);border-top:1px solid var(--mist-border);
}
.bsx-art .bsx-art__related-head{
  display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:10px 18px;margin-bottom:26px;
}
.bsx-art h2.bsx-art__related-h{
  margin:0;font-family:var(--font-display);font-weight:800;
  font-size:clamp(26px,3vw,36px);letter-spacing:-.025em;color:var(--navy);
}
.bsx-art .bsx-art__cards{grid-template-columns:repeat(3,minmax(0,1fr))}

/* focus -------------------------------------------------------------------- */
.bsx-art a:focus-visible,
.bsx-art button:focus-visible,
.bsx-art summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:10px}

/* ===========================================================================
   Breakpoints
   ========================================================================== */

/* narrower rails, same column */
@media (max-width:1439.98px){
  .bsx-art{--art-rail:200px;--art-gap:32px}
  .bsx-art .bsx-art__cta{padding:20px 18px 18px}
  .bsx-art p.bsx-art__cta-h{font-size:18px}
  .bsx-art p.bsx-art__cta-b{font-size:13.5px}
  .bsx-art .bsx-art__lm{grid-template-columns:1fr;row-gap:10px}
  .bsx-art .bsx-art__lm-ic{grid-row:auto}
  .bsx-art .bsx-art__rail a.bsx-art__btn{font-size:13px;padding:0 12px}
  .bsx-art .bsx-art__rail a.bsx-art__btn svg{display:none}
}

/* no rails: contents, offer and sharing fold into the column */
@media (max-width:1239.98px){
  .bsx-art .bsx-art__grid{grid-template-columns:minmax(0,var(--art-col))}
  .bsx-art .bsx-art__rail{display:none}
  .bsx-art .bsx-art__main{grid-column:1}
  .bsx-art details.bsx-art__toc-m{display:block}
  .bsx-art .bsx-art__body aside.bsx-art__cta--inline{display:block}
}

@media (max-width:1023.98px){
  .bsx-art .bsx-art__cards{grid-template-columns:none}
}

@media (max-width:760px){
  .bsx-art{--art-top:84px}
  .bsx-art .bsx-art__hero-w{text-align:left;align-items:flex-start}
  .bsx-art .bsx-art__crumbs ol{justify-content:flex-start}
  .bsx-art .bsx-art__crumbs [aria-current]{max-width:22ch}
  .bsx-art .bsx-art__eyebrow{justify-content:flex-start}
  .bsx-art h1.bsx-art__h1{max-width:none;font-size:clamp(28px,7.6vw,36px);line-height:1.12}
  .bsx-art p.bsx-art__dek{font-size:16.5px}
  .bsx-art .bsx-art__byline{
    align-self:stretch;justify-content:space-between;border-radius:18px;padding:10px 12px;
  }
  .bsx-art p.bsx-art__dates{padding-right:0}
  .bsx-art figure.bsx-art__cover{margin-top:24px}

  .bsx-art .bsx-art__body{font-size:17px;line-height:1.72}
  .bsx-art .bsx-art__body h2{font-size:24px;margin-top:1.9em}
  .bsx-art .bsx-art__body h3{font-size:19px}
  .bsx-art .bsx-art__answer,
  .bsx-art .bsx-art__takeaways,
  .bsx-art .bsx-art__note{padding:18px}
  .bsx-art .bsx-art__answer p:not(.bsx-art__k){font-size:16.5px}
  .bsx-art .bsx-art__magnet{grid-template-columns:1fr;gap:14px;padding:22px 20px}
  .bsx-art .bsx-art__body .bsx-art__magnet a.bsx-art__btn{width:100%}
  .bsx-art .bsx-art__body .bsx-art__cta a.bsx-art__btn,
  .bsx-art .bsx-art__body .bsx-art__cta a.bsx-art__btn:link{width:100%}

  /* tables become one card per row */
  .bsx-art .bsx-art__table{overflow:visible;border:0;background:none;border-radius:0}
  .bsx-art .bsx-art__table table{min-width:0;display:block}
  .bsx-art .bsx-art__table thead{display:none}
  .bsx-art .bsx-art__table tbody{display:grid;gap:12px}
  .bsx-art .bsx-art__table tbody tr{
    display:block;overflow:hidden;border-radius:16px;border:1px solid var(--border);background:var(--white);
  }
  .bsx-art .bsx-art__table tbody th{
    display:block;padding:12px 16px;border-top:0;background:var(--navy);color:var(--white);font-size:15px;
  }
  .bsx-art .bsx-art__table tbody td{
    display:grid;grid-template-columns:minmax(96px,38%) 1fr;gap:12px;
    padding:10px 16px;background:none;font-size:14.5px;
  }
  .bsx-art .bsx-art__table tbody tr:nth-child(even) td{background:none}
  .bsx-art .bsx-art__table tbody tr:hover td,
  .bsx-art .bsx-art__table tbody tr:hover th{background:inherit}
  .bsx-art .bsx-art__table tbody tr:hover th{background:var(--navy)}
  .bsx-art .bsx-art__table tbody td::before{
    content:attr(data-label);
    font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);
    padding-top:.2em;
  }
  .bsx-art .bsx-art__note .bsx-art__table{background:none}

  .bsx-art .bsx-art__share--bar{flex-direction:column;align-items:flex-start}
  .bsx-art .bsx-art__bio{grid-template-columns:1fr;gap:14px;padding:22px}
  .bsx-art .bsx-art__bio .bsx-art__avatar{width:72px;height:72px}
}

@media (prefers-reduced-motion:reduce){
  .bsx-art *,
  .bsx-art *::before,
  .bsx-art *::after{transition:none !important;animation:none !important}
  .bsx-art-progress{display:none}
}

@media print{
  .bsx-art-progress,
  .bsx-art .bsx-art__rail,
  .bsx-art .bsx-art__share,
  .bsx-art details.bsx-art__toc-m,
  .bsx-art aside.bsx-art__cta,
  .bsx-art .bsx-art__related{display:none !important}
  .bsx-art .bsx-art__grid{display:block}
  .bsx-art details.bsx-art__qa{border:0}
}