/* ============================================================
   Business Bagel — sidebar theme (newsroom-style shell)
   Monochrome canvas + restrained royal accent. Inter + Archivo.
   ============================================================ */
:root{
  --royal:#2C42E6; --deep:#2436C7; --navy:#191F30;
  --ink:#15171C; --ink-soft:#565C70; --ink-mute:#7A8090;
  --paper:#F4F5F8; --line:#E6E8EF; --line-2:#D8DDEC; --card:#EEF0F7;
  --lime:#C9F23E; --white:#fff;
  --sb:232px; --topbar-h:64px;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --display:"Archivo",var(--sans);
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --radius:12px; --radius-lg:16px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);font-size:16px;line-height:1.5;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;color:var(--ink);margin:0;line-height:1.2}
.bb-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.bb-skip{position:absolute;left:-9999px;top:0;background:var(--royal);color:#fff;padding:10px 16px;border-radius:0 0 8px 0;z-index:200}
.bb-skip:focus{left:0}
:focus-visible{outline:2px solid var(--royal);outline-offset:2px;border-radius:4px}

/* ---------- Shell ---------- */
.bb-shell{display:flex;align-items:flex-start;min-height:100vh}
.bb-col{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}

/* ---------- Sidebar ---------- */
.bb-sidebar{flex:0 0 var(--sb);width:var(--sb);align-self:stretch;position:sticky;top:0;height:100vh;
  background:var(--white);border-right:1px solid var(--line);overflow-y:auto;overflow-x:hidden;
  transition:margin-left .25s ease,transform .25s ease;z-index:60}
.bb-sidebar__inner{display:flex;flex-direction:column;min-height:100%;padding:22px 18px 18px}
.bb-logo{display:block;margin:2px 6px 22px}
.bb-logo__img{width:auto;max-width:158px;max-height:34px}
.bb-logo__mark{width:30px;display:inline-block;color:var(--royal);vertical-align:middle}
.bb-logo__text{font-family:var(--display);font-weight:900;font-size:18px;margin-left:8px;vertical-align:middle}

.bb-nav__list,.bb-beats__list{list-style:none;margin:0;padding:0}
.bb-nav__link,.bb-beat{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:9px;color:var(--ink);font-size:15px;font-weight:500;transition:background .15s,color .15s}
.bb-nav__link svg{width:20px;height:20px;color:var(--ink-mute);flex:0 0 auto;transition:color .15s}
.bb-nav__link:hover,.bb-beat:hover{background:var(--paper)}
.bb-nav__link.is-active{color:var(--royal);background:rgba(44,66,230,.08)}
.bb-nav__link.is-active svg{color:var(--royal)}
.bb-nav__heading{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin:20px 12px 8px}
.bb-beat{font-size:14px;color:var(--ink-soft)}
.bb-beat.is-active{color:var(--ink);font-weight:600}
.bb-dot{width:8px;height:8px;border-radius:50%;background:var(--royal);flex:0 0 auto}
.bb-sidebar__spacer{flex:1 1 auto;min-height:18px}
.bb-social{display:flex;flex-wrap:wrap;gap:6px;margin:6px 6px 14px}
.bb-social__link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;color:var(--ink-mute);transition:color .15s,background .15s}
.bb-social__link svg{width:17px;height:17px}
.bb-social__link:hover{color:var(--royal);background:var(--paper)}
.bb-sidebar__mini{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--ink-mute);padding:0 6px}
.bb-sidebar__mini a:hover{color:var(--royal)}

/* ---------- Top bar ---------- */
.bb-topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  height:var(--topbar-h);padding:0 20px;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line)}
.bb-burger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;background:none;color:var(--ink);border-radius:9px;cursor:pointer}
.bb-burger svg{width:22px;height:22px}
.bb-burger:hover{background:var(--paper)}
.bb-search{display:flex;justify-content:center}
.bb-search__btn{display:flex;align-items:center;gap:9px;width:100%;max-width:560px;height:40px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;background:var(--white);color:var(--ink-mute);font-size:14px;cursor:text;transition:border-color .15s,box-shadow .15s}
.bb-search__btn:hover{border-color:var(--ink-mute)}
.bb-search__btn svg{width:17px;height:17px}
.bb-search__text{flex:1;text-align:left}
.bb-search__kbd{font-family:var(--mono);font-size:12px;border:1px solid var(--line-2);border-radius:6px;padding:1px 7px;color:var(--ink-mute)}
.bb-topbar__actions{display:flex;align-items:center;gap:10px;justify-self:end}
.bb-subscribe{display:inline-flex;align-items:center;height:38px;padding:0 16px;background:var(--royal);color:#fff;border-radius:999px;font-weight:600;font-size:14px;transition:background .15s}
.bb-subscribe:hover{background:var(--deep)}
.bb-account{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--ink);border:1px solid var(--line-2)}
.bb-account svg{width:20px;height:20px}
.bb-account:hover{border-color:var(--ink-mute)}

/* ---------- Backdrop (mobile drawer) ---------- */
.bb-backdrop{display:none;position:fixed;inset:0;background:rgba(21,23,28,.45);z-index:55}

/* ---------- Feed / tabs / grid ---------- */
.bb-feed{max-width:1180px;margin:0 auto;width:100%;padding:18px 28px 70px}
.bb-tabs{margin:4px 0 26px}
.bb-tabs__scroll{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}
.bb-tabs__scroll::-webkit-scrollbar{display:none}
.bb-tab{flex:0 0 auto;padding:8px 15px;border-radius:999px;font-size:15px;font-weight:500;color:var(--ink-soft);white-space:nowrap;transition:background .15s,color .15s}
.bb-tab:hover{background:var(--paper);color:var(--ink)}
.bb-tab.is-active{color:var(--royal);font-weight:600;background:rgba(44,66,230,.09)}
.bb-feed__head{margin:0 0 22px}
.bb-feed__title{font-family:var(--display);font-weight:800;font-size:28px}
.bb-feed__desc{color:var(--ink-soft);margin:8px 0 0;max-width:680px}

.bb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 26px}
.bb-card__link{display:block}
.bb-card__media{position:relative;aspect-ratio:16/10;border-radius:var(--radius);overflow:hidden;background:var(--card)}
.bb-card__img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.bb-card__img--ph{display:flex;align-items:center;justify-content:center;height:100%}
.bb-card__img--ph span{font-family:var(--display);font-weight:800;color:var(--ink-mute);opacity:.5;font-size:15px}
.bb-card__link:hover .bb-card__img{transform:scale(1.04)}
.bb-card__pill{position:absolute;right:10px;bottom:10px;background:rgba(21,23,28,.78);color:#fff;font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px;backdrop-filter:blur(2px)}
.bb-card__lock{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:rgba(21,23,28,.7);color:#fff;border-radius:999px}
.bb-card__lock svg{width:13px;height:13px}
.bb-card__title{font-family:var(--display);font-weight:700;font-size:18px;line-height:1.3;color:var(--ink);margin:13px 0 7px;transition:color .15s;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bb-card__link:hover .bb-card__title{color:var(--royal)}
.bb-card__meta{font-size:13px;color:var(--ink-mute);display:flex;align-items:center;gap:7px}
.bb-card__beat{color:var(--ink-soft)}

/* ---------- Article ---------- */
.bb-article{max-width:780px;margin:0 auto;width:100%;padding:26px 28px 56px}
.bb-article__headrow{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.bb-article__title{font-family:var(--display);font-weight:800;font-size:31px;line-height:1.18;flex:1}
.bb-article__tools{display:flex;gap:8px;flex:0 0 auto}
.bb-pillbtn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid var(--line-2);border-radius:999px;background:var(--white);color:var(--ink);font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}
.bb-pillbtn svg{width:16px;height:16px}
.bb-pillbtn:hover{border-color:var(--royal);color:var(--royal)}
.bb-article__standfirst{font-size:18px;line-height:1.5;color:var(--ink-soft);margin:16px 0 0}
.bb-article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--ink-mute);margin-top:14px}
.bb-article__beat{color:var(--royal);font-weight:500}
.bb-article__members{color:var(--royal);display:inline-flex;align-items:center;gap:4px}
.bb-article__members svg{width:13px;height:13px}
.bb-sep{color:var(--line-2)}
.bb-article__feature{margin:26px 0 8px}
.bb-article__feature img{width:100%;border-radius:var(--radius-lg)}
.bb-article__caption{font-size:13px;color:var(--ink-mute);text-align:center;margin-top:10px}

/* ---------- Long-form body ---------- */
.gh-content{font-size:18px;line-height:1.72;color:var(--ink)}
.gh-content>*{margin:0 0 1.35em}
.gh-content p{margin:0 0 1.35em}
.gh-content h2{font-family:var(--display);font-size:24px;margin:1.7em 0 .5em}
.gh-content h3{font-family:var(--display);font-size:20px;margin:1.5em 0 .5em}
.gh-content a{color:var(--royal);text-decoration:underline;text-underline-offset:2px}
.gh-content a:hover{color:var(--deep)}
.gh-content img,.gh-content iframe,.gh-content video{border-radius:var(--radius)}
.gh-content figure{margin:1.6em 0}
.gh-content figcaption{font-size:13px;color:var(--ink-mute);text-align:center;margin-top:8px}
.gh-content blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid var(--royal);color:var(--ink-soft);font-size:19px}
.gh-content ul,.gh-content ol{padding-left:1.3em}
.gh-content li{margin:.4em 0}
.gh-content hr{border:0;border-top:1px solid var(--line);margin:2.2em 0}
.gh-content code{font-family:var(--mono);font-size:.88em;background:var(--paper);padding:2px 6px;border-radius:6px}
.gh-content pre{background:var(--navy);color:#eef;padding:18px;border-radius:var(--radius);overflow:auto}
.gh-content pre code{background:none;padding:0;color:inherit}
.kg-width-wide{margin-left:-40px;margin-right:-40px}
.kg-width-full{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw}

.bb-article__tags{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 0}
.bb-article__tags a{font-size:13px;color:var(--ink-soft);background:var(--paper);padding:6px 12px;border-radius:999px}
.bb-article__tags a:hover{color:var(--royal)}
.bb-article__comments{margin-top:40px;border-top:1px solid var(--line);padding-top:24px}

/* ---------- Gate ---------- */
.bb-gate{margin:34px 0 0;padding:30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);text-align:center}
.bb-gate__label{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--royal)}
.bb-gate__label svg{width:13px;height:13px}
.bb-gate__title{font-family:var(--display);font-size:24px;margin:10px 0 6px}
.bb-gate__sub{color:var(--ink-soft);margin:0 auto 18px;max-width:440px}
.bb-gate__btn{display:inline-block;background:var(--royal);color:#fff;font-weight:600;padding:11px 26px;border-radius:999px}
.bb-gate__btn:hover{background:var(--deep)}
.bb-gate__alt{display:block;margin-top:12px;font-size:14px;color:var(--ink-mute)}
.bb-gate__alt:hover{color:var(--royal)}

/* ---------- Related ---------- */
.bb-related{max-width:1180px;margin:0 auto;width:100%;padding:8px 28px 30px}
.bb-related__title{font-family:var(--display);font-weight:800;font-size:22px;margin:0 0 22px}

/* ---------- Pages ---------- */
.bb-page{max-width:780px;margin:0 auto;width:100%;padding:30px 28px 56px}
.bb-page__title{font-family:var(--display);font-weight:800;font-size:32px;line-height:1.15}
.bb-page__excerpt{font-size:18px;color:var(--ink-soft);margin:14px 0 0}

/* ---------- Newsletter ---------- */
.bb-newsletter{max-width:1180px;margin:10px auto 0;width:100%;padding:0 28px 60px}
.bb-newsletter__inner{background:var(--royal);color:#fff;border-radius:var(--radius-lg);padding:42px 38px;text-align:center}
.bb-newsletter__eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
.bb-newsletter__title{font-family:var(--display);font-size:26px;color:#fff;margin:10px 0 8px}
.bb-newsletter__sub{color:rgba(255,255,255,.85);margin:0 auto 22px;max-width:520px}
.bb-newsletter__note{font-size:12px;color:rgba(255,255,255,.62);margin:14px 0 0}
.bb-mform{display:flex;gap:8px;max-width:480px;margin:0 auto;flex-wrap:wrap}
.bb-mform__input{flex:1;min-width:200px;height:46px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font-size:15px}
.bb-mform__input::placeholder{color:rgba(255,255,255,.62)}
.bb-mform__btn{height:46px;padding:0 24px;border:0;border-radius:999px;background:var(--white);color:var(--royal);font-weight:600;font-size:15px;cursor:pointer;transition:background .15s}
.bb-mform__btn:hover{background:var(--paper)}
.bb-mform__btn-loading,.bb-mform__btn-sent{display:none}
.bb-mform__error{color:#ff9a9a;font-size:13px;width:100%;margin:6px 0 0}

/* ---------- Pagination ---------- */
.bb-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:46px 0 0;font-size:14px;color:var(--ink-mute)}
.bb-pagination__link{padding:8px 16px;border:1px solid var(--line-2);border-radius:999px;color:var(--ink);font-weight:500}
.bb-pagination__link:hover{border-color:var(--royal);color:var(--royal)}

/* ---------- Footer ---------- */
.bb-footer{margin-top:auto;border-top:1px solid var(--line);background:var(--white)}
.bb-footer__inner{max-width:1180px;margin:0 auto;padding:26px 28px 34px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}
.bb-footer__motto{font-family:var(--display);font-weight:700;font-size:16px;color:var(--ink);margin:0}
.bb-footer__nav{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;color:var(--ink-soft)}
.bb-footer__nav a:hover{color:var(--royal)}
.bb-footer__base{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;font-size:13px;color:var(--ink-mute)}
.bb-footer__base a{color:var(--ink-soft)}
.bb-footer__base a:hover{color:var(--royal)}

/* ---------- Error ---------- */
.bb-error{max-width:560px;margin:0 auto;padding:80px 28px;text-align:center}

/* ============================================================
   Responsive
   ============================================================ */
/* Desktop: hamburger collapses the sidebar */
@media (min-width:901px){
  .bb-shell.is-sidebar-open .bb-sidebar{margin-left:calc(-1 * var(--sb))}
}
/* Mobile/tablet: sidebar becomes an off-canvas drawer */
@media (max-width:1024px){
  .bb-grid{grid-template-columns:repeat(2,1fr);gap:26px 20px}
}
@media (max-width:900px){
  .bb-sidebar{position:fixed;top:0;left:0;height:100dvh;transform:translateX(-100%);box-shadow:0 0 0 100vmax transparent}
  .bb-shell.is-sidebar-open .bb-sidebar{transform:translateX(0);box-shadow:2px 0 24px rgba(21,23,28,.18)}
  .bb-shell.is-sidebar-open .bb-backdrop{display:block}
  .bb-feed,.bb-article,.bb-related,.bb-newsletter,.bb-page,.bb-footer__inner{padding-left:18px;padding-right:18px}
  .bb-article__title{font-size:26px}
  .bb-article__headrow{flex-direction:column}
  .bb-article__tools{order:-1}
  .gh-content{font-size:17px}
}
@media (max-width:620px){
  .bb-grid{grid-template-columns:1fr;gap:30px}
  .bb-search__text{display:none}
  .bb-subscribe{display:none}
  .bb-card__title{font-size:17px}
}
.bb-error__code{font-family:var(--mono);font-size:14px;letter-spacing:.1em;color:var(--royal);margin-bottom:10px}

/* ---------- Active states (driven by Ghost body classes) ---------- */
body.home-template .bb-nav__link--home{color:var(--royal);background:rgba(44,66,230,.08)}
body.home-template .bb-nav__link--home svg{color:var(--royal)}
body.tag-markets .bb-beat--markets,
body.tag-companies .bb-beat--companies,
body.tag-economy .bb-beat--economy,
body.tag-policy .bb-beat--policy,
body.tag-opinion .bb-beat--opinion{color:var(--ink);font-weight:600;background:var(--paper)}
body.home-template .bb-tab--all,
body.tag-markets .bb-tab--markets,
body.tag-companies .bb-tab--companies,
body.tag-economy .bb-tab--economy,
body.tag-policy .bb-tab--policy,
body.tag-opinion .bb-tab--opinion{color:var(--royal);font-weight:600;background:rgba(44,66,230,.09)}

/* ---------- Metadata in brand mono (folded in from retired Code Injection) ---------- */
.bb-card__meta,.bb-article__meta{font-family:var(--mono);text-transform:uppercase;letter-spacing:.03em;font-size:12px}
.bb-card__meta{font-size:12px;gap:6px}
.bb-article__meta{font-size:12.5px;gap:7px}

/* ---------- JSE / SA markets ticker strip (TradingView) ---------- */
.bb-ticker{background:var(--navy);border-bottom:1px solid var(--royal)}
.bb-ticker .tradingview-widget-container{min-height:46px}
.bb-ticker .tradingview-widget-copyright{font-size:11px;padding:2px 10px}

/* ---------- Importance flags (internal tags: #breaking / #big / #pick) ---------- */
.bb-flag{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:.04em;line-height:1;padding:5px 9px;border-radius:999px}
.bb-flag svg{width:12px;height:12px}
.bb-flag--ontop{position:absolute;right:10px;top:10px;z-index:2;box-shadow:0 2px 8px rgba(21,23,28,.18)}
/* Beat badge (primary tag) on every card thumbnail */
.bb-beatbadge{display:inline-flex;align-items:center;font-family:var(--mono);text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:.06em;line-height:1;padding:5px 9px;border-radius:999px;background:var(--navy);color:#fff}
.bb-beatbadge--ontop{position:absolute;left:10px;top:10px;z-index:2;box-shadow:0 2px 8px rgba(21,23,28,.18)}
.bb-beatbadge--markets{background:#2C42E6;color:#fff}
.bb-beatbadge--companies{background:#0E7C66;color:#fff}
.bb-beatbadge--economy{background:#B45309;color:#fff}
.bb-beatbadge--policy{background:#6D28D9;color:#fff}
.bb-beatbadge--opinion{background:#475569;color:#fff}
.bb-flag--breaking{background:#E2453F;color:#fff}
.bb-flag--breaking .bb-flag__dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:bb-pulse 1.4s ease-in-out infinite}
.bb-flag--big{background:var(--lime);color:var(--ink)}
.bb-flag--pick{background:var(--royal);color:#fff}
@keyframes bb-pulse{0%,100%{opacity:1}50%{opacity:.2}}
@media (prefers-reduced-motion:reduce){.bb-flag--breaking .bb-flag__dot{animation:none}}
/* article inline badge sits above the headline */
.bb-article__head > .bb-flag{margin-bottom:12px}
/* members lock moves to top-right so it never collides with the flag */
.bb-card__lock{left:auto;right:10px}

/* ---------- "How we reported this" transparency panel ---------- */
.bb-trust{max-width:780px;margin:36px auto 0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 22px 16px}
.bb-trust__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.bb-trust__eyebrow{font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--royal);display:inline-flex;align-items:center;gap:7px}
.bb-trust__eyebrow svg{width:14px;height:14px}
.bb-trust__chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:5px 11px;border-radius:999px}
.bb-trust__chip svg{width:13px;height:13px}
.bb-trust__chip--ok{background:#E1F5EE;color:#0F6E56}
.bb-trust__chip--draft{background:#FAEEDA;color:#854F0B}
.bb-trust__trail{display:flex;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:8px 0}
.bb-step{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-mute);white-space:nowrap}
.bb-step.is-on{color:var(--ink)}
.bb-step i{width:10px;height:10px;border-radius:50%;background:var(--line-2);display:inline-block;flex:0 0 auto}
.bb-step.is-on i{background:var(--royal)}
.bb-trust__line{flex:1;height:2px;background:var(--line-2);margin:0 10px;min-width:16px}
.bb-trust__line.is-on{background:var(--royal)}
.bb-trust__label{font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:9px}
.bb-trust__list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.bb-trust__list li{display:flex;align-items:center;gap:8px;font-size:14px}
.bb-trust__list svg{width:13px;height:13px;color:var(--royal);flex:0 0 auto}
.bb-trust__list a{color:var(--royal);font-weight:500;text-decoration:none}
.bb-trust__list a:hover{text-decoration:underline}
.bb-trust__disclosure{font-size:14px;color:var(--ink-soft);line-height:1.55;margin:0 0 14px}
.bb-trust__foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-mute);border-top:1px solid var(--line);padding-top:13px}
.bb-trust__foot a{color:var(--royal)}

/* ---------- Transparency panel: corrections call-to-action ---------- */
.bb-trust__correct{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin-bottom:14px}
.bb-trust__correct-text{font-size:14px;color:var(--ink);line-height:1.45}
.bb-trust__correct-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:var(--royal);color:#fff;font-weight:500;font-size:13.5px;padding:9px 16px;border-radius:999px;text-decoration:none}
.bb-trust__correct-btn svg{width:14px;height:14px}
.bb-trust__correct-btn:hover{background:var(--deep)}

/* ---------- Minimal corrections link (override the old boxed CTA) ---------- */
.bb-trust__correct{display:inline;background:none;border:0;border-radius:0;padding:0;margin:0}

/* ============================================================
   Work with us — landing page
   ============================================================ */
.bb-wwu{max-width:1080px;margin:0 auto;width:100%;padding:8px 28px 64px}
.bb-wwu__eyebrow{font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--royal);margin-bottom:12px}
.bb-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.bb-btn--primary{background:var(--royal);color:#fff}
.bb-btn--primary:hover{background:var(--deep)}
.bb-btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--line-2)}
.bb-btn--ghost:hover{border-color:var(--royal);color:var(--royal)}
.bb-btn--lime{background:var(--lime);color:var(--ink)}
.bb-btn--lime:hover{background:#b9e22f}

.bb-wwu__hero{padding:26px 0 14px;max-width:760px}
.bb-wwu__title{font-family:var(--display);font-weight:800;font-size:40px;line-height:1.12;letter-spacing:-.01em;margin:0}
.bb-wwu__lead{font-size:18px;line-height:1.55;color:var(--ink-soft);margin:18px 0 0}
.bb-wwu__cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

.bb-wwu__stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;background:var(--royal);border-radius:var(--radius-lg);padding:30px 26px;margin:34px 0}
.bb-stat{display:flex;flex-direction:column;gap:4px;text-align:center}
.bb-stat__num{font-family:var(--display);font-weight:800;font-size:32px;line-height:1;color:var(--lime)}
.bb-stat__lbl{font-size:12.5px;color:rgba(255,255,255,.85);line-height:1.3}

.bb-wwu__block{margin:48px 0}
.bb-wwu__h2{font-family:var(--display);font-weight:800;font-size:26px;line-height:1.2;margin:0 0 22px;max-width:620px}
.bb-wwu__chips{display:flex;flex-wrap:wrap;gap:10px}
.bb-wwu__chips span{display:inline-flex;align-items:center;height:38px;padding:0 16px;background:var(--paper);border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:500;color:var(--ink)}
.bb-wwu__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bb-wwu__card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px}
.bb-wwu__card h3{font-family:var(--display);font-weight:700;font-size:17px;margin:0 0 8px;color:var(--ink)}
.bb-wwu__card p{font-size:14.5px;line-height:1.55;color:var(--ink-soft);margin:0}

.bb-wwu__readers{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px 30px;margin:48px 0;max-width:none}
.bb-wwu__readers .bb-wwu__lead{max-width:560px}

.bb-wwu__final{background:var(--royal);border-radius:var(--radius-lg);padding:46px 34px;text-align:center;margin:48px 0 0}
.bb-wwu__final-title{font-family:var(--display);font-weight:800;font-size:28px;color:#fff;margin:0}
.bb-wwu__final-sub{font-size:16px;color:rgba(255,255,255,.85);line-height:1.55;max-width:520px;margin:12px auto 24px}

@media (max-width:900px){
  .bb-wwu{padding-left:18px;padding-right:18px}
  .bb-wwu__title{font-size:32px}
  .bb-wwu__stats{grid-template-columns:repeat(2,1fr);gap:18px}
  .bb-wwu__cards{grid-template-columns:1fr}
}
@media (max-width:560px){
  .bb-wwu__stats{grid-template-columns:1fr}
}

/* Work-with-us platform chips as links */
.bb-wwu__chips a{display:inline-flex;align-items:center;height:38px;padding:0 16px;background:var(--paper);border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:500;color:var(--ink);text-decoration:none;transition:border-color .15s,color .15s,background .15s}
.bb-wwu__chips a:hover{border-color:var(--royal);color:var(--royal);background:#fff}

/* ---------- Mobile-only centred logo bar (under ticker, above search/burger) ---------- */
.bb-mbrand{display:none}
@media (max-width:900px){
  .bb-mbrand{display:flex;align-items:center;justify-content:center;padding:14px 16px 4px;background:var(--white)}
  .bb-mbrand__img{width:auto;max-height:30px;max-width:180px}
  .bb-mbrand__text{font-family:var(--display);font-weight:900;font-size:19px;color:var(--ink)}
}

/* ---------- Article header refinements (kicker + meta/share row) ---------- */
.bb-article__kickrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.bb-article__kicker{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--royal);text-decoration:none}
.bb-article__kicker .bb-dot{background:var(--royal)}
.bb-article__kicker:hover{color:var(--deep)}
.bb-article__metarow{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px}
.bb-article__metarow .bb-article__meta{margin-top:0}
@media (max-width:560px){.bb-article__metarow{align-items:flex-start}.bb-article__metarow .bb-article__tools{order:-1}}

/* ---------- Reading-progress bar ---------- */
.bb-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:130;pointer-events:none;background:transparent}
.bb-progress span{display:block;height:100%;width:0;background:var(--royal)}

/* ---------- Lede drop-cap ---------- */
.bb-article__body > p:first-of-type::first-letter{float:left;font-family:var(--display);font-weight:800;font-size:3.2em;line-height:.84;margin:.02em .1em 0 0;color:var(--ink)}

/* ---------- Feature-image caption (left-aligned, refined) ---------- */
.bb-article__caption,.gh-content figcaption{text-align:left;font-size:13px;color:var(--ink-mute);line-height:1.45;margin-top:10px;padding-left:12px;border-left:2px solid var(--line-2)}

/* ---------- Ticker empty-state ---------- */
.bb-ticker{min-height:46px;position:relative}
.bb-ticker__ph{position:absolute;left:18px;top:0;bottom:0;display:flex;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45);z-index:0;pointer-events:none}
.bb-ticker .tradingview-widget-container{position:relative;z-index:1}

/* ---------- Logo sizing nudge ---------- */
.bb-logo__img{max-width:172px;max-height:32px}
.bb-mbrand__img{max-height:34px;max-width:188px}

/* ============================================================
   Link-in-bio hub (/links/) — standalone, mobile-first
   ============================================================ */
.bb-hub-body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;align-items:flex-start;justify-content:center}
.bb-hub{width:100%;max-width:440px;padding:52px 22px 44px;text-align:center}
.bb-hub__logo{display:inline-block;margin:0 auto}
.bb-hub__logo img{height:40px;width:auto;display:block;margin:0 auto}
.bb-hub__wordmark{font-family:var(--display);font-weight:900;font-size:24px;color:var(--ink)}
.bb-hub__tagline{font-family:var(--display);font-weight:700;font-size:15px;color:var(--ink);margin:20px 0 0}
.bb-hub__bio{font-size:15px;line-height:1.55;color:var(--ink-soft);margin:12px auto 30px;max-width:380px}
.bb-hub__links{display:grid;gap:12px}
.bb-hub__btn{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 18px;border-radius:14px;background:var(--white);border:1px solid var(--line-2);color:var(--ink);font-weight:600;font-size:16px;text-decoration:none;transition:border-color .15s,color .15s,background .15s,transform .05s}
.bb-hub__btn svg{width:20px;height:20px;flex:0 0 auto}
.bb-hub__btn:hover{border-color:var(--royal);color:var(--royal)}
.bb-hub__btn:active{transform:scale(.99)}
.bb-hub__btn--primary{background:var(--royal);color:#fff;border-color:var(--royal)}
.bb-hub__btn--primary:hover{background:var(--deep);color:#fff;border-color:var(--deep)}
.bb-hub__social{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:30px 0 0}
.bb-hub__social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--white);border:1px solid var(--line);color:var(--ink-soft);transition:color .15s,border-color .15s}
.bb-hub__social a:hover{color:var(--royal);border-color:var(--royal)}
.bb-hub__social svg{width:19px;height:19px}
.bb-hub__foot{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-mute);margin:32px 0 0}

/* ---------- Sponsor / partner ticker (above footer) ---------- */
.bb-sponsors{display:flex;align-items:stretch;border-top:1px solid var(--line);background:var(--white);overflow:hidden}
.bb-sponsors__label{flex:0 0 auto;display:flex;align-items:center;height:48px;padding:0 16px;font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--royal);border-right:1px solid var(--line);background:var(--white);z-index:2}
.bb-sponsors__viewport{flex:1;min-width:0;overflow:hidden;position:relative}
.bb-sponsors__track{display:flex;align-items:center;height:48px;width:max-content;animation:bb-marquee 38s linear infinite}
.bb-sponsors__set{display:inline-flex;align-items:center}
@media (hover:hover){.bb-sponsors:hover .bb-sponsors__track{animation-play-state:paused}}
.bb-sponsors__item{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 28px;color:var(--ink-soft);font-weight:600;font-size:14px;white-space:nowrap;text-decoration:none;border-right:1px solid var(--line)}
.bb-sponsors__item:hover{color:var(--royal)}
.bb-sponsors__item img{max-height:22px;width:auto;filter:grayscale(1);opacity:.85;transition:filter .15s,opacity .15s}
.bb-sponsors__item:hover img{filter:none;opacity:1}
@keyframes bb-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media (max-width:560px){.bb-sponsors__label{font-size:10px;padding:0 12px}.bb-sponsors__item{padding:0 20px;font-size:13px}}

/* Bottom hairline on the header partner strip only (footer strip already has the footer line below it) */
.bb-topbar + .bb-sponsors{border-bottom:1px solid var(--line)}