/* BagCharms Journal — list (/post) + article (/post/<slug>).
   Built from 包挂blog.fig ("Journal — 1440", "Journal Article — 1440" + component states).
   Every hook is a data-bcj attribute (Webflow keeps attributes, drops class names on import),
   embeds use .bcj-* classes. The site head loads webflow.css + css-modernist.css (Archivo 800 headings,
   red links, p/ul margins) — the resets below scope all of that away. @@icon:name@@ → SVG mask data URI. */

:root {
  --color-accent: #88977e;
  --bcj-bg: #f3f2f2; --bcj-ink: #201e1d; --bcj-n700: #605d5d; --bcj-n600: #7d7979; --bcj-n500: #9b9797;
  --bcj-n400: #bab6b6; --bcj-n300: #d7d3d3; --bcj-n200: #eae7e7; --bcj-n100: #f8f4f4; --bcj-ph: #757575;
  --bcj-acc: #88977e; --bcj-acc-tint: #e3e8dd; --bcj-acc-line: #ccd4c3; --bcj-acc-ink: #45503e;
  --bcj-note: #f2f4ef; --bcj-note-ink: #5c6a53; --bcj-ok: #2f7a45; --bcj-bad: #c0392b;
  --bcj-sans: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bcj-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --bcj-pad: 24px;
  --bcj-hdr: 83px;
}
html { scroll-padding-top: calc(var(--bcj-hdr) + 24px); }
body { margin: 0; background: var(--bcj-bg); color: var(--bcj-ink); font-family: var(--bcj-sans); font-size: 15px; line-height: 1.55; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* ---------- scope resets ---------- */
[data-bcj] :where(h1, h2, h3, h4, h5, h6) { font: inherit; letter-spacing: inherit; margin: 0; color: inherit; }
[data-bcj] :where(p, figure, blockquote, ul, ol, dl, dd) { margin: 0; }
[data-bcj] :where(ul, ol) { padding: 0; list-style: none; }
[data-bcj] :where(a) { color: inherit; text-decoration: none; }
[data-bcj] :where(b, strong) { font-weight: inherit; }
[data-bcj] :where(img) { display: block; max-width: 100%; }
[data-bcj] :where(button) { font: inherit; color: inherit; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; -webkit-appearance: none; appearance: none; }
[data-bcj] :where(input) { font: inherit; color: inherit; margin: 0; }
.bcj-ic { display: block; flex: 0 0 auto; width: 1em; height: 1em; font-style: normal; background: currentColor; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
.bcj-ic--google, .bcj-ic--brand-linkedin { background: var(--i) center / contain no-repeat; -webkit-mask: none; mask: none; }
[data-bcj] .w-dyn-bind-empty { display: none !important; }
.bcj-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
[data-bcj] :focus-visible { outline: 2px solid var(--bcj-acc); outline-offset: 2px; }

/* type tokens */
.bcj-eyebrow, [data-bcj=hero-eyebrow], [data-bcj=card-eyebrow], [data-bcj=label], [data-bcj=rel-eyebrow] {
  font-size: 10.5px; line-height: 16.8px; font-weight: 600; letter-spacing: 1.89px; text-transform: uppercase;
}

/* icons drawn as masks on native elements */
[data-bcj-i]::before, .bcj-mi::before { content: ""; display: block; flex: 0 0 auto; background: currentColor; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }

/* ===================================================================== header (embed) */
[data-bcj=e-hdr] { position: sticky; top: 0; z-index: 60; }
.bcj-hdr { position: relative; background: var(--bcj-bg); border-bottom: 1px solid var(--bcj-n300); font-family: var(--bcj-sans); }
.bcj-hdr__bar { display: flex; align-items: center; gap: 14px; min-height: 82px; padding: 8px 26px; max-width: 1440px; margin: 0 auto; box-sizing: border-box; }
.bcj-hdr__logo { flex: 0 0 auto; display: block; }
.bcj-hdr__logo img { height: 42px; width: auto; display: block; }
.bcj-search { position: relative; flex: 0 0 220px; }
.bcj-search__box { display: flex; align-items: center; gap: 8px; height: 42px; padding: 0 10px; background: #fff; box-shadow: inset 0 0 0 1px var(--bcj-n300); box-sizing: border-box; }
.bcj-search__box:focus-within { box-shadow: inset 0 0 0 1px var(--bcj-ink); }
.bcj-search__in { flex: 1 1 auto; min-width: 0; border: 0; outline: 0; background: transparent; padding: 0; height: 40px; font-size: 13.5px; line-height: 1; color: var(--bcj-ink); text-overflow: ellipsis; }
.bcj-search__in::placeholder { color: var(--bcj-ph); opacity: 1; }
.bcj-search__in::-webkit-search-cancel-button { display: none; }
.bcj-search__btn { flex: 0 0 27px; width: 27px; height: 27px; display: grid; place-items: center; color: var(--bcj-ink); }
.bcj-search__btn .bcj-ic { width: 17px; height: 17px; }
.bcj-sug { position: absolute; top: calc(100% + 0px); left: 0; width: min(1360px, calc(100vw - 52px)); padding: 18px 20px 20px; background: #fff; box-shadow: inset 0 0 0 1px var(--bcj-n300), 0 18px 40px rgba(32, 30, 29, .12); box-sizing: border-box; z-index: 70; }
.bcj-sug[hidden] { display: none; }
.bcj-sug__h { font-size: 10.5px; line-height: 16.8px; font-weight: 600; letter-spacing: 1.89px; text-transform: uppercase; color: var(--bcj-n600); margin: 0 0 10px; }
.bcj-sug a { display: block; padding: 9px 6px; font-size: 15px; line-height: 24px; font-weight: 600; color: var(--bcj-ink); }
.bcj-sug a:hover, .bcj-sug a:focus-visible { color: var(--bcj-acc); }
.bcj-hdr__sp { flex: 1 1 0; min-width: 0; }
.bcj-nav { display: flex; align-items: center; gap: 16px; flex: 0 1 auto; min-width: 0; }
.bcj-nav a { display: block; padding: 4px 0; font-size: 13.5px; line-height: 21.6px; color: var(--bcj-n700); white-space: nowrap; border-bottom: 1px solid transparent; transition: color .15s; }
.bcj-nav a:hover { color: var(--bcj-acc); }
.bcj-nav a[aria-current=page] { font-weight: 600; color: var(--bcj-ink); border-bottom-color: var(--bcj-acc); }
.bcj-hdr__act { display: flex; align-items: center; gap: 18px; flex: 0 0 auto; }
.bcj-saved { position: relative; }
.bcj-saved__btn { display: flex; align-items: center; gap: 7px; height: 66px; color: var(--bcj-n600); font-size: 10.5px; line-height: 16.8px; font-weight: 600; letter-spacing: 1.89px; text-transform: uppercase; white-space: nowrap; transition: color .15s; }
.bcj-saved__btn .bcj-ic { width: 14px; height: 14px; }
.bcj-saved__btn:hover, .bcj-saved__btn[aria-expanded=true] { color: #d5341c; }
.bcj-pop { position: absolute; top: calc(100% - 8px); right: 0; width: 320px; padding: 18px 20px 20px; background: var(--bcj-n100); box-shadow: inset 0 0 0 1px var(--bcj-n300), 0 12px 32px rgba(45, 43, 43, .18); box-sizing: border-box; z-index: 70; }
.bcj-pop[hidden] { display: none; }
.bcj-pop__h { font-size: 10.5px; line-height: 16.8px; font-weight: 600; letter-spacing: 1.89px; text-transform: uppercase; color: var(--bcj-n600); }
.bcj-pop__t { margin-top: 14px; font-size: 13px; line-height: 20.8px; color: var(--bcj-n700); }
.bcj-pop__t a { color: var(--bcj-ink); text-decoration: underline; text-underline-offset: 3px; }
.bcj-acct { width: 34px; height: 34px; border-radius: 999px; display: grid; place-items: center; box-shadow: inset 0 0 0 1px var(--bcj-n400); color: var(--bcj-ink); transition: box-shadow .15s, background .15s; }
.bcj-acct .bcj-ic { width: 16px; height: 16px; }
.bcj-acct:hover { box-shadow: inset 0 0 0 1px var(--bcj-ink); }

/* ===================================================================== footer (embed) */
.bcj-ftr { border-top: 1px solid var(--bcj-n300); background: var(--bcj-bg); font-family: var(--bcj-sans); }
.bcj-ftr__cols { display: grid; grid-template-columns: 327.7px repeat(4, minmax(0, 1fr)); gap: 32px; padding: 48px 24px; max-width: 1440px; margin: 0 auto; box-sizing: border-box; }
.bcj-ftr__about { display: flex; flex-direction: column; gap: 18px; padding-right: 24px; }
.bcj-ftr__about img { height: 38px; width: auto; }
.bcj-ftr__about p { font-size: 13px; line-height: 20.8px; color: var(--bcj-n600); max-width: 278px; }
.bcj-social { display: flex; gap: 10px; }
.bcj-social a { width: 36px; height: 36px; border-radius: 999px; display: grid; place-items: center; box-shadow: inset 0 0 0 1px var(--bcj-n400); color: var(--bcj-ink); transition: background .15s, color .15s, box-shadow .15s; }
.bcj-social a .bcj-ic { width: 16px; height: 16px; }
.bcj-social a:hover { background: var(--bcj-acc); box-shadow: inset 0 0 0 1px var(--bcj-acc); color: var(--bcj-ink); }
.bcj-ftr__col { display: flex; flex-direction: column; gap: 10px; }
.bcj-ftr__col h3 { font-size: 10.5px; line-height: 16.8px; font-weight: 600; letter-spacing: 1.89px; text-transform: uppercase; color: var(--bcj-n600); }
.bcj-ftr__col a { font-size: 13.5px; line-height: 21.6px; color: var(--bcj-n700); align-self: flex-start; transition: color .15s; }
.bcj-ftr__col a:hover { color: var(--bcj-acc); }
.bcj-ftr__legal { border-top: 1px solid var(--bcj-n300); padding: 22px 24px 40px; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.bcj-ftr__legal p { max-width: 1156px; font-size: 12.5px; line-height: 20px; color: var(--bcj-n600); }
.bcj-ftr__copy { display: flex; align-items: center; gap: 28px; font-size: 11.5px; line-height: 18.4px; color: var(--bcj-n600); }
.bcj-ftr__copy a { text-decoration: underline; text-underline-offset: 3px; }
.bcj-ftr__copy a:hover { color: var(--bcj-ink); }

/* ===================================================================== shared buttons / form */
.bcj-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 28px; font-size: 13px; line-height: 20.8px; font-weight: 600; letter-spacing: .52px; white-space: nowrap; transition: background .15s, color .15s, box-shadow .15s; box-sizing: border-box; }
.bcj-btn--solid { background: var(--bcj-ink); color: var(--bcj-bg); }
.bcj-btn--solid:hover { background: var(--bcj-acc); color: #fff; }
.bcj-btn--outline { box-shadow: inset 0 0 0 1px var(--bcj-ink); color: var(--bcj-ink); }
.bcj-btn--outline:hover { background: var(--bcj-ink); color: var(--bcj-bg); }
.bcj-btn .bcj-ic { width: 14px; height: 14px; }
/* newsletter: static copy in an embed + the native Webflow form next to it */
[data-bcj=nl] .w-form { margin: 0; }
[data-bcj=nl] form { display: flex; gap: 10px; margin: 0; }
[data-bcj=nl] .w-input, [data-bcj=nl] input[type=email] { flex: 1 1 auto; min-width: 0; height: 46px; margin: 0; padding: 0 14px 0 40px; border: 0; border-radius: 0; box-shadow: inset 0 0 0 1px var(--bcj-n400); background: #fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%283%205%29%22%20d%3D%22M2%200L16%200C17.1%200%2018%200.9%2018%202L18%2012C18%2013.1%2017.1%2014%2016%2014L2%2014C0.9%2014%200%2013.1%200%2012L0%202C0%200.9%200.9%200%202%200%22%20fill%3D%22none%22%20stroke%3D%22%23201e1d%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%283%207%29%22%20d%3D%22M0%200L9%206L18%200%22%20fill%3D%22none%22%20stroke%3D%22%23201e1d%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") 15px 50% / 16px 16px no-repeat; font-family: var(--bcj-sans); font-size: 13.5px; line-height: 1; color: var(--bcj-ink); box-sizing: border-box; }
[data-bcj=nl] .w-input::placeholder { color: var(--bcj-ph); opacity: 1; }
[data-bcj=nl] .w-input:focus { outline: 0; box-shadow: inset 0 0 0 1px var(--bcj-ink); }
[data-bcj=nl] .w-button, [data-bcj=nl] input[type=submit] { flex: 0 0 auto; height: 45px; margin: 0; padding: 12px 28px; border: 0; border-radius: 0; background: var(--bcj-ink); color: var(--bcj-bg); font-family: var(--bcj-sans); font-size: 13px; line-height: 20.8px; font-weight: 600; letter-spacing: .52px; cursor: pointer; transition: background .15s, color .15s; }
[data-bcj=nl] .w-button:hover, [data-bcj=nl] input[type=submit]:hover { background: var(--bcj-acc); color: #fff; }
[data-bcj=nl] .w-form-done, [data-bcj=nl] .w-form-fail { margin: 0; padding: 12px 14px; font-size: 13px; line-height: 20.8px; text-align: left; }
[data-bcj=nl] .w-form-done { background: #fff; color: var(--bcj-ink); box-shadow: inset 0 0 0 1px var(--bcj-acc-line); }
[data-bcj=nl] .w-form-fail { margin-top: 10px; background: #fff; color: var(--bcj-bad); box-shadow: inset 0 0 0 1px currentColor; }
[data-bcj=nl] label { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; padding: 0; }

/* ===================================================================== cards (list + related) */
[data-bcj=cards] .w-dyn-items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 25.5px; }
[data-bcj=cards] .w-dyn-empty { padding: 48px 0; font-size: 13.5px; color: var(--bcj-n600); background: none; }
[data-bcj=card] { display: flex; flex-direction: column; gap: 14px; height: 100%; color: var(--bcj-ink); }
[data-bcj=card-media] { position: relative; aspect-ratio: 446.6 / 297.78; background: var(--bcj-n200); overflow: hidden; }
[data-bcj=card-media] > img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.22, .61, .36, 1); }
[data-bcj=card]:hover [data-bcj=card-media] > img { transform: scale(1.03); }
[data-bcj=card-badge] { position: absolute; top: 0; left: 0; padding: 4px 8px; background: var(--bcj-ink); color: #fff; font-size: 9.5px; line-height: 15.2px; font-weight: 600; letter-spacing: .95px; text-transform: uppercase; }
[data-bcj=card-badge]::before { content: "No.\00a0"; }
[data-bcj=card-text] { display: flex; flex-direction: column; gap: 8px; min-height: 118.9px; }
[data-bcj=card-eyebrow] { color: var(--bcj-acc); }
[data-bcj=card-mins]::before { content: "\00a0·\00a0"; }
[data-bcj=card-mins]::after { content: "\00a0min read"; }
[data-bcj=card-title] { font-size: 17px; line-height: 22.95px; font-weight: 600; letter-spacing: -.34px; transition: color .15s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
[data-bcj=card]:hover [data-bcj=card-title] { color: var(--bcj-acc); }
[data-bcj=card-excerpt], [data-bcj=card-summary] { font-size: 12.5px; line-height: 20px; color: var(--bcj-n700); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
[data-bcj=card-foot] { margin-top: auto; display: flex; align-items: center; gap: 10px; padding: 12px 0; border-top: 1px solid var(--bcj-n300); }
[data-bcj=card-avatar], [data-bcj=avatar] { flex: 0 0 30px; width: 30px; height: 30px; border-radius: 999px; background: var(--bcj-ink); color: var(--bcj-bg); display: grid; place-items: center; overflow: hidden; font-size: 11px; line-height: 17.6px; font-weight: 600; }
[data-bcj=card-avatar] img, [data-bcj=avatar] img, [data-bcj=acard-avatar] img { width: 100%; height: 100%; object-fit: cover; }
[data-bcj=card-by] { display: flex; flex-direction: column; min-width: 0; margin-right: auto; }
[data-bcj=card-author] { font-size: 12.5px; line-height: 18px; font-weight: 500; color: var(--bcj-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-bcj=card-date] { font-size: 11px; line-height: 17.6px; color: var(--bcj-n600); white-space: nowrap; }
[data-bcj=card-kw] { font-family: var(--bcj-mono); font-size: 11px; line-height: 17.6px; color: var(--bcj-n600); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; max-width: 55%; }
[data-bcj=card-arrow] { flex: 0 0 14px; width: 14px; height: 14px; color: var(--bcj-ink); }
[data-bcj=card-arrow]::before { content: ""; display: block; width: 14px; height: 14px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%287%207%29%22%20d%3D%22M0%2010L10%200M2%200L10%200L10%208%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.2%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%287%207%29%22%20d%3D%22M0%2010L10%200M2%200L10%200L10%208%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.2%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
[data-bcj=card-excerpt]:not(.w-dyn-bind-empty) + [data-bcj=card-summary] { display: none; }

/* ===================================================================== list page */
[data-bcj=list] { display: block; }
.bcj-banner { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 220px; padding: 0 24px; box-sizing: border-box; text-align: center; color: #fff;
  background: linear-gradient(rgba(18, 17, 16, .6), rgba(18, 17, 16, .6)), var(--bcj-banner) center / cover no-repeat, #6b6a68; }
.bcj-crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 12.5px; line-height: 20px; }
.bcj-crumbs a:hover { text-decoration: underline; text-underline-offset: 3px; }
.bcj-crumbs .bcj-ic { width: 12px; height: 12px; }
.bcj-banner .bcj-crumbs { position: absolute; top: 22px; left: 24px; color: #fff; }
.bcj-banner .bcj-eyebrow { color: #fff; }
.bcj-banner h1 { font-size: 38px; line-height: 42.56px; font-weight: 700; letter-spacing: -1.14px; color: #fff; }
.bcj-banner p { font-size: 13.5px; line-height: 21.6px; color: #fff; max-width: 640px; }
.bcj-topics { padding: 36px 24px 8px; display: flex; flex-direction: column; gap: 16px; max-width: 1440px; margin: 0 auto; box-sizing: border-box; }
.bcj-h-sec { font-size: 21px; line-height: 23.52px; font-weight: 700; letter-spacing: -.21px; color: var(--bcj-ink); }
.bcj-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.bcj-chip { padding: 7px 16px; font-size: 13px; line-height: 20.8px; color: var(--bcj-n700); box-shadow: inset 0 0 0 1px var(--bcj-n300); background: transparent; white-space: nowrap; transition: background .15s, color .15s, box-shadow .15s; }
.bcj-chip:hover { background: #fff; color: var(--bcj-ink); box-shadow: inset 0 0 0 1px var(--bcj-n400); }
.bcj-chip[aria-pressed=true] { background: rgba(136, 151, 126, .12); color: var(--bcj-acc); box-shadow: inset 0 0 0 1px rgba(136, 151, 126, .28); }
.bcj-tools { display: flex; align-items: center; gap: 16px; padding: 28px 24px 24px; max-width: 1440px; margin: 0 auto; box-sizing: border-box; }
.bcj-count { display: flex; align-items: baseline; gap: 12px; margin-right: auto; min-width: 0; }
.bcj-count small { font-size: 11.5px; line-height: 18.4px; color: var(--bcj-n600); white-space: nowrap; }
.bcj-bsearch { display: flex; align-items: center; gap: 10px; width: 320px; height: 40px; padding: 0 14px; background: #fff; box-shadow: inset 0 0 0 1px var(--bcj-n300); box-sizing: border-box; }
.bcj-bsearch:focus-within { box-shadow: inset 0 0 0 1px var(--bcj-ink); }
.bcj-bsearch .bcj-ic { width: 16px; height: 16px; color: var(--bcj-ink); }
.bcj-bsearch input { flex: 1 1 auto; min-width: 0; height: 38px; border: 0; outline: 0; padding: 0; background: transparent; font-size: 13.5px; line-height: 1; color: var(--bcj-ink); }
.bcj-bsearch input::placeholder { color: var(--bcj-ph); opacity: 1; }
.bcj-bsearch input::-webkit-search-cancel-button { -webkit-appearance: none; }
.bcj-sort { position: relative; }
.bcj-sort__btn { display: flex; align-items: center; gap: 7px; padding: 5px 0; font-size: 13px; line-height: 20.8px; color: var(--bcj-n700); white-space: nowrap; }
.bcj-sort__btn .bcj-ic { width: 10px; height: 10px; color: var(--bcj-ink); transition: transform .2s; }
.bcj-sort__btn[aria-expanded=true] .bcj-ic { transform: rotate(180deg); }
.bcj-sort__btn:hover { color: var(--bcj-ink); }
.bcj-menu { position: absolute; z-index: 40; background: var(--bcj-n100); box-shadow: inset 0 0 0 1px var(--bcj-n300), 0 12px 32px rgba(45, 43, 43, .22); padding: 6px 0; box-sizing: border-box; }
.bcj-menu[hidden] { display: none; }
.bcj-sort .bcj-menu { top: calc(100% + 6px); right: 0; width: 220px; padding: 4px 0; background: var(--bcj-bg); box-shadow: inset 0 0 0 1px var(--bcj-n400), 0 12px 32px rgba(45, 43, 43, .22); }
.bcj-menu__opt { display: flex; align-items: center; width: 100%; padding: 9px 14px; gap: 10px; font-size: 13px; line-height: 20.8px; color: var(--bcj-n700); text-align: left; box-sizing: border-box; }
.bcj-menu__opt:hover, .bcj-menu__opt:focus-visible { background: var(--bcj-n200); outline: 0; }
.bcj-menu__opt[aria-checked=true] { font-weight: 600; color: var(--bcj-ink); }
.bcj-menu__opt .bcj-ic { width: 14px; height: 14px; margin-left: auto; color: var(--bcj-ink); }
.bcj-menu__opt:not([aria-checked=true]) .bcj-ic { visibility: hidden; }
[data-bcj=list-grid] { padding: 0 24px; max-width: 1440px; margin: 0 auto; box-sizing: border-box; }
[data-bcj=cards] .w-dyn-item[hidden] { display: none !important; }
[data-bcj=card-badge]:has(> .w-dyn-bind-empty), [data-bcj=card-badge][hidden] { display: none; }
.bcj-more { display: flex; justify-content: center; padding: 48px 24px 0; }
.bcj-more[hidden] { display: none; }
.bcj-none { padding: 48px 24px 0; text-align: center; font-size: 13.5px; line-height: 21.6px; color: var(--bcj-n600); }
.bcj-none[hidden] { display: none; }
.bcj-none button { color: var(--bcj-ink); text-decoration: underline; text-underline-offset: 3px; }
[data-bcj=nl-band] { margin: 80px auto; max-width: 1392px; width: calc(100% - 48px); display: flex; align-items: center; gap: 40px; padding: 40px 48px; background: var(--bcj-acc-tint); box-shadow: inset 0 0 0 1px var(--bcj-acc-line); box-sizing: border-box; }
[data-bcj=e-nlb] { flex: 1 1 auto; min-width: 0; }
.bcj-nlb__copy { flex: 1 1 auto; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.bcj-nlb__copy .bcj-eyebrow { color: var(--bcj-acc-ink); }
.bcj-nlb__copy h2 { font-size: 30px; line-height: 33px; font-weight: 700; letter-spacing: -.9px; color: var(--bcj-ink); }
.bcj-nlb__copy p { font-size: 13px; line-height: 20.8px; color: var(--bcj-n700); }
[data-bcj=nl-band] [data-bcj=nl] { flex: 0 0 477px; }

/* ===================================================================== article page */
[data-bcj=art] { display: block; }
[data-bcj=art-head] { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 20px 24px 32px; }
[data-bcj=art-head] > * { width: 100%; max-width: 1180px; }
[data-bcj=crumbs] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-height: 26px; align-content: flex-start; font-size: 12.5px; line-height: 20px; color: var(--bcj-n600); }
[data-bcj=crumbs] > :not(:first-child)::before { content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 8px; vertical-align: -1px; background: var(--bcj-ink); -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%289%206%29%22%20d%3D%22M0%200L6%206L0%2012%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%289%206%29%22%20d%3D%22M0%200L6%206L0%2012%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
[data-bcj=crumbs] a:hover { color: var(--bcj-ink); }
[data-bcj=crumb-topic] { color: var(--bcj-ink); }
[data-bcj=hero] { display: flex; flex-direction: column; background: var(--bcj-n100); box-shadow: inset 0 0 0 1px var(--bcj-n300); }
[data-bcj=hero-body] { display: flex; align-items: center; gap: 48px; padding: 40px 40px 32px; }
[data-bcj=hero-text] { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
[data-bcj=hero-eyebrow] { color: var(--bcj-acc); }
[data-bcj=hero-issue]::before { content: "\00a0·\00a0Issue No.\00a0"; }
[data-bcj=h1] { font-size: 38px; line-height: 43.32px; font-weight: 700; letter-spacing: -1.14px; color: var(--bcj-ink); }
[data-bcj=lead] { font-size: 18px; line-height: 28.8px; color: var(--bcj-n700); }
[data-bcj=hero-cover] { flex: 0 0 520px; width: 520px; aspect-ratio: 520 / 346; background: var(--bcj-n200); overflow: hidden; }
[data-bcj=hero-cover] > img { width: 100%; height: 100%; object-fit: cover; }
[data-bcj=meta] { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 20px 40px 22px; border-top: 1px solid var(--bcj-n300); }
[data-bcj=byline] { display: flex; align-items: center; gap: 10px; }
[data-bcj=byline-text] { display: flex; flex-direction: column; }
[data-bcj=author] { font-size: 12.5px; line-height: 18px; font-weight: 500; color: var(--bcj-ink); }
[data-bcj=role] { font-size: 11px; line-height: 17.6px; color: var(--bcj-n600); }
[data-bcj=meta-pub], [data-bcj=meta-upd], [data-bcj=meta-read] { display: flex; align-items: center; gap: 8px; font-size: 12.5px; line-height: 20px; color: var(--bcj-n700); white-space: nowrap; }
[data-bcj=meta-pub]::before, [data-bcj=meta-upd]::before, [data-bcj=meta-read]::before { content: ""; width: 14px; height: 14px; flex: 0 0 14px; background: var(--bcj-ink); -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
[data-bcj=meta-pub] { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%283%205%29%22%20d%3D%22M2%200L16%200C17.1%200%2018%200.9%2018%202L18%2014C18%2015.1%2017.1%2016%2016%2016L2%2016C0.9%2016%200%2015.1%200%2014L0%202C0%200.9%200.9%200%202%200%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%283%203%29%22%20d%3D%22M0%207L18%207M5%200L5%204M13%200L13%204%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
[data-bcj=meta-upd] { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%284%203.09%29%22%20d%3D%22M16%207.91C15.98%206.06%2015.32%204.28%2014.13%202.86C12.94%201.44%2011.3%200.48%209.48%200.14C7.66%20-0.2%205.78%200.09%204.16%200.98C2.54%201.87%201.27%203.29%200.58%205.01C-0.11%206.72%20-0.19%208.62%200.37%2010.39C0.92%2012.15%202.06%2013.67%203.61%2014.69C5.16%2015.7%207.01%2016.15%208.85%2015.95C10.69%2015.76%2012.4%2014.93%2013.7%2013.61%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%2814%205%29%22%20d%3D%22M6%200L6%206L0%206%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
[data-bcj=meta-read] { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%283%203%29%22%20d%3D%22M18%209C18%2013.97%2013.97%2018%209%2018C4.03%2018%200%2013.97%200%209C0%204.03%204.03%200%209%200C13.97%200%2018%204.03%2018%209%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%2812%207%29%22%20d%3D%22M0%200L0%205L3%207%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
[data-bcj=meta-pub] time, [data-bcj=meta-upd] time { margin-left: -4px; }
[data-bcj=mins] { margin-right: -4px; }
[data-bcj=meta] > [data-bcj=meta-pub], [data-bcj=meta] > [data-bcj=meta-upd], [data-bcj=meta] > [data-bcj=meta-read] { position: relative; padding-left: 21px; }
[data-bcj=meta] > [data-bcj=meta-pub]::after, [data-bcj=meta] > [data-bcj=meta-upd]::after, [data-bcj=meta] > [data-bcj=meta-read]::after { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 24px; margin-top: -12px; background: var(--bcj-n300); }
[data-bcj=meta-upd]:has(> .w-dyn-bind-empty), [data-bcj=meta-read]:has(> .w-dyn-bind-empty) { display: none; }
[data-bcj=e-actions] { margin-left: auto; }
.bcj-actions { display: flex; align-items: center; gap: 10px; }
.bcj-pill { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--bcj-n400); font-size: 12.5px; line-height: 17.5px; font-weight: 500; color: var(--bcj-ink); white-space: nowrap; transition: box-shadow .15s, background .15s; box-sizing: border-box; }
.bcj-pill:hover, .bcj-pill[aria-expanded=true] { box-shadow: inset 0 0 0 1px var(--bcj-ink); }
.bcj-pill .bcj-ic { width: 14px; height: 14px; }
.bcj-pill .bcj-chev { width: 12px; height: 12px; transition: transform .2s; }
.bcj-pill[aria-expanded=true] .bcj-chev { transform: rotate(180deg); }
.bcj-pill--g { padding: 0 16px 0 12px; }
.bcj-pill--g .bcj-ic { width: 16px; height: 16px; }
.bcj-share { position: relative; }
.bcj-share .bcj-menu { top: calc(100% + 8px); left: 0; width: 200px; }
.bcj-share .bcj-menu__opt { padding: 9px 14px; gap: 10px; }
.bcj-share .bcj-menu__opt .bcj-ic { margin-left: 0; width: 16px; height: 16px; color: var(--bcj-ink); visibility: visible; }
.bcj-toast { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); z-index: 90; padding: 10px 16px; background: var(--bcj-ink); color: var(--bcj-bg); font-family: var(--bcj-sans); font-size: 13px; line-height: 20px; box-shadow: 0 10px 30px rgba(0,0,0,.18); }
.bcj-toast[hidden] { display: none; }

.bcj-strip-wrap { display: flex; justify-content: center; padding: 0 24px 8px; }
.bcj-strip-wrap[hidden] { display: none; }
.bcj-strip { width: 100%; max-width: 1180px; display: flex; align-items: center; gap: 20px; padding: 18px 28px; background: var(--bcj-acc-tint); box-shadow: inset 0 0 0 1px var(--bcj-acc-line); box-sizing: border-box; }
.bcj-strip__copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.bcj-strip__copy .bcj-eyebrow { color: var(--bcj-acc-ink); }
.bcj-strip__copy p { font-size: 13.5px; line-height: 21.6px; font-weight: 500; color: var(--bcj-ink); }
.bcj-thumbs { display: flex; gap: 8px; }
.bcj-thumbs a { width: 64px; height: 48px; background: #fff; box-shadow: inset 0 0 0 1px var(--bcj-acc-line); overflow: hidden; display: block; position: relative; }
.bcj-thumbs a img { width: 100%; height: 100%; object-fit: contain; }
.bcj-thumbs a::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 1px var(--bcj-acc-line); pointer-events: none; }
.bcj-thumbs a:hover::after { box-shadow: inset 0 0 0 1px var(--bcj-acc-ink); }
.bcj-strip .bcj-btn { margin-left: auto; }

[data-bcj=art-body] { padding: 40px 24px 64px; }
[data-bcj=cols] { display: flex; align-items: flex-start; gap: 40px; max-width: 1112px; margin: 0 auto; }
[data-bcj=side] { flex: 0 0 312px; width: 312px; display: flex; flex-direction: column; gap: 24px; position: sticky; top: calc(var(--bcj-hdr) + 24px); }
[data-bcj=main] { flex: 1 1 0; min-width: 0; max-width: 760px; display: flex; flex-direction: column; gap: 44px; }
.bcj-toc { display: flex; flex-direction: column; gap: 8px; }
.bcj-toc__head { display: flex; align-items: center; padding-bottom: 10px; border-bottom: 1px solid var(--bcj-n300); }
.bcj-toc__head strong, .bcj-toc__head button { font-size: 13.5px; line-height: 21.6px; font-weight: 600; color: var(--bcj-ink); }
.bcj-toc__head button { display: flex; align-items: center; gap: 8px; cursor: default; }
.bcj-toc__head button .bcj-ic { display: none; width: 12px; height: 12px; transition: transform .2s; }
.bcj-toc__head small { margin-left: auto; font-size: 11px; line-height: 17.6px; color: var(--bcj-n600); }
.bcj-toc ol { display: flex; flex-direction: column; }
.bcj-toc a { display: flex; gap: 10px; padding: 9px 12px; font-size: 13.5px; line-height: 21.6px; color: var(--bcj-n600); transition: color .15s, background .15s; }
.bcj-toc a > i { font-style: normal; flex: 0 0 auto; min-width: 7px; font-family: var(--bcj-mono); font-size: 11px; line-height: 17.6px; color: var(--bcj-n500); padding-top: 2px; }
.bcj-toc a > span { flex: 1 1 auto; min-width: 0; }
.bcj-toc a:hover { color: var(--bcj-ink); }
.bcj-toc a[aria-current=true] { background: rgba(136, 151, 126, .1); box-shadow: inset 2px 0 0 var(--bcj-acc); color: var(--bcj-ink); font-weight: 600; padding-left: 14px; }
.bcj-toc a[aria-current=true] > i { color: var(--bcj-acc); }
[data-bcj=nl-card] { display: flex; flex-direction: column; gap: 14px; padding: 24px; background: var(--bcj-acc-tint); box-shadow: inset 0 0 0 1px var(--bcj-acc-line); }
.bcj-nlc__tile { width: 40px; height: 40px; background: #fff; display: grid; place-items: center; color: var(--bcj-ink); }
.bcj-nlc__tile .bcj-ic { width: 20px; height: 20px; }
.bcj-nlc__h { font-size: 17px; line-height: 22.95px; font-weight: 600; letter-spacing: -.34px; color: var(--bcj-ink); }
.bcj-nlc__t { font-size: 12.5px; line-height: 20px; color: var(--bcj-n700); }
.bcj-nlc { display: flex; flex-direction: column; gap: 14px; }
[data-bcj=nl-card] [data-bcj=nl] form { flex-direction: column; gap: 14px; }
[data-bcj=nl-card] [data-bcj=nl] .w-button, [data-bcj=nl-card] [data-bcj=nl] input[type=submit] { width: 100%; }

/* reading tools */
.bcj-rt-tools { display: flex; flex-direction: column; }
.bcj-rt-tools[hidden] { display: none; }
.bcj-tbar { display: flex; align-items: center; gap: 10px; min-height: 40px; }
.bcj-sumbtn { height: 38px; padding: 0 14px; gap: 8px; box-shadow: inset 0 0 0 1px var(--bcj-n400); }
.bcj-sumbtn .bcj-ic { width: 14px; height: 14px; }
.bcj-sumbtn[aria-expanded=true] { background: rgba(136, 151, 126, .12); color: var(--bcj-acc); box-shadow: inset 0 0 0 1px rgba(136, 151, 126, .28); }
.bcj-sumbtn[hidden] { display: none; }
.bcj-player { display: flex; align-items: center; gap: 12px; height: 40px; padding: 0 16px 0 5px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--bcj-n300); box-sizing: border-box; min-width: 0; }
.bcj-player[hidden] { display: none; }
.bcj-play { flex: 0 0 28px; width: 28px; height: 28px; border-radius: 999px; background: var(--bcj-ink); color: #fff; display: grid; place-items: center; transition: background .15s; }
.bcj-play .bcj-ic { width: 11px; height: 11px; }
.bcj-play .bcj-ico-pause { display: none; }
.bcj-player.is-on .bcj-play { background: var(--bcj-acc); }
.bcj-player.is-on .bcj-ico-play { display: none; }
.bcj-player.is-on .bcj-ico-pause { display: block; }
.bcj-player__idle { display: flex; align-items: center; gap: 12px; white-space: nowrap; }
.bcj-player__idle .bcj-ic { width: 14px; height: 14px; color: var(--bcj-ink); }
.bcj-player__idle b { font-size: 12.5px; line-height: 17.5px; font-weight: 500; color: var(--bcj-ink); }
.bcj-player__idle small { margin-left: -4px; font-size: 12.5px; line-height: 20px; color: var(--bcj-n600); }
.bcj-player__run { display: none; align-items: center; gap: 12px; min-width: 0; flex: 1 1 auto; }
.bcj-player.is-started { width: 341px; }
.bcj-player.is-started .bcj-player__idle { display: none; }
.bcj-player.is-started .bcj-player__run { display: flex; }
.bcj-player__run time { font-family: var(--bcj-mono); font-size: 11px; line-height: 17.6px; color: var(--bcj-ink); flex: 0 0 auto; }
.bcj-player__run time:last-child { color: var(--bcj-n600); }
.bcj-seek { flex: 0 1 200px; width: 200px; min-width: 60px; height: 14px; margin: 0; background: transparent; -webkit-appearance: none; appearance: none; cursor: pointer; --p: 0%; }
.bcj-seek::-webkit-slider-runnable-track { height: 3px; background: linear-gradient(var(--bcj-acc), var(--bcj-acc)) 0 0 / var(--p) 100% no-repeat, var(--bcj-n300); border-radius: 2px; }
.bcj-seek::-moz-range-track { height: 3px; background: var(--bcj-n300); border-radius: 2px; }
.bcj-seek::-moz-range-progress { height: 3px; background: var(--bcj-acc); border-radius: 2px; }
.bcj-seek::-webkit-slider-thumb { -webkit-appearance: none; width: 9px; height: 9px; margin-top: -3px; border-radius: 50%; background: var(--bcj-acc); border: 0; }
.bcj-seek::-moz-range-thumb { width: 9px; height: 9px; border-radius: 50%; background: var(--bcj-acc); border: 0; }
.bcj-set { position: relative; margin-left: auto; }
.bcj-set[hidden] { display: none; }
.bcj-set__btn { width: 38px; height: 38px; border-radius: 999px; display: grid; place-items: center; box-shadow: inset 0 0 0 1px var(--bcj-n300); color: var(--bcj-ink); transition: box-shadow .15s; }
.bcj-set__btn .bcj-ic { width: 16px; height: 16px; }
.bcj-set__btn:hover, .bcj-set__btn[aria-expanded=true] { box-shadow: inset 0 0 0 1px var(--bcj-ink); }
.bcj-set .bcj-menu { right: 0; bottom: calc(100% + 8px); width: 220px; }
.bcj-set .bcj-menu__opt { padding: 10px 14px; color: var(--bcj-ink); }
.bcj-set .bcj-menu__opt > span { flex: 1 1 auto; }
.bcj-set .bcj-menu__opt > .bcj-ic:first-child { margin-left: 0; width: 14px; height: 14px; color: var(--bcj-ink); visibility: visible; }
.bcj-set .bcj-menu__opt em { font-style: normal; color: var(--bcj-n600); }
.bcj-set .bcj-menu__opt .bcj-go { width: 12px; height: 12px; margin-left: 0; color: var(--bcj-ink); visibility: visible; }
.bcj-set .bcj-menu__back { font-weight: 600; color: var(--bcj-ink); border-bottom: 1px solid var(--bcj-n300); }
.bcj-set .bcj-menu__back .bcj-ic { transform: rotate(180deg); }
.bcj-set .bcj-menu__list { max-height: 260px; overflow: auto; }
.bcj-sum { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .32s cubic-bezier(.4, 0, .2, 1); }
.bcj-sum > div { overflow: hidden; min-height: 0; }
.bcj-sum.is-open { grid-template-rows: 1fr; }
.bcj-sum__panel { display: flex; flex-direction: column; gap: 14px; margin-top: 14px; padding: 20px 24px; background: var(--bcj-n100); box-shadow: inset 0 0 0 1px var(--bcj-n300); }
.bcj-sum__body { font-size: 14px; line-height: 23.1px; color: var(--bcj-ink); }
.bcj-sum__body ul { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; }
.bcj-sum__body p + p { margin-top: 10px; }
.bcj-sum__body li { padding-left: 10px; position: relative; }
.bcj-sum__body li::before { content: "•"; position: absolute; left: 0; }
.bcj-sum__note { display: flex; align-items: center; gap: 6px; font-size: 11px; line-height: 17.6px; color: var(--bcj-n600); }
.bcj-sum__note .bcj-ic { width: 12px; height: 12px; }
.bcj-sum__rule { height: 1px; background: var(--bcj-n300); }
.bcj-sum__more { font-size: 11.5px; line-height: 18.4px; color: var(--bcj-n600); }
.bcj-sum__styles { display: flex; flex-wrap: wrap; gap: 8px; }
.bcj-sum__style { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px; background: transparent; box-shadow: inset 0 0 0 1px var(--bcj-n300); font-size: 12.5px; line-height: 20px; color: var(--bcj-n700); transition: box-shadow .15s, color .15s, background .15s; }
.bcj-sum__style .bcj-ic { width: 14px; height: 14px; color: var(--bcj-ink); }
.bcj-sum__style:hover { box-shadow: inset 0 0 0 1px var(--bcj-n400); color: var(--bcj-ink); }
.bcj-sum__style[aria-pressed=true] { background: rgba(136, 151, 126, .12); box-shadow: inset 0 0 0 1px rgba(136, 151, 126, .4); color: var(--bcj-acc); }
.bcj-sum__style[aria-pressed=true] .bcj-ic { color: var(--bcj-acc); }
[data-bcj=ai-src] { display: none !important; }

/* intro = reading tools + first paragraph; the body rich text */
[data-bcj=e-tools] { margin-bottom: -20px; }
[data-bcj=body] { font-size: 17px; line-height: 27.2px; color: var(--bcj-ink); counter-reset: bcj-sec; }
[data-bcj=body] > * + * { margin-top: 16px; }
[data-bcj=body] > h2 { counter-increment: bcj-sec; margin-top: 44px; font-size: 26px; line-height: 32px; font-weight: 700; letter-spacing: -.52px; color: var(--bcj-ink); }
[data-bcj=body] > h2::before { content: counter(bcj-sec, decimal-leading-zero); display: block; margin-bottom: 6px; font-family: var(--bcj-mono); font-size: 11.5px; line-height: 18.4px; font-weight: 400; letter-spacing: 0; color: var(--bcj-acc); }
[data-bcj=body] > h3 { margin-top: 28px; font-size: 20px; line-height: 27px; font-weight: 600; letter-spacing: -.3px; }
[data-bcj=body] > :first-child { margin-top: 0; }
[data-bcj=body] a { color: var(--bcj-ink); text-decoration: underline; text-decoration-color: var(--bcj-acc); text-underline-offset: 3px; text-decoration-thickness: 1px; }
[data-bcj=body] a:hover { color: var(--bcj-acc); }
[data-bcj=body] strong, [data-bcj=body] b { font-weight: 600; }
[data-bcj=body] ul, [data-bcj=body] ol { display: flex; flex-direction: column; gap: 10px; padding: 0 4px; margin-bottom: 0; }
[data-bcj=body] li { position: relative; padding-left: 28px; }
[data-bcj=body] ul > li::before { content: "—"; position: absolute; left: 0; top: 0; width: 16px; color: var(--bcj-acc); }
[data-bcj=body] ol { counter-reset: bcj-li; }
[data-bcj=body] ol > li { counter-increment: bcj-li; padding-left: 26px; }
[data-bcj=body] ol > li::before { content: counter(bcj-li, decimal-leading-zero); position: absolute; left: 0; top: 0; font-family: var(--bcj-mono); font-size: 11.5px; line-height: 18.4px; color: var(--bcj-acc); }
[data-bcj=body] blockquote { margin-left: 0; margin-right: 0; margin-bottom: 0; padding: 4px 24px; border: 0; box-shadow: inset 2px 0 0 var(--bcj-acc); font-size: 26px; line-height: 32px; font-weight: 700; letter-spacing: -.52px; color: var(--bcj-acc-ink); }
[data-bcj=body] blockquote.bcj-has-cite { padding-bottom: 33px; }
[data-bcj=body] .bcj-cite { margin-top: -23px !important; padding: 0 24px 0 26px; font-size: 11.5px; line-height: 18.4px; color: var(--bcj-n600); position: relative; }
[data-bcj=body] .bcj-note { padding: 18px 22px 18px 24px; background: var(--bcj-note); box-shadow: inset 2px 0 0 var(--bcj-acc); font-size: 14px; line-height: 23.1px; }
[data-bcj=body] .bcj-note > strong:first-child, [data-bcj=body] .bcj-note__label { display: block; margin-bottom: 6px; font-size: 10.5px; line-height: 16.8px; font-weight: 600; letter-spacing: 1.89px; text-transform: uppercase; color: var(--bcj-note-ink); }
[data-bcj=body] figure { display: block; width: 100%; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0; text-align: left; }
[data-bcj=body] figure > div { display: block !important; }
[data-bcj=body] figure img { display: block; width: 100%; height: auto; }
[data-bcj=body] figcaption { display: block; margin-top: 8px; font-size: 11.5px; line-height: 18.4px; color: var(--bcj-n600); text-align: left; }
[data-bcj=body] .w-embed { margin-top: 16px; }
/* data table (rich-text embed) */
.bcj-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.bcj-table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: 13.5px; line-height: 21.6px; }
.bcj-table th { padding: 12px 0 12px 16px; border-bottom: 2px solid var(--bcj-ink); font-size: 10.5px; line-height: 16.8px; font-weight: 600; letter-spacing: 1.89px; text-transform: uppercase; color: var(--bcj-n600); text-align: right; white-space: nowrap; }
.bcj-table td { padding: 12px 0 12px 16px; border-bottom: 1px solid var(--bcj-n300); text-align: right; font-family: var(--bcj-mono); font-size: 11.5px; line-height: 18.4px; color: var(--bcj-n700); white-space: nowrap; }
.bcj-table th:first-child, .bcj-table td:first-child { padding-left: 0; text-align: left; }
.bcj-table td:first-child { font-family: var(--bcj-sans); font-size: 13.5px; line-height: 21.6px; font-weight: 500; color: var(--bcj-ink); white-space: normal; width: 50%; }
.bcj-caption { margin-top: 16px; font-size: 11.5px; line-height: 18.4px; color: var(--bcj-n600); }
/* archive records (rich-text embed) */
.bcj-records { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.bcj-rec { display: flex; flex-direction: column; gap: 10px; color: var(--bcj-ink); text-decoration: none !important; }
.bcj-rec__frame { aspect-ratio: 370 / 199.3; padding: 1px; background: #fff; box-shadow: inset 0 0 0 1px var(--bcj-n300); box-sizing: border-box; overflow: hidden; transition: box-shadow .15s; }
.bcj-rec__frame img { width: 100%; height: 100%; object-fit: contain; }
.bcj-rec:hover .bcj-rec__frame { box-shadow: inset 0 0 0 1px var(--bcj-n400); }
.bcj-rec__name { font-size: 13.5px; line-height: 18.23px; font-weight: 600; color: var(--bcj-ink); transition: color .15s; }
.bcj-rec:hover .bcj-rec__name { color: var(--bcj-acc); }
.bcj-rec__meta { display: flex; align-items: center; gap: 7px; font-size: 12px; line-height: 19.2px; color: var(--bcj-n600); }
.bcj-rec__st { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; line-height: 17.6px; font-weight: 600; color: var(--bcj-ok); }
.bcj-rec__st::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.bcj-rec__st--sold { color: var(--bcj-bad); }
.bcj-rec__st--archive { color: var(--bcj-n600); }

/* references / topics / faqs / author / disclaimer */
[data-bcj=refs] { display: flex; flex-direction: column; gap: 12px; padding: 24px 0; border-top: 1px solid var(--bcj-n300); }
[data-bcj=label] { color: var(--bcj-n600); }
[data-bcj=refs-rt] { font-size: 12.5px; line-height: 20px; color: var(--bcj-n700); }
[data-bcj=refs-rt] ol, [data-bcj=refs-rt] ul { display: flex; flex-direction: column; gap: 12px; counter-reset: bcj-ref; margin: 0; padding: 0; }
[data-bcj=refs-rt] li { counter-increment: bcj-ref; position: relative; padding-left: 24px; }
[data-bcj=refs-rt] li::before { content: counter(bcj-ref) "."; position: absolute; left: 0; top: 1px; font-family: var(--bcj-mono); font-size: 11px; line-height: 17.6px; color: var(--bcj-n600); }
[data-bcj=refs-rt] p { margin: 0; }
[data-bcj=refs-rt] a { color: var(--bcj-n700); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--bcj-n400); }
[data-bcj=refs-rt] a:hover { color: var(--bcj-ink); }
[data-bcj=refs]:has([data-bcj=refs-rt].w-dyn-bind-empty), [data-bcj=refs]:not(:has([data-bcj=refs-rt])) { display: none; }
[data-bcj=topics] { display: flex; flex-direction: column; gap: 12px; }
[data-bcj=topics]:has(.w-dyn-bind-empty) { display: none; }
[data-bcj=kw] { display: flex; flex-wrap: wrap; gap: 8px; font-size: 12px; line-height: 19.2px; color: var(--bcj-n700); }
.bcj-kw { padding: 5px 11px; box-shadow: inset 0 0 0 1px var(--bcj-n300); color: var(--bcj-n700); transition: box-shadow .15s, color .15s; }
.bcj-kw:hover { box-shadow: inset 0 0 0 1px var(--bcj-ink); color: var(--bcj-ink); }
[data-bcj=faqs] { display: flex; flex-direction: column; gap: 16px; }
[data-bcj=faqs]:has([data-bcj=faqs-rt].w-dyn-bind-empty) { display: none; }
[data-bcj=faqs-h] { font-size: 26px; line-height: 32px; font-weight: 700; letter-spacing: -.52px; color: var(--bcj-ink); }
[data-bcj=faqs-rt] { border-top: 1px solid var(--bcj-n300); font-size: 14px; line-height: 23.1px; color: var(--bcj-n700); }
[data-bcj=faqs-rt] > h3 { padding: 18px 0; border-bottom: 1px solid var(--bcj-n300); font-size: 15px; line-height: 19.5px; font-weight: 600; letter-spacing: -.15px; color: var(--bcj-ink); }
[data-bcj=faqs-rt] > p { padding: 0 48px 20px 0; border-bottom: 1px solid var(--bcj-n300); }
.bcj-faq { border-bottom: 1px solid var(--bcj-n300); }
.bcj-faq__q { display: flex; align-items: center; gap: 16px; width: 100%; padding: 18px 0; text-align: left; font-size: 15px; line-height: 19.5px; font-weight: 600; letter-spacing: -.15px; color: var(--bcj-ink); }
.bcj-faq__q span { flex: 1 1 auto; }
.bcj-faq__q .bcj-ic { width: 18px; height: 18px; color: var(--bcj-ink); }
.bcj-faq__q .bcj-ico-minus { display: none; }
.bcj-faq.is-open .bcj-faq__q .bcj-ico-plus { display: none; }
.bcj-faq.is-open .bcj-faq__q .bcj-ico-minus { display: block; }
.bcj-faq__q:hover span { color: var(--bcj-acc); }
.bcj-faq__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .28s cubic-bezier(.4, 0, .2, 1); }
.bcj-faq.is-open .bcj-faq__a { grid-template-rows: 1fr; }
.bcj-faq__a > div { overflow: hidden; min-height: 0; }
.bcj-faq__a > div > div { padding: 0 48px 20px 0; }
.bcj-faq__a p + p { margin-top: 10px; }
.bcj-faq__a a { color: var(--bcj-ink); text-decoration: underline; text-underline-offset: 3px; }
[data-bcj=acard] { display: flex; gap: 16px; padding: 24px; background: var(--bcj-n100); box-shadow: inset 0 0 0 1px var(--bcj-n300); }
[data-bcj=acard-avatar] { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 999px; background: var(--bcj-ink); color: var(--bcj-bg); display: grid; place-items: center; overflow: hidden; font-size: 14px; line-height: 22.4px; font-weight: 700; }
[data-bcj=acard-about] { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
[data-bcj=acard-row] { display: flex; align-items: center; gap: 16px; }
[data-bcj=acard-id] { display: flex; flex-direction: column; gap: 4px; margin-right: auto; min-width: 0; }
[data-bcj=acard-name] { font-size: 15px; line-height: 19.5px; font-weight: 600; letter-spacing: -.15px; color: var(--bcj-ink); }
[data-bcj=acard-role] { font-size: 11.5px; line-height: 18.4px; color: var(--bcj-n600); }
[data-bcj=acard-in] { flex: 0 0 36px; width: 36px; height: 36px; background: #fff; box-shadow: inset 0 0 0 1px var(--bcj-n300); display: grid; place-items: center; transition: box-shadow .15s; }
[data-bcj=acard-in]:hover { box-shadow: inset 0 0 0 1px var(--bcj-ink); }
[data-bcj=acard-in]::before { content: ""; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%280%200%29%22%20d%3D%22M3%200L21%200C22.66%200%2024%201.34%2024%203L24%2021C24%2022.66%2022.66%2024%2021%2024L3%2024C1.34%2024%200%2022.66%200%2021L0%203C0%201.34%201.34%200%203%200Z%22%20fill%3D%22%230a66c2%22%20stroke%3D%22none%22%2F%3E%3Cpath%20transform%3D%22translate%284.31%205.48%29%22%20d%3D%22M2.63%204.02L0.19%204.02L0.19%2013.52L2.63%2013.52L2.63%204.02ZM1.41%202.82C1.78%202.82%202.14%202.67%202.41%202.41C2.67%202.14%202.82%201.78%202.82%201.41C2.82%201.04%202.67%200.68%202.41%200.41C2.14%200.15%201.78%200%201.41%200C1.04%200%200.68%200.15%200.41%200.41C0.15%200.68%200%201.04%200%201.41C0%201.78%200.15%202.14%200.41%202.41C0.68%202.67%201.04%202.82%201.41%202.82ZM15.19%208.2C15.19%205.64%2014.64%203.67%2011.66%203.67C10.23%203.67%209.27%204.46%208.87%205.2L8.83%205.2L8.83%204.02L6.49%204.02L6.49%2013.52L8.93%2013.52L8.93%208.82C8.93%207.58%209.17%206.38%2010.7%206.38C12.21%206.38%2012.23%207.79%2012.23%208.9L12.23%2013.52L14.67%2013.52L14.67%208.2L15.19%208.2Z%22%20fill%3D%22%23ffffff%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
[data-bcj=acard-bio] { font-size: 12.5px; line-height: 20px; color: var(--bcj-n700); }
[data-bcj=disclaimer] { font-size: 12px; line-height: 19.2px; color: var(--bcj-n600); }

/* related */
[data-bcj=related] { border-top: 1px solid var(--bcj-n300); padding: 56px 24px 80px; }
[data-bcj=related][data-bcj-empty] { display: none; }
[data-bcj=related] > * { max-width: 1392px; margin-left: auto; margin-right: auto; }
[data-bcj=rel-head] { display: flex; align-items: flex-end; gap: 16px; margin-bottom: 28px; }
[data-bcj=rel-title] { display: flex; flex-direction: column; gap: 6px; margin-right: auto; }
[data-bcj=rel-eyebrow] { color: var(--bcj-acc); }
[data-bcj=rel-issue]::before { content: "\00a0"; }
[data-bcj=rel-h] { font-size: 30px; line-height: 33px; font-weight: 700; letter-spacing: -.9px; color: var(--bcj-ink); }
[data-bcj=rel-all] { display: flex; align-items: center; gap: 8px; font-size: 13px; line-height: 20.8px; font-weight: 600; color: var(--bcj-ink); white-space: nowrap; padding-bottom: 6px; }
[data-bcj=rel-all]::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%285%206%29%22%20d%3D%22M0%206L14%206M8%200L14%206L8%2012%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.2%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%285%206%29%22%20d%3D%22M0%206L14%206M8%200L14%206L8%2012%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.2%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; transition: transform .2s; }
[data-bcj=rel-all]:hover::after { transform: translateX(3px); }
[data-bcj=rel-all]:hover { color: var(--bcj-acc); }

/* archive bar */
.bcj-abar { background: var(--bcj-ink); color: var(--bcj-bg); }
.bcj-abar__in { display: flex; align-items: center; gap: 16px; min-height: 69px; padding: 14px 24px; max-width: 1440px; margin: 0 auto; box-sizing: border-box; }
.bcj-abar__in > .bcj-ic { width: 14px; height: 14px; margin-left: 5px; }
.bcj-abar p { margin-right: auto; font-size: 13.5px; line-height: 21.6px; color: var(--bcj-bg); }
.bcj-abar .bcj-btn { background: var(--bcj-acc); color: #fff; padding: 10px 20px; }
.bcj-abar .bcj-btn:hover { background: #fff; color: var(--bcj-ink); }

/* ===================================================================== responsive */
@media (max-width: 1279px) {
  .bcj-nav { gap: 12px; }
  .bcj-search { flex-basis: 190px; }
  [data-bcj=hero-cover] { flex-basis: 44%; width: 44%; }
}
@media (max-width: 1099px) {
  .bcj-hdr__bar { flex-wrap: wrap; row-gap: 0; padding: 8px 20px 0; }
  .bcj-hdr__logo img { height: 38px; }
  .bcj-search { order: 2; flex: 1 1 auto; max-width: 420px; }
  .bcj-hdr__sp { display: none; }
  .bcj-hdr__act { order: 3; margin-left: auto; }
  .bcj-saved__btn { height: 50px; }
  .bcj-nav { order: 4; flex: 1 0 100%; overflow-x: auto; scrollbar-width: none; gap: 18px; padding: 2px 0 6px; -webkit-overflow-scrolling: touch; }
  .bcj-nav::-webkit-scrollbar { display: none; }
  .bcj-ftr__cols { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .bcj-ftr__about { grid-column: 1 / -1; padding-right: 0; }
  .bcj-ftr__about p { max-width: 520px; }
  [data-bcj=cards] .w-dyn-items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 24px; }
  [data-bcj=hero-body] { flex-direction: column; align-items: stretch; gap: 28px; padding: 32px 32px 28px; }
  [data-bcj=hero-cover] { flex: 0 0 auto; width: 100%; }
  [data-bcj=meta] { padding: 18px 32px 20px; gap: 12px 20px; }
  [data-bcj=meta] > [data-bcj=meta-pub], [data-bcj=meta] > [data-bcj=meta-upd], [data-bcj=meta] > [data-bcj=meta-read] { padding-left: 0; }
  [data-bcj=meta] > [data-bcj=meta-pub]::after, [data-bcj=meta] > [data-bcj=meta-upd]::after, [data-bcj=meta] > [data-bcj=meta-read]::after { display: none; }
  [data-bcj=byline] { flex: 1 0 100%; }
  [data-bcj=related] .w-dyn-item[data-rel-i="3"] { display: none; }
  [data-bcj=e-actions] { margin-left: 0; width: 100%; }
  [data-bcj=cols] { flex-direction: column; align-items: stretch; gap: 28px; max-width: 760px; }
  [data-bcj=side] { display: contents; }
  .bcj-toc { order: 1; position: static; padding: 14px 16px; background: var(--bcj-n100); box-shadow: inset 0 0 0 1px var(--bcj-n300); gap: 0; }
  .bcj-toc__head { border-bottom: 0; padding-bottom: 0; }
  .bcj-toc__head button { cursor: pointer; }
  .bcj-toc__head button .bcj-ic { display: block; }
  .bcj-toc.is-open .bcj-toc__head button .bcj-ic { transform: rotate(180deg); }
  .bcj-toc ol { display: none; margin-top: 10px; }
  .bcj-toc.is-open ol { display: flex; }
  [data-bcj=main] { order: 2; max-width: none; }
  [data-bcj=nl-card] { order: 3; }
  .bcj-strip { flex-wrap: wrap; }
  .bcj-strip .bcj-btn { margin-left: 0; }
}
@media (max-width: 767px) {
  :root { --bcj-pad: 16px; }
  [data-bcj=e-hdr] { position: relative; }
  html { scroll-padding-top: 16px; }
  .bcj-hdr__bar { padding: 8px 16px 0; gap: 10px; }
  .bcj-hdr__logo img { height: 34px; }
  .bcj-search { order: 5; flex: 1 0 100%; max-width: none; margin-bottom: 4px; }
  .bcj-search__box { height: 40px; }
  .bcj-saved__btn span { display: none; }
  .bcj-pop { right: -40px; width: min(320px, calc(100vw - 32px)); }
  .bcj-nav { order: 6; }
  .bcj-ftr__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; padding: 40px 16px; }
  .bcj-ftr__legal { padding: 22px 16px 32px; }
  .bcj-ftr__copy { flex-direction: column; gap: 6px; }
  .bcj-banner { min-height: 0; padding: 64px 16px 40px; }
  .bcj-banner .bcj-crumbs { top: 18px; left: 16px; }
  .bcj-banner h1 { font-size: 32px; line-height: 36px; }
  .bcj-topics { padding: 28px 16px 4px; }
  .bcj-chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px; padding: 0 16px 4px; scrollbar-width: none; }
  .bcj-chips::-webkit-scrollbar { display: none; }
  .bcj-tools { flex-wrap: wrap; padding: 24px 16px 20px; row-gap: 14px; }
  .bcj-count { flex: 1 0 100%; }
  .bcj-bsearch { flex: 1 1 auto; width: auto; }
  [data-bcj=list-grid] { padding: 0 16px; }
  [data-bcj=nl-band] { flex-direction: column; align-items: stretch; gap: 20px; padding: 28px 20px; width: calc(100% - 32px); margin: 56px auto; }
  [data-bcj=nl-band] [data-bcj=nl] { flex: 0 0 auto; }
  .bcj-nlb__copy h2 { font-size: 24px; line-height: 28px; }
  [data-bcj=art-head] { padding: 16px 16px 24px; gap: 14px; }
  [data-bcj=hero-body] { padding: 22px 20px 20px; gap: 22px; }
  [data-bcj=h1] { font-size: 30px; line-height: 35px; letter-spacing: -.9px; }
  [data-bcj=lead] { font-size: 16px; line-height: 25.6px; }
  [data-bcj=meta] { padding: 16px 20px 18px; gap: 12px 16px; }
  [data-bcj=meta] > [data-bcj=meta-pub], [data-bcj=meta] > [data-bcj=meta-upd], [data-bcj=meta] > [data-bcj=meta-read] { padding-left: 0; }
  [data-bcj=meta] > [data-bcj=meta-pub]::after, [data-bcj=meta] > [data-bcj=meta-upd]::after, [data-bcj=meta] > [data-bcj=meta-read]::after { display: none; }
  [data-bcj=byline] { flex: 1 0 100%; }
  .bcj-actions { flex-wrap: wrap; }
  .bcj-strip-wrap { padding: 0 16px 8px; }
  .bcj-strip { padding: 16px; gap: 14px; }
  .bcj-thumbs a { width: 56px; height: 42px; }
  .bcj-strip .bcj-btn { width: 100%; }
  [data-bcj=art-body] { padding: 28px 16px 48px; }
  [data-bcj=main] { gap: 36px; }
  [data-bcj=body] { font-size: 16px; line-height: 26px; }
  [data-bcj=body] > h2 { margin-top: 36px; font-size: 23px; line-height: 29px; }
  [data-bcj=body] blockquote { font-size: 21px; line-height: 27px; padding: 4px 18px; }
  [data-bcj=body] .bcj-cite { padding-left: 20px; }
  .bcj-tbar { flex-wrap: wrap; }
  .bcj-player.is-started { width: auto; flex: 1 1 auto; }
  .bcj-records { gap: 16px; }
  [data-bcj=acard] { padding: 18px; gap: 14px; }
  [data-bcj=acard-avatar] { flex-basis: 44px; width: 44px; height: 44px; }
  [data-bcj=related] { padding: 40px 16px 56px; }
  [data-bcj=rel-h] { font-size: 24px; line-height: 28px; }
  .bcj-abar__in { flex-wrap: wrap; padding: 16px; }
  .bcj-abar p { flex: 1 1 calc(100% - 40px); }
  .bcj-abar .bcj-btn { width: 100%; }
}
@media (max-width: 599px) {
  [data-bcj=related] .w-dyn-item[data-rel-i="3"]:not([hidden]) { display: block; }
  [data-bcj=cards] .w-dyn-items { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .bcj-records { grid-template-columns: minmax(0, 1fr); }
  [data-bcj=nl] form { flex-direction: column; }
  [data-bcj=nl] .w-button, [data-bcj=nl] input[type=submit] { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  [data-bcj] *, .bcj-hdr *, .bcj-ftr * { transition: none !important; }
}

.bcj-banner { --bcj-banner: url("https://cdn.prod.website-files.com/6a9e310fc2a5c73fffdec587/6a9e4d9deb3dd69912106b04_hi-sm-lululemon-03-bc1be9a2e3.jpg"); }

.bcj-ic--arrow-right { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%285%206%29%22%20d%3D%22M0%206L14%206M8%200L14%206L8%2012%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.2%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--bookmark { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%285%203%29%22%20d%3D%22M14%2018L7%2013L0%2018L0%202C0%201.47%200.21%200.96%200.59%200.59C0.96%200.21%201.47%200%202%200L12%200C12.53%200%2013.04%200.21%2013.41%200.59C13.79%200.96%2014%201.47%2014%202L14%2018%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--check { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%285%207%29%22%20d%3D%22M0%205L5%2010L14%200%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--chevron-down { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%285%208%29%22%20d%3D%22M0%200L7%207L14%200%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%223%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--chevron-right { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%289%206%29%22%20d%3D%22M0%200L6%206L0%2012%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--clock { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%283%203%29%22%20d%3D%22M18%209C18%2013.97%2013.97%2018%209%2018C4.03%2018%200%2013.97%200%209C0%204.03%204.03%200%209%200C13.97%200%2018%204.03%2018%209%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%2812%207%29%22%20d%3D%22M0%200L0%205L3%207%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--facebook { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%287.3%203.8%29%22%20d%3D%22M6.2%2018.2L6.2%2010L9%2010L9.4%206.7L6.2%206.7L6.2%204.6C6.2%203.7%206.5%203%207.8%203L9.5%203L9.5%200.1C9.2%200.1%208.2%200%207%200C4.5%200%202.8%201.5%202.8%204.3L2.8%206.7L0%206.7L0%2010L2.8%2010L2.8%2018.2L6.2%2018.2Z%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--file-text { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%284%203%29%22%20d%3D%22M10%200L2%200C1.47%200%200.96%200.21%200.59%200.59C0.21%200.96%200%201.47%200%202L0%2016C0%2016.53%200.21%2017.04%200.59%2017.41C0.96%2017.79%201.47%2018%202%2018L14%2018C14.53%2018%2015.04%2017.79%2015.41%2017.41C15.79%2017.04%2016%2016.53%2016%2016L16%206L10%200%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%288%203%29%22%20d%3D%22M6%200L6%206L12%206M0%2010L8%2010M0%2014L6%2014%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--google { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20transform%3D%22translate%280.97%200%29%20scale%280.37%200.38%29%22%20d%3D%22M21.4%209.5C24.9%209.5%2028%2010.7%2030.4%2013L37.1%206.3C33%202.5%2027.6%200%2021.4%200C12%200%203.9%205.4%200%2013.3L7.8%2019.3C9.6%2013.6%2015%209.5%2021.4%209.5Z%22%20fill%3D%22%23ea4335%22%20stroke%3D%22none%22%2F%3E%3Cpath%20transform%3D%22translate%289%207.5%29%20scale%280.38%200.38%29%22%20d%3D%22M22.5%204.5C22.5%202.9%2022.4%201.4%2022.1%200L0%200L0%209L12.7%209C12.1%2012%2010.4%2014.5%207.9%2016.2L15.4%2022C19.8%2018%2022.5%2012%2022.5%204.5Z%22%20fill%3D%22%234285f4%22%20stroke%3D%22none%22%2F%3E%3Cpath%20transform%3D%22translate%280%204.99%29%20scale%280.38%200.38%29%22%20d%3D%22M10.4%2015.4C9.9%2013.9%209.6%2012.4%209.6%2010.7C9.6%209%209.9%207.5%2010.4%206L2.6%200C0.9%203.3%200%206.9%200%2010.7C0%2014.5%200.9%2018.1%202.6%2021.4L10.4%2015.4Z%22%20fill%3D%22%23fbbc05%22%20stroke%3D%22none%22%2F%3E%3Cpath%20transform%3D%22translate%280.97%2010.91%29%20scale%280.38%200.37%29%22%20d%3D%22M21.4%2018.9C27.6%2018.9%2033%2016.9%2036.8%2013.3L29.3%207.5C27.2%208.9%2024.5%209.8%2021.4%209.8C15%209.8%209.6%205.7%207.8%200L0%206C3.9%2013.5%2012%2018.9%2021.4%2018.9Z%22%20fill%3D%22%2334a853%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--headphones { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%283%203%29%22%20d%3D%22M0%2015L0%209C0%206.61%200.95%204.32%202.64%202.64C4.32%200.95%206.61%200%209%200C11.39%200%2013.68%200.95%2015.36%202.64C17.05%204.32%2018%206.61%2018%209L18%2015%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%283%2015%29%22%20d%3D%22M18%204C18%204.53%2017.79%205.04%2017.41%205.41C17.04%205.79%2016.53%206%2016%206L15%206L15%200L18%200L18%204M0%204C0%204.53%200.21%205.04%200.59%205.41C0.96%205.79%201.47%206%202%206L3%206L3%200L0%200L0%204%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--link { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%2810%201.53%29%22%20d%3D%22M0%2011.47C0.94%2012.41%202.21%2012.94%203.53%2012.94C4.86%2012.94%206.13%2012.41%207.07%2011.47L10.07%208.47C10.98%207.53%2011.48%206.27%2011.47%204.96C11.46%203.65%2010.94%202.39%2010.01%201.46C9.08%200.54%207.83%200.01%206.52%200C5.21%20-0.01%203.94%200.49%203%201.4L1.5%202.9%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%282.53%209.54%29%22%20d%3D%22M11.47%201.46C10.54%200.53%209.26%200%207.94%200C6.61%200%205.34%200.53%204.4%201.46L1.4%204.46C0.49%205.41%20-0.01%206.67%200%207.98C0.01%209.29%200.54%2010.55%201.46%2011.47C2.39%2012.4%203.65%2012.93%204.96%2012.94C6.27%2012.95%207.53%2012.44%208.47%2011.53L9.97%2010.03%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--linkedin { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%282.8%202.6%29%22%20d%3D%22M4.1%2018.4L0.4%2018.4L0.4%206.1L4.1%206.1L4.1%2018.4ZM2.2%204.4C1.91%204.4%201.63%204.34%201.36%204.23C1.09%204.12%200.85%203.96%200.64%203.76C0.44%203.55%200.28%203.31%200.17%203.04C0.06%202.77%200%202.49%200%202.2C0%201.91%200.06%201.63%200.17%201.36C0.28%201.09%200.44%200.85%200.64%200.64C0.85%200.44%201.09%200.28%201.36%200.17C1.63%200.06%201.91%200%202.2%200C2.78%200%203.34%200.23%203.76%200.64C4.17%201.06%204.4%201.62%204.4%202.2C4.4%202.78%204.17%203.34%203.76%203.76C3.34%204.17%202.78%204.4%202.2%204.4ZM18.2%2018.4L14.5%2018.4L14.5%2012.4C14.5%2011%2014.5%209.1%2012.5%209.1C10.5%209.1%2010.2%2010.7%2010.2%2012.3L10.2%2018.4L6.5%2018.4L6.5%206.1L10%206.1L10%207.8L10.1%207.8C10.6%206.9%2011.8%205.9%2013.6%205.9C17.3%205.9%2018%208.4%2018%2011.5L18%2018.4L18.2%2018.4Z%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--list { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%284%206%29%22%20d%3D%22M5%200L17%200M5%206L17%206M5%2012L17%2012M0%200L0.01%200M0%206L0.01%206M0%2012L0.01%2012%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--mail { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%283%205%29%22%20d%3D%22M2%200L16%200C17.1%200%2018%200.9%2018%202L18%2012C18%2013.1%2017.1%2014%2016%2014L2%2014C0.9%2014%200%2013.1%200%2012L0%202C0%200.9%200.9%200%202%200%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%283%207%29%22%20d%3D%22M0%200L9%206L18%200%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--minus { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%285%2012%29%22%20d%3D%22M0%200L14%200%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--pause { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%289%205%29%22%20d%3D%22M0%200L0%2014M6%200L6%2014%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--pinterest { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%282.07%201.97%29%22%20d%3D%22M9.93%200.03C7.6%200.04%205.36%200.87%203.58%202.36C1.8%203.85%200.6%205.91%200.17%208.19C-0.26%2010.48%200.13%2012.83%201.25%2014.87C2.37%2016.9%204.17%2018.47%206.33%2019.33C6.23%2018.53%206.13%2017.33%206.33%2016.43L7.53%2011.43C7.53%2011.43%207.23%2010.83%207.23%209.93C7.23%208.53%208.03%207.53%209.03%207.53C9.93%207.53%2010.33%208.13%2010.33%208.93C10.33%209.83%209.83%2011.03%209.53%2012.23C9.33%2013.23%2010.03%2014.03%2011.03%2014.03C12.83%2014.03%2014.13%2012.13%2014.13%209.43C14.13%207.03%2012.43%205.33%209.93%205.33C7.03%205.33%205.43%207.43%205.43%209.73C5.43%2010.63%205.73%2011.53%206.23%2012.03C6.33%2012.13%206.33%2012.23%206.33%2012.33L6.03%2013.43C6.03%2013.63%205.83%2013.63%205.73%2013.53C4.43%2012.93%203.73%2011.13%203.73%209.63C3.73%206.43%206.03%203.53%2010.43%203.53C13.93%203.53%2016.63%206.03%2016.63%209.33C16.63%2012.83%2014.43%2015.63%2011.43%2015.63C10.43%2015.63%209.43%2015.13%209.13%2014.43L8.53%2016.83C8.33%2017.73%207.73%2018.83%207.33%2019.43C8.73%2019.92%2010.22%2020.1%2011.7%2019.95C13.18%2019.79%2014.61%2019.31%2015.88%2018.53C17.15%2017.76%2018.23%2016.71%2019.04%2015.46C19.85%2014.21%2020.37%2012.8%2020.57%2011.33C20.77%209.85%2020.64%208.35%2020.18%206.94C19.73%205.52%2018.96%204.23%2017.94%203.14C16.92%202.06%2015.67%201.22%2014.28%200.68C12.9%200.14%2011.41%20-0.08%209.93%200.03Z%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--play { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%288%205%29%22%20d%3D%22M0%200L0%2014L11%207L0%200Z%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--plus { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%285%205%29%22%20d%3D%22M7%200L7%2014M0%207L14%207%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--search { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%284%204%29%22%20d%3D%22M14%207C14%2010.87%2010.87%2014%207%2014C3.13%2014%200%2010.87%200%207C0%203.13%203.13%200%207%200C10.87%200%2014%203.13%2014%207%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%2816.5%2016.5%29%22%20d%3D%22M3.5%203.5L0%200%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--settings { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%284%206%29%22%20d%3D%22M0%200L9%200M13%200L16%200M0%206L3%206M7%206L16%206M0%2012L11%2012M15%2012L16%2012%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%2813%204%29%22%20d%3D%22M4%202C4%203.1%203.1%204%202%204C0.9%204%200%203.1%200%202C0%200.9%200.9%200%202%200C3.1%200%204%200.9%204%202%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%287%2010%29%22%20d%3D%22M4%202C4%203.1%203.1%204%202%204C0.9%204%200%203.1%200%202C0%200.9%200.9%200%202%200C3.1%200%204%200.9%204%202%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%2815%2016%29%22%20d%3D%22M4%202C4%203.1%203.1%204%202%204C0.9%204%200%203.1%200%202C0%200.9%200.9%200%202%200C3.1%200%204%200.9%204%202%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--share { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%2815%202%29%22%20d%3D%22M6%203C6%204.66%204.66%206%203%206C1.34%206%200%204.66%200%203C0%201.34%201.34%200%203%200C4.66%200%206%201.34%206%203%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%283%209%29%22%20d%3D%22M6%203C6%204.66%204.66%206%203%206C1.34%206%200%204.66%200%203C0%201.34%201.34%200%203%200C4.66%200%206%201.34%206%203%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%2815%2016%29%22%20d%3D%22M6%203C6%204.66%204.66%206%203%206C1.34%206%200%204.66%200%203C0%201.34%201.34%200%203%200C4.66%200%206%201.34%206%203%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%288.6%206.5%29%22%20d%3D%22M0%207L6.8%2011M6.8%200L0%204%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--sparkles { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%285.5%203%29%22%20d%3D%22M6.5%200L8.3%204.7L13%206.5L8.3%208.3L6.5%2013L4.7%208.3L0%206.5L4.7%204.7L6.5%200%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%2816.5%2015%29%22%20d%3D%22M2.5%200L3.2%201.8L5%202.5L3.2%203.2L2.5%205L1.8%203.2L0%202.5L1.8%201.8L2.5%200%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--tiktok { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%284.1%202%29%22%20d%3D%22M12.4%200L9.2%200L9.2%2013.4C9.2%2013.97%209.03%2014.53%208.71%2015.01C8.39%2015.49%207.94%2015.86%207.41%2016.08C6.88%2016.3%206.3%2016.36%205.73%2016.24C5.17%2016.13%204.65%2015.86%204.25%2015.45C3.84%2015.05%203.57%2014.53%203.46%2013.97C3.34%2013.4%203.4%2012.82%203.62%2012.29C3.84%2011.76%204.21%2011.31%204.69%2010.99C5.17%2010.67%205.73%2010.5%206.3%2010.5C6.6%2010.5%206.9%2010.5%207.2%2010.6L7.2%207.3C5.95%207.1%204.66%207.28%203.52%207.83C2.37%208.38%201.42%209.27%200.8%2010.37C0.18%2011.48%20-0.09%2012.75%200.03%2014.01C0.15%2015.28%200.66%2016.47%201.48%2017.44C2.31%2018.41%203.41%2019.1%204.63%2019.42C5.86%2019.74%207.16%2019.67%208.35%2019.23C9.54%2018.79%2010.57%2018%2011.29%2016.95C12.02%2015.91%2012.4%2014.67%2012.4%2013.4L12.4%206.6C13.65%207.5%2015.16%207.99%2016.7%208L16.7%204.8C16.1%204.79%2015.5%204.65%2014.95%204.4C14.4%204.15%2013.91%203.79%2013.5%203.34C13.1%202.89%2012.79%202.36%2012.6%201.78C12.41%201.21%2012.34%200.6%2012.4%200Z%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--user { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%288%204%29%22%20d%3D%22M8%204C8%206.21%206.21%208%204%208C1.79%208%200%206.21%200%204C0%201.79%201.79%200%204%200C6.21%200%208%201.79%208%204%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%284%2014%29%22%20d%3D%22M0%207C0%203%203.6%200%208%200C12.4%200%2016%203%2016%207%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--x { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%282%203%29%22%20d%3D%22M15.8%200L18.9%200L12.1%207.8L20%2018L13.7%2018L8.8%2011.6L3.2%2018L0.1%2018L7.4%209.7L0%200L6.4%200L10.8%205.9L15.8%200ZM14.7%2016.2L16.4%2016.2L5.4%201.7L3.5%201.7L14.7%2016.2Z%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E"); }
.bcj-ic--youtube { --i: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20transform%3D%22translate%282.5%204.8%29%22%20d%3D%22M0%207.2C0%204.6%200.3%202.9%200.5%202C0.7%201.2%201.4%200.6%202.2%200.5C3.8%200.2%206.5%200%209.5%200C12.5%200%2015.2%200.2%2016.8%200.5C17.6%200.6%2018.3%201.2%2018.5%202C18.7%202.9%2019%204.6%2019%207.2C19%209.8%2018.7%2011.5%2018.5%2012.4C18.3%2013.2%2017.6%2013.8%2016.8%2013.9C15.2%2014.2%2012.5%2014.4%209.5%2014.4C6.5%2014.4%203.8%2014.2%202.2%2013.9C1.4%2013.8%200.7%2013.2%200.5%2012.4C0.3%2011.5%200%209.8%200%207.2%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%2810%209.2%29%22%20d%3D%22M0%200L0%205.6L4.8%202.8L0%200Z%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E"); }