:root{--rbb-navy:#0A1A2F;--rbb-midnight:#12233F;--rbb-gold:#CF9F55;--rbb-warm:#C8A55A;--rbb-champ:#E6DCC1;--rbb-stone:#F5F2EC;--rbb-white:#fff;--rbb-ink:#1a1a1a;--rbb-serif:'Cormorant Garamond',Georgia,serif;--rbb-sans:'Barlow',system-ui,sans-serif}
.single-post .rbb-reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(207,159,85,.16);z-index:999999;pointer-events:none}.single-post .rbb-reading-progress span{display:block;width:0;height:100%;background:var(--rbb-gold);transform-origin:left center;transition:width .08s linear}.admin-bar.single-post .rbb-reading-progress{top:32px}
.rbb-article-page{overflow-x:clip;overflow-y:visible;background:#fff;color:var(--rbb-ink);font-family:var(--rbb-sans);font-weight:300}.rbb-article-wrap{width:min(1240px,calc(100% - 48px));margin:0 auto}.rbb-article-hero{position:relative;background:var(--rbb-navy);color:#fff;padding:154px 0 0;isolation:isolate}.rbb-article-hero:after{content:"";position:absolute;top:62px;right:7vw;width:360px;height:260px;opacity:.12;z-index:-1;background:linear-gradient(60deg,transparent 49.4%,var(--rbb-gold) 50%,transparent 50.6%),linear-gradient(-60deg,transparent 49.4%,var(--rbb-gold) 50%,transparent 50.6%);background-size:84px 144px}.rbb-article-hero-copy{max-width:760px;padding-bottom:58px}.rbb-article-kicker{font:500 11px/1.4 var(--rbb-sans);letter-spacing:3.5px;text-transform:uppercase;color:var(--rbb-warm);margin-bottom:20px}.rbb-article-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:20px;color:#9fb0c4;font:500 10.5px/1.3 var(--rbb-sans);letter-spacing:1.5px;text-transform:uppercase}.rbb-article-chip{background:var(--rbb-gold);color:var(--rbb-navy);padding:7px 14px;border-radius:2px;font-weight:600}.rbb-article-hero h1{max-width:790px;margin:0 0 20px;color:#fff;font:600 clamp(40px,5vw,68px)/1.02 var(--rbb-serif);letter-spacing:.25px}.rbb-article-dek{max-width:710px;margin:0;color:var(--rbb-champ);font:300 17px/1.7 var(--rbb-sans)}.rbb-article-featured{position:relative;max-width:1080px}.rbb-article-featured img{display:block;width:100%;height:auto;max-height:600px;object-fit:cover}.rbb-article-featured--empty{height:380px;background:linear-gradient(135deg,#132a48,#0a1a2f)}
.rbb-article-body{padding:86px 0 100px;background:#fff}.rbb-article-shell{display:grid;grid-template-columns:250px minmax(0,780px);gap:66px;justify-content:center;align-items:start}.rbb-article-toc{position:sticky;top:145px;align-self:start}.rbb-article-toc-title{font:500 11px/1.4 var(--rbb-sans);letter-spacing:3.2px;text-transform:uppercase;color:#9a9a9a;margin:0 0 26px}.rbb-article-toc ol{position:relative;list-style:none;margin:0;padding:0}.rbb-article-toc ol:before{content:"";position:absolute;top:8px;bottom:8px;left:6px;width:1px;background:#d9dde1}.rbb-article-toc li{position:relative;margin:0;padding:0}.rbb-article-toc a{position:relative;display:block;padding:8px 0 8px 30px;color:#a2a2a2;text-decoration:none;font:300 14px/1.35 var(--rbb-sans);transition:.25s}.rbb-article-toc a:before{content:"";position:absolute;left:1px;top:14px;width:9px;height:9px;border-radius:50%;background:#fff;border:1px solid #c8cfd5;box-sizing:border-box;transition:.25s}.rbb-article-toc a:hover{color:var(--rbb-navy)}.rbb-article-toc a.is-active{color:var(--rbb-navy);font-weight:500}.rbb-article-toc a.is-active:before{width:12px;height:12px;left:-1px;top:13px;background:var(--rbb-gold);border-color:var(--rbb-gold);box-shadow:0 0 0 5px rgba(207,159,85,.16)}
.rbb-article-content{min-width:0;color:#565b62;font:300 17px/1.78 var(--rbb-sans)}.rbb-article-content>p:first-child{font-size:18px;color:#555b62}.rbb-article-content p{margin:0 0 22px}.rbb-article-content h2,.rbb-article-content h3,.rbb-article-content h4{color:var(--rbb-navy);font-family:var(--rbb-serif);font-weight:600}.rbb-article-content h2{position:relative;font-size:clamp(29px,3vw,39px);line-height:1.12;margin:70px 0 30px;padding-top:26px;scroll-margin-top:155px}.rbb-article-content h2:before{content:"";position:absolute;left:0;top:0;width:48px;height:2px;background:var(--rbb-gold)}.rbb-article-content h2:first-child{margin-top:0}.rbb-article-content h3{font-size:25px;line-height:1.24;margin:38px 0 18px}.rbb-article-content h4{font-size:20px;line-height:1.3;margin:30px 0 14px}.rbb-article-content strong{font-weight:500;color:#3e4349}.rbb-article-content a{color:#9a6a26;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.rbb-article-content ul,.rbb-article-content ol{margin:10px 0 28px;padding-left:24px}.rbb-article-content li{margin:8px 0;padding-left:4px}.rbb-article-content li::marker{color:var(--rbb-gold)}.rbb-article-content blockquote{margin:34px 0;padding:24px 28px;background:var(--rbb-stone);border-left:3px solid var(--rbb-gold);color:#62666b;font-family:var(--rbb-serif);font-size:20px;line-height:1.55}.rbb-article-content blockquote p:last-child{margin-bottom:0}.rbb-article-content img{display:block;width:auto;max-width:100%;height:auto;margin:34px auto 12px}.rbb-article-content figure{margin:38px 0}.rbb-article-content figure img{margin:0}.rbb-article-content figcaption{font:300 12px/1.5 var(--rbb-sans);color:#929292;margin-top:9px}.rbb-article-content hr{border:0;border-top:1px solid #e5e5e5;margin:50px 0}.rbb-article-content table{width:100%;border-collapse:collapse;margin:30px 0;font-size:15px}.rbb-article-content th,.rbb-article-content td{padding:13px 15px;border:1px solid #e2e2e2;text-align:left}.rbb-article-content th{color:var(--rbb-navy);font-weight:500;background:var(--rbb-stone)}
.rbb-article-after{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #e6e6e6;margin-top:58px;padding-top:24px}.rbb-article-after-label{font:500 10px/1.3 var(--rbb-sans);letter-spacing:2px;text-transform:uppercase;color:#aaa}.rbb-article-share{display:flex;align-items:center;gap:12px}.rbb-article-share a{font:500 11px/1 var(--rbb-sans);letter-spacing:1px;text-transform:uppercase;color:var(--rbb-navy);text-decoration:none}.rbb-article-share a:hover{color:var(--rbb-gold)}
.rbb-related{padding:82px 0;background:var(--rbb-stone);background-image:linear-gradient(30deg,rgba(207,159,85,.03) 12%,transparent 12.5%,transparent 87%,rgba(207,159,85,.03) 87.5%),linear-gradient(150deg,rgba(207,159,85,.03) 12%,transparent 12.5%,transparent 87%,rgba(207,159,85,.03) 87.5%);background-size:80px 140px}.rbb-related .rbb-article-kicker{margin-bottom:13px}.rbb-related h2{font:600 clamp(30px,3.5vw,42px)/1.12 var(--rbb-serif);color:var(--rbb-navy);margin:0 0 40px}.rbb-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.rbb-related-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(10,26,47,.08);text-decoration:none;transition:.35s;min-width:0}.rbb-related-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(10,26,47,.12)}.rbb-related-img{height:185px;overflow:hidden;background:#e8e5df}.rbb-related-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s}.rbb-related-card:hover img{transform:scale(1.05)}.rbb-related-copy{padding:22px 22px 25px;display:flex;flex-direction:column;flex:1}.rbb-related-meta{font:500 9.5px/1.4 var(--rbb-sans);letter-spacing:1.4px;text-transform:uppercase;color:var(--rbb-warm);margin-bottom:10px}.rbb-related-card h3{font:600 21px/1.18 var(--rbb-serif);color:var(--rbb-navy);margin:0 0 12px}.rbb-related-card p{font:300 14px/1.6 var(--rbb-sans);color:#6b6b6b;margin:0 0 16px;flex:1}.rbb-related-link{font:600 10.5px var(--rbb-sans);letter-spacing:1.7px;text-transform:uppercase;color:var(--rbb-gold)}
.rbb-article-cta{padding:90px 0;text-align:center;color:#fff;background-color:var(--rbb-navy);background-image:repeating-linear-gradient(28deg,transparent 0,transparent 28px,rgba(207,159,85,.07) 29px,transparent 30px)}.rbb-article-cta h2{max-width:650px;margin:0 auto 18px;color:#fff;font:600 clamp(31px,4vw,48px)/1.12 var(--rbb-serif)}.rbb-article-cta p{max-width:620px;margin:0 auto 32px;color:var(--rbb-champ);font:300 16px/1.7 var(--rbb-sans)}.rbb-article-cta .rbb-btn{display:inline-block;background:var(--rbb-gold);border:1px solid var(--rbb-gold);color:var(--rbb-navy);padding:17px 34px;text-decoration:none;border-radius:0;font:500 12px var(--rbb-sans);letter-spacing:1.9px;text-transform:uppercase;transition:.3s}.rbb-article-cta .rbb-btn:hover{background:var(--rbb-warm);border-color:var(--rbb-warm)}
@media(max-width:1000px){.rbb-article-shell{grid-template-columns:210px minmax(0,700px);gap:42px}.rbb-article-toc a{font-size:13px}.rbb-article-hero h1{max-width:720px}}
@media(max-width:900px){.rbb-article-hero{padding-top:132px}.rbb-article-hero:after{width:250px;height:180px;right:-40px;top:72px}.rbb-article-shell{display:block}.rbb-article-toc{display:none}.rbb-article-body{padding:62px 0 76px}.rbb-article-content{max-width:760px;margin:0 auto}.rbb-related{padding:64px 0}.rbb-related-grid{grid-template-columns:1fr;gap:20px}.rbb-related-card{display:grid;grid-template-columns:190px 1fr}.rbb-related-img{height:100%;min-height:160px}.rbb-article-cta{padding:72px 0}}
@media(max-width:600px){.admin-bar.single-post .rbb-reading-progress{top:46px}.rbb-article-wrap{width:calc(100% - 40px)}.rbb-article-hero{padding-top:112px}.rbb-article-hero-copy{padding-bottom:34px}.rbb-article-kicker{font-size:9.5px;letter-spacing:2.7px;margin-bottom:14px}.rbb-article-meta{gap:8px 10px;margin-bottom:14px;font-size:8.5px;letter-spacing:1.1px}.rbb-article-chip{padding:6px 10px}.rbb-article-hero h1{font-size:38px;line-height:1.02;margin-bottom:16px}.rbb-article-dek{font-size:14.5px;line-height:1.6}.rbb-article-featured{width:100%;max-width:none}.rbb-article-featured img{max-height:none}.rbb-article-body{padding:48px 0 60px}.rbb-article-content{font-size:15.5px;line-height:1.72}.rbb-article-content>p:first-child{font-size:16px}.rbb-article-content h2{font-size:29px;margin:54px 0 24px;padding-top:20px;scroll-margin-top:115px}.rbb-article-content h3{font-size:22px;margin-top:30px}.rbb-article-content blockquote{padding:20px 20px;font-size:18px}.rbb-article-after{align-items:flex-start;flex-direction:column}.rbb-related h2{font-size:29px;margin-bottom:28px}.rbb-related-grid{gap:18px}.rbb-related-card{display:block}.rbb-related-img{height:180px;min-height:0}.rbb-related-copy{padding:20px}.rbb-related-card h3{font-size:20px}.rbb-article-cta h2{font-size:32px}.rbb-article-cta p{font-size:15px}}

/* 0.2.2 — keep the desktop contents rail pinned while reading.
   overflow:hidden on an ancestor prevents CSS sticky in modern browsers. */
.rbb-article-page{overflow-x:clip!important;overflow-y:visible!important}
.rbb-article-body,.rbb-article-wrap,.rbb-article-shell{overflow:visible!important}
.rbb-article-shell{position:relative}
.rbb-article-toc{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:var(--rbb-toc-top,132px)!important;
  align-self:start!important;
  height:max-content;
  max-height:calc(100vh - var(--rbb-toc-top,132px) - 28px);
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:none;
  z-index:8;
}
.rbb-article-toc::-webkit-scrollbar{display:none}
.rbb-article-toc a{overflow-wrap:anywhere}
@media(max-width:900px){.rbb-article-toc{display:none!important}}
\n\n/* 0.2.3 — remove horizontal overflow / side canvas on single Journal posts. */
body.rbb-journal-article{
 width:100%!important;
 max-width:100%!important;
 margin-left:0!important;
 margin-right:0!important;
 overflow-x:clip!important;
}
body.rbb-journal-article #page-container,
body.rbb-journal-article #et-main-area,
body.rbb-journal-article #main-content,
body.rbb-journal-article main.rbb-article-page{
 width:100%!important;
 max-width:none!important;
 min-width:0!important;
 margin-left:0!important;
 margin-right:0!important;
 padding-left:0!important;
 padding-right:0!important;
 box-sizing:border-box!important;
 overflow-x:clip!important;
}
body.rbb-journal-article .rbb-article-hero,
body.rbb-journal-article .rbb-article-body,
body.rbb-journal-article .rbb-related,
body.rbb-journal-article .rbb-article-cta{
 width:100%!important;
 max-width:none!important;
 margin-left:0!important;
 margin-right:0!important;
 box-sizing:border-box!important;
}
body.rbb-journal-article .rbb-article-wrap{
 width:min(1240px,calc(100% - 48px))!important;
 max-width:1240px!important;
 margin-left:auto!important;
 margin-right:auto!important;
 box-sizing:border-box!important;
}
@media(max-width:600px){body.rbb-journal-article .rbb-article-wrap{width:calc(100% - 40px)!important;max-width:none!important}}

/* 0.3.1 — wider article canvas + guaranteed desktop TOC pinning. */
@media(min-width:901px){
  body.rbb-journal-article .rbb-article-wrap{
    width:calc(100% - 64px)!important;
    max-width:1400px!important;
  }
  body.rbb-journal-article .rbb-article-body .rbb-article-wrap{
    max-width:1280px!important;
  }
  body.rbb-journal-article .rbb-article-shell{
    grid-template-columns:250px minmax(0,860px)!important;
    gap:72px!important;
    justify-content:center!important;
    position:relative!important;
  }
  body.rbb-journal-article .rbb-article-toc.rbb-toc-fixed{
    position:fixed!important;
    z-index:9998!important;
    margin:0!important;
  }
  body.rbb-journal-article .rbb-article-toc.rbb-toc-bottom{
    position:absolute!important;
    z-index:8!important;
    margin:0!important;
  }
}


/* 0.3.2 — preserve the article column while the TOC is fixed and keep
   the native Divi header dropdowns above the single-post canvas. */
@media(min-width:901px){
  body.rbb-journal-article .rbb-article-toc{
    grid-column:1!important;
    grid-row:1!important;
  }
  body.rbb-journal-article .rbb-article-content{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
  }
}

/* Single articles inherit the global native Divi 5 header. Some Divi/theme
   wrappers can clip the desktop submenu on this custom single template, so
   explicitly keep the header/menu overflow visible and raise the submenu. */
body.rbb-journal-article .rbh-header-section,
body.rbb-journal-article .rbh-header-row,
body.rbb-journal-article .rbh-menu,
body.rbb-journal-article .rbh-menu .et_pb_menu_inner_container,
body.rbb-journal-article .rbh-menu .et_pb_menu__wrap,
body.rbb-journal-article .rbh-menu .et_pb_menu__menu,
body.rbb-journal-article .rbh-menu .et-menu{
  overflow:visible!important;
}
body.rbb-journal-article .rbh-header-section{z-index:999999!important}
body.rbb-journal-article .rbh-menu .et-menu>li.menu-item-has-children{position:relative!important;overflow:visible!important}
body.rbb-journal-article .rbh-menu .sub-menu{
  z-index:1000000!important;
  overflow:visible!important;
}
body.rbb-journal-article .rbh-menu .et-menu>li.menu-item-has-children:hover>.sub-menu,
body.rbb-journal-article .rbh-menu .et-menu>li.menu-item-has-children:focus-within>.sub-menu{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}


/* 0.3.3 — match the original Journal article geometry and keep every
   scrolling element anchored in place. The Netlify reference uses a centred
   ~1130px article rail: left aligned within that rail, not against the
   viewport. */
@media(min-width:901px){
  body.rbb-journal-article .rbb-article-wrap,
  body.rbb-journal-article .rbb-article-body .rbb-article-wrap{
    width:calc(100% - 64px)!important;
    max-width:1132px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.rbb-journal-article .rbb-article-hero-copy{
    width:calc(100% - 64px)!important;
    max-width:1132px!important;
  }

  body.rbb-journal-article .rbb-article-hero h1{
    max-width:560px!important;
  }

  body.rbb-journal-article .rbb-article-dek{
    max-width:720px!important;
  }

  body.rbb-journal-article .rbb-article-featured{
    max-width:1132px!important;
  }

  body.rbb-journal-article .rbb-article-shell{
    grid-template-columns:250px minmax(0,780px)!important;
    column-gap:66px!important;
    justify-content:center!important;
    align-items:start!important;
    position:relative!important;
  }

  /* Native sticky only. Never convert the TOC to viewport-fixed positioning;
     that conversion is what made it jump from the centred rail to the left. */
  body.rbb-journal-article .rbb-article-toc,
  body.rbb-journal-article .rbb-article-toc.rbb-toc-fixed,
  body.rbb-journal-article .rbb-article-toc.rbb-toc-bottom{
    position:-webkit-sticky!important;
    position:sticky!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    top:var(--rbb-toc-top,112px)!important;
    width:auto!important;
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
  }

  body.rbb-journal-article .rbb-article-content{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
  }

  /* On Journal articles the complete Theme Builder header is pinned to the
     viewport. This avoids Divi sticky-parent boundaries that allowed the
     header to drift upward during reverse scrolling. */
  body.rbb-journal-article .et-l--header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:999999!important;
    overflow:visible!important;
  }
  body.admin-bar.rbb-journal-article .et-l--header{top:32px!important}
  body.rbb-journal-article .rbh-header-section{
    position:relative!important;
    top:0!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    z-index:999999!important;
  }
}

@media(min-width:783px) and (max-width:900px){
  body.rbb-journal-article .et-l--header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:999999!important;
  }
  body.admin-bar.rbb-journal-article .et-l--header{top:32px!important}
  body.rbb-journal-article .rbh-header-section{position:relative!important;top:0!important}
}

@media(max-width:782px){
  body.rbb-journal-article .et-l--header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:999999!important;
  }
  body.admin-bar.rbb-journal-article .et-l--header{top:46px!important}
  body.rbb-journal-article .rbh-header-section{position:relative!important;top:0!important}
}

/* 0.3.4 — robust TOC rail + mobile Journal structure. */
@media(min-width:901px){
  body.rbb-journal-article .rbb-article-toc-slot{
    grid-column:1!important;
    grid-row:1!important;
    align-self:stretch!important;
    position:relative!important;
    min-width:0!important;
    width:100%!important;
  }
  body.rbb-journal-article .rbb-article-content{
    grid-column:2!important;
    grid-row:1!important;
  }
  body.rbb-journal-article .rbb-article-toc{
    width:100%!important;
    max-height:calc(100vh - var(--rbb-toc-top,112px) - 28px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scrollbar-width:thin;
  }
  body.rbb-journal-article .rbb-article-toc.rbb-toc-managed:not(.rbb-toc-fixed):not(.rbb-toc-bottom){
    position:relative!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    bottom:auto!important;
  }
  body.rbb-journal-article .rbb-article-toc.rbb-toc-fixed{
    position:fixed!important;
    right:auto!important;
    bottom:auto!important;
    z-index:80!important;
  }
  body.rbb-journal-article .rbb-article-toc.rbb-toc-bottom{
    position:absolute!important;
    left:0!important;
    right:auto!important;
    top:auto!important;
    bottom:0!important;
    width:100%!important;
    z-index:80!important;
  }
  body.rbb-journal-article .rbb-article-toc-toggle{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:block!important;
    width:100%!important;
    padding:0!important;
    margin:0 0 26px!important;
    border:0!important;
    background:transparent!important;
    color:#9a9a9a!important;
    text-align:left!important;
    font:500 11px/1.4 var(--rbb-sans)!important;
    letter-spacing:3.2px!important;
    text-transform:uppercase!important;
    cursor:default!important;
  }
  body.rbb-journal-article .rbb-article-toc-plus{display:none!important}

  /* Keep all article content below the navigation layer while allowing the
     native Divi dropdowns to escape their header row. */
  body.rbb-journal-article main.rbb-article-page,
  body.rbb-journal-article .rbb-article-hero,
  body.rbb-journal-article .rbb-article-body,
  body.rbb-journal-article .rbb-related,
  body.rbb-journal-article .rbb-article-cta{z-index:1!important}
  body.rbb-journal-article .et-l--header,
  body.rbb-journal-article .rbh-header-section,
  body.rbb-journal-article .rbh-header-row,
  body.rbb-journal-article .rbh-menu,
  body.rbb-journal-article .rbh-menu .et_pb_menu_inner_container,
  body.rbb-journal-article .rbh-menu .et_pb_menu__wrap,
  body.rbb-journal-article .rbh-menu .et_pb_menu__menu,
  body.rbb-journal-article .rbh-menu .et-menu{
    z-index:2147483000!important;
    overflow:visible!important;
  }
  body.rbb-journal-article .rbh-menu .sub-menu{
    z-index:2147483640!important;
  }
}

/* The Netlify mobile article uses a compact collapsible "IN THIS ARTICLE"
   block rather than the desktop side rail. */
@media(max-width:900px){
  body.rbb-journal-article .rbb-article-shell{display:block!important}
  body.rbb-journal-article .rbb-article-toc-slot{
    display:block!important;
    width:100%!important;
    margin:0 0 30px!important;
    position:relative!important;
  }
  body.rbb-journal-article .rbb-article-toc{
    display:block!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0!important;
  }
  body.rbb-journal-article .rbb-article-toc-toggle{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    padding:17px 16px!important;
    margin:0!important;
    border:1px solid #e1e1df!important;
    background:#fff!important;
    color:#7e858d!important;
    font:500 10px/1.3 var(--rbb-sans)!important;
    letter-spacing:2.4px!important;
    text-transform:uppercase!important;
    text-align:left!important;
    cursor:pointer!important;
  }
  body.rbb-journal-article .rbb-article-toc-plus{
    display:inline-block!important;
    color:var(--rbb-gold)!important;
    font-size:16px!important;
    line-height:1!important;
    letter-spacing:0!important;
    font-weight:300!important;
  }
  body.rbb-journal-article .rbb-article-toc ol{
    display:none!important;
    margin:0!important;
    padding:14px 14px 18px!important;
    border:1px solid #e1e1df!important;
    border-top:0!important;
    background:#fff!important;
  }
  body.rbb-journal-article .rbb-article-toc.is-open ol{display:block!important}
  body.rbb-journal-article .rbb-article-toc ol:before{left:19px!important;top:20px!important;bottom:20px!important}
  body.rbb-journal-article .rbb-article-toc a{padding:8px 4px 8px 36px!important;font-size:13px!important}
  body.rbb-journal-article .rbb-article-toc a:before{left:14px!important}
}

@media(max-width:600px){
  body.rbb-journal-article .rbb-article-hero{
    padding-top:104px!important;
  }
  body.rbb-journal-article .rbb-article-hero-copy{
    padding-bottom:30px!important;
  }
  body.rbb-journal-article .rbb-article-hero h1{
    font-size:30px!important;
    line-height:1.03!important;
    max-width:none!important;
  }
  body.rbb-journal-article .rbb-article-dek{
    font-size:14px!important;
    line-height:1.58!important;
  }
  body.rbb-journal-article .rbb-article-featured img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
  body.rbb-journal-article .rbb-article-body{
    padding-top:94px!important;
  }
  body.rbb-journal-article .rbb-article-content h2{
    font-size:24px!important;
    line-height:1.12!important;
  }
  body.rbb-journal-article .rbb-article-content h3{font-size:19px!important}
  body.rbb-journal-article .rbb-related h2{font-size:26px!important}
  body.rbb-journal-article .rbb-related-card{
    display:block!important;
  }
  body.rbb-journal-article .rbb-related-img{
    height:180px!important;
    min-height:0!important;
  }
}

/* 0.3.5 — keep long TOC labels safely inside the left rail.
   Some legacy article headings are much longer than the newer Journal titles;
   explicitly reserve a wider gutter and prevent the rail from painting over
   the reading column. */
@media(min-width:1001px){
  body.rbb-journal-article .rbb-article-shell{
    grid-template-columns:230px minmax(0,780px)!important;
    column-gap:90px!important;
  }
}
@media(min-width:901px) and (max-width:1000px){
  body.rbb-journal-article .rbb-article-shell{
    grid-template-columns:210px minmax(0,680px)!important;
    column-gap:56px!important;
  }
}
@media(min-width:901px){
  body.rbb-journal-article .rbb-article-toc-slot,
  body.rbb-journal-article .rbb-article-toc,
  body.rbb-journal-article .rbb-article-toc ol,
  body.rbb-journal-article .rbb-article-toc li,
  body.rbb-journal-article .rbb-article-toc a{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.rbb-journal-article .rbb-article-toc{
    overflow-x:clip!important;
  }
  body.rbb-journal-article .rbb-article-toc a{
    width:100%!important;
    padding-right:14px!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:auto;
  }
  body.rbb-journal-article .rbb-article-content{
    position:relative!important;
    z-index:2!important;
    min-width:0!important;
    background:#fff;
  }
}\n\n/* =========================================================\n   0.3.7 — SINGLE ARTICLE QA FIXES\n   Approved breadcrumb + hero decoration\n   ========================================================= */\n\n.rbb-article-hero{\n  position:relative;\n  isolation:isolate;\n  overflow:hidden;\n}\n\n/* Override the old repeating lattice with one controlled upward-chevron motif. */\n.rbb-article-hero::after{\n  content:"" !important;\n  position:absolute !important;\n  top:38px !important;\n  right:5.5vw !important;\n  width:430px !important;\n  height:300px !important;\n  z-index:0 !important;\n  opacity:.16 !important;\n  pointer-events:none !important;\n  background-image:url("assets/article-up-chevron.svg") !important;\n  background-repeat:no-repeat !important;\n  background-position:center !important;\n  background-size:contain !important;\n  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,transparent 100%) !important;\n  mask-image:linear-gradient(to bottom,#000 0%,#000 68%,transparent 100%) !important;\n}\n\n.rbb-article-hero-copy,\n.rbb-article-featured{\n  position:relative;\n  z-index:1;\n}\n\n.rbb-article-breadcrumbs{\n  display:flex;\n  flex-wrap:wrap;\n  align-items:center;\n  gap:10px;\n  margin:0 0 36px;\n  padding:0;\n  font:400 11px/1.35 var(--rbb-sans);\n  letter-spacing:1.7px;\n  text-transform:uppercase;\n  color:#738397;\n}\n\n.rbb-article-breadcrumbs a{\n  color:#738397 !important;\n  text-decoration:none !important;\n  transition:color .2s ease;\n}\n\n.rbb-article-breadcrumbs a:hover{color:var(--rbb-gold) !important}\n.rbb-article-breadcrumb-sep{color:#43536a;opacity:.75}\n.rbb-article-breadcrumb-current{color:var(--rbb-gold)}\n\n.rbb-article-breadcrumbs + .rbb-article-meta{margin-top:0}\n.rbb-article-meta{margin-bottom:24px}\n\n@media(max-width:900px){\n  .rbb-article-hero::after{\n    width:315px !important;\n    height:225px !important;\n    right:-45px !important;\n    top:62px !important;\n    opacity:.13 !important;\n  }\n  .rbb-article-breadcrumbs{margin-bottom:28px}\n}\n\n@media(max-width:600px){\n  .rbb-article-hero::after{\n    width:245px !important;\n    height:180px !important;\n    right:-76px !important;\n    top:78px !important;\n    opacity:.11 !important;\n  }\n  .rbb-article-breadcrumbs{\n    gap:7px;\n    margin-bottom:22px;\n    font-size:9.5px;\n    letter-spacing:1.3px;\n  }\n}\n

/* =========================================================
   0.3.8 — SINGLE ARTICLE FINAL QA
   ========================================================= */

/* 1) TOC: give the marker halo room so the active circle is never clipped. */
@media(min-width:901px){
  body.rbb-journal-article .rbb-article-toc{
    padding-left:9px !important;
    padding-right:2px !important;
    box-sizing:border-box !important;
  }
  body.rbb-journal-article .rbb-article-toc ol{
    overflow:visible !important;
  }
}

/* 2) Article typography: imported inline styles must not override the new Barlow body font. */
body.rbb-journal-article .rbb-article-content,
body.rbb-journal-article .rbb-article-content p,
body.rbb-journal-article .rbb-article-content p span,
body.rbb-journal-article .rbb-article-content li,
body.rbb-journal-article .rbb-article-content li span,
body.rbb-journal-article .rbb-article-content table,
body.rbb-journal-article .rbb-article-content td,
body.rbb-journal-article .rbb-article-content th,
body.rbb-journal-article .rbb-article-content strong,
body.rbb-journal-article .rbb-article-content em{
  font-family:var(--rbb-sans) !important;
}
body.rbb-journal-article .rbb-article-content h2,
body.rbb-journal-article .rbb-article-content h3,
body.rbb-journal-article .rbb-article-content h4,
body.rbb-journal-article .rbb-article-content h2 span,
body.rbb-journal-article .rbb-article-content h3 span,
body.rbb-journal-article .rbb-article-content h4 span{
  font-family:var(--rbb-serif) !important;
}

/* 3) Social share icons — match the mockup instead of text labels. */
.rbb-article-after{
  align-items:center !important;
}
.rbb-article-after-label{
  letter-spacing:2.6px !important;
}
.rbb-article-share{
  gap:14px !important;
}
.rbb-article-share .rbb-share-icon{
  display:inline-flex !important;
  width:46px !important;
  height:46px !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  border:1px solid #d9dde1 !important;
  background:#fff !important;
  color:var(--rbb-navy) !important;
  text-decoration:none !important;
  transition:border-color .25s ease,color .25s ease,background .25s ease !important;
}
.rbb-article-share .rbb-share-icon:hover{
  color:var(--rbb-gold) !important;
  border-color:var(--rbb-gold) !important;
}
.rbb-article-share .rbb-share-icon svg{
  width:17px !important;
  height:17px !important;
  display:block !important;
  fill:currentColor !important;
}

/* 4) Previous / next article navigation. */
.rbb-article-nav{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:84px;
  border:1px solid #d9dde1;
  background:#fff;
}
.rbb-article-nav-card{
  display:flex;
  min-height:158px;
  flex-direction:column;
  justify-content:center;
  padding:34px 38px;
  box-sizing:border-box;
  color:var(--rbb-navy) !important;
  text-decoration:none !important;
  transition:background .25s ease;
}
.rbb-article-nav-card + .rbb-article-nav-card{
  border-left:1px solid #d9dde1;
}
.rbb-article-nav-card:not(.rbb-article-nav-empty):hover{
  background:var(--rbb-stone);
}
.rbb-article-nav-next{
  text-align:right;
}
.rbb-article-nav-label{
  display:block;
  margin-bottom:16px;
  color:var(--rbb-gold);
  font:500 10px/1.3 var(--rbb-sans);
  letter-spacing:2.7px;
  text-transform:uppercase;
}
.rbb-article-nav-title{
  display:block;
  color:var(--rbb-navy);
  font:600 21px/1.25 var(--rbb-serif);
}
.rbb-article-nav-empty{
  min-height:0;
}

/* 5) Optional CMS-controlled takeaway box. */
.rbb-takeaway{
  margin:56px 0 12px;
  padding:34px 38px 32px;
  border:1px solid #d9dde1;
  background:#fff;
}
.rbb-takeaway h3{
  margin:0 0 24px !important;
  color:var(--rbb-navy) !important;
  font:600 25px/1.25 var(--rbb-serif) !important;
}
.rbb-takeaway ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.rbb-takeaway li{
  position:relative;
  margin:0 !important;
  padding:0 0 0 34px !important;
  color:#686d73;
  font:300 16px/1.65 var(--rbb-sans) !important;
}
.rbb-takeaway li + li{
  margin-top:18px !important;
}
.rbb-takeaway li::before{
  content:"";
  position:absolute;
  left:2px;
  top:.62em;
  width:10px;
  height:10px;
  border:2px solid var(--rbb-gold);
  transform:rotate(45deg);
  box-sizing:border-box;
}

/* 6) Featured image is intentionally not rendered in single-rbb.php.
      Keep any legacy empty featured wrapper suppressed just in case. */
body.rbb-journal-article .rbb-article-featured{
  display:none !important;
}

@media(max-width:900px){
  .rbb-article-nav{
    margin-top:60px;
  }
  .rbb-article-nav-card{
    min-height:130px;
    padding:28px;
  }
}

@media(max-width:600px){
  .rbb-article-after{
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
  }
  .rbb-article-share .rbb-share-icon{
    width:40px !important;
    height:40px !important;
  }
  .rbb-article-nav{
    grid-template-columns:1fr;
    margin-top:48px;
  }
  .rbb-article-nav-card + .rbb-article-nav-card{
    border-left:0;
    border-top:1px solid #d9dde1;
  }
  .rbb-article-nav-next{
    text-align:left;
  }
  .rbb-takeaway{
    margin-top:42px;
    padding:26px 24px;
  }
}


/* =========================================================
   0.3.9 — HERO / BREADCRUMB / SHARE / NAV FINAL FIXES
   ========================================================= */

/* The 0.3.7 block was previously injected with escaped newline characters,
   so re-apply these rules cleanly with stronger selectors. */
body.rbb-journal-article .rbb-article-hero{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:var(--rbb-navy) !important;
}
body.rbb-journal-article .rbb-article-hero::after{
  content:"" !important;
  position:absolute !important;
  top:40px !important;
  right:6vw !important;
  width:420px !important;
  height:292px !important;
  z-index:0 !important;
  opacity:.14 !important;
  pointer-events:none !important;
  background-image:url("assets/article-up-chevron.svg") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
}
body.rbb-journal-article .rbb-article-hero-copy,
body.rbb-journal-article .rbb-article-featured{
  position:relative !important;
  z-index:1 !important;
}

body.rbb-journal-article .rbb-article-breadcrumbs{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 34px !important;
  padding:0 !important;
  font:400 11px/1.35 var(--rbb-sans) !important;
  letter-spacing:3px !important;
  text-transform:uppercase !important;
  color:#7d8795 !important;
}
body.rbb-journal-article .rbb-article-breadcrumbs a,
body.rbb-journal-article .rbb-article-breadcrumbs a:link,
body.rbb-journal-article .rbb-article-breadcrumbs a:visited{
  color:#7d8795 !important;
  text-decoration:none !important;
}
body.rbb-journal-article .rbb-article-breadcrumbs a:hover,
body.rbb-journal-article .rbb-article-breadcrumbs a:focus{
  color:var(--rbb-gold) !important;
}
body.rbb-journal-article .rbb-article-breadcrumb-sep{
  color:#42516a !important;
  opacity:.8 !important;
}
body.rbb-journal-article .rbb-article-breadcrumb-current{
  color:var(--rbb-gold) !important;
}
body.rbb-journal-article .rbb-article-breadcrumbs + .rbb-article-meta{
  margin-top:0 !important;
}

/* Keep the TOC active marker fully visible. */
body.rbb-journal-article .rbb-article-toc{
  overflow:visible !important;
}
body.rbb-journal-article .rbb-article-toc ol,
body.rbb-journal-article .rbb-article-toc li,
body.rbb-journal-article .rbb-article-toc a{
  overflow:visible !important;
}
body.rbb-journal-article .rbb-article-toc a{
  padding-left:34px !important;
}
body.rbb-journal-article .rbb-article-toc a:before{
  left:1px !important;
}
body.rbb-journal-article .rbb-article-toc a.is-active:before{
  left:-3px !important;
}
body.rbb-journal-article .rbb-article-toc a.is-active:after{
  left:-10px !important;
}

/* Share row */
body.rbb-journal-article .rbb-article-after{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:24px !important;
  margin-top:58px !important;
  padding-top:24px !important;
  border-top:1px solid #d9dde1 !important;
}
body.rbb-journal-article .rbb-article-after-label{
  color:#a4a7ac !important;
  font:500 10px/1.3 var(--rbb-sans) !important;
  letter-spacing:4px !important;
  text-transform:uppercase !important;
}
body.rbb-journal-article .rbb-article-share{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}
body.rbb-journal-article .rbb-article-share .rbb-share-icon{
  display:inline-flex !important;
  width:46px !important;
  height:46px !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #d9dde1 !important;
  background:#fff !important;
  color:var(--rbb-navy) !important;
  text-decoration:none !important;
  box-sizing:border-box !important;
  transition:border-color .2s ease,color .2s ease,background .2s ease !important;
}
body.rbb-journal-article .rbb-article-share .rbb-share-icon:hover,
body.rbb-journal-article .rbb-article-share .rbb-share-icon:focus{
  color:var(--rbb-gold) !important;
  border-color:var(--rbb-gold) !important;
}
body.rbb-journal-article .rbb-article-share .rbb-share-icon svg{
  width:17px !important;
  height:17px !important;
  fill:currentColor !important;
}

/* Previous / next cards */
body.rbb-journal-article .rbb-article-nav{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  margin-top:82px !important;
  border:1px solid #d9dde1 !important;
  background:#fff !important;
}
body.rbb-journal-article .rbb-article-nav-card{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-height:160px !important;
  padding:34px 40px !important;
  color:var(--rbb-navy) !important;
  text-decoration:none !important;
  box-sizing:border-box !important;
  transition:background .2s ease !important;
}
body.rbb-journal-article .rbb-article-nav-card + .rbb-article-nav-card{
  border-left:1px solid #d9dde1 !important;
}
body.rbb-journal-article .rbb-article-nav-card:not(.rbb-article-nav-empty):hover,
body.rbb-journal-article .rbb-article-nav-card:not(.rbb-article-nav-empty):focus{
  background:var(--rbb-stone) !important;
}
body.rbb-journal-article .rbb-article-nav-next{
  text-align:right !important;
}
body.rbb-journal-article .rbb-article-nav-label{
  display:block !important;
  margin-bottom:16px !important;
  color:var(--rbb-gold) !important;
  font:500 10px/1.3 var(--rbb-sans) !important;
  letter-spacing:4px !important;
  text-transform:uppercase !important;
}
body.rbb-journal-article .rbb-article-nav-title{
  display:block !important;
  color:var(--rbb-navy) !important;
  font:600 21px/1.25 var(--rbb-serif) !important;
}
body.rbb-journal-article .rbb-article-nav-empty{
  min-height:160px !important;
  background:#f3f4f6 !important;
}

@media(max-width:900px){
  body.rbb-journal-article .rbb-article-hero::after{
    width:310px !important;
    height:220px !important;
    right:-40px !important;
    top:60px !important;
    opacity:.12 !important;
  }
  body.rbb-journal-article .rbb-article-nav-card{
    min-height:136px !important;
    padding:28px !important;
  }
}
@media(max-width:600px){
  body.rbb-journal-article .rbb-article-breadcrumbs{
    gap:7px !important;
    margin-bottom:22px !important;
    font-size:9.5px !important;
    letter-spacing:2px !important;
  }
  body.rbb-journal-article .rbb-article-after{
    flex-direction:row !important;
    justify-content:space-between !important;
    align-items:center !important;
  }
  body.rbb-journal-article .rbb-article-share .rbb-share-icon{
    width:40px !important;
    height:40px !important;
  }
  body.rbb-journal-article .rbb-article-nav{
    grid-template-columns:1fr !important;
    margin-top:48px !important;
  }
  body.rbb-journal-article .rbb-article-nav-card + .rbb-article-nav-card{
    border-left:0 !important;
    border-top:1px solid #d9dde1 !important;
  }
  body.rbb-journal-article .rbb-article-nav-next{
    text-align:left !important;
  }
}

/* =========================================================
   0.4.0 — TOC MARKER + SHARE ALIGNMENT FIX
   ========================================================= */

/* Move the whole TOC timeline inward so the active halo is never clipped. */
@media (min-width:901px){
  body.rbb-journal-article .rbb-article-toc{
    padding-left:18px !important;
    overflow:visible !important;
  }

  body.rbb-journal-article .rbb-article-toc ol{
    margin-left:8px !important;
    overflow:visible !important;
  }

  body.rbb-journal-article .rbb-article-toc ol::before{
    left:8px !important;
  }

  body.rbb-journal-article .rbb-article-toc a{
    padding-left:38px !important;
    overflow:visible !important;
  }

  body.rbb-journal-article .rbb-article-toc a::before{
    left:3px !important;
  }

  body.rbb-journal-article .rbb-article-toc a.is-active::before{
    left:0 !important;
  }

  body.rbb-journal-article .rbb-article-toc a.is-active::after{
    left:-7px !important;
  }
}

/* Share block: match the mockup — label + icons grouped on the LEFT. */
body.rbb-journal-article .rbb-article-after{
  justify-content:flex-start !important;
  align-items:center !important;
  gap:28px !important;
}

body.rbb-journal-article .rbb-article-share{
  justify-content:flex-start !important;
  margin-left:0 !important;
  gap:14px !important;
}

body.rbb-journal-article .rbb-article-share .rbb-share-icon{
  background:#fff !important;
  border:1px solid #d9dde1 !important;
  color:var(--rbb-navy) !important;
}

body.rbb-journal-article .rbb-article-share .rbb-share-icon:hover,
body.rbb-journal-article .rbb-article-share .rbb-share-icon:focus{
  background:var(--rbb-navy) !important;
  border-color:var(--rbb-navy) !important;
  color:var(--rbb-gold) !important;
}

/* Keep the icons grouped naturally on mobile too. */
@media (max-width:600px){
  body.rbb-journal-article .rbb-article-after{
    justify-content:flex-start !important;
    gap:22px !important;
    flex-wrap:wrap !important;
  }
}

/* =========================================================
   0.4.1 — HERO CHEVRON SOFT FADE REFINEMENT
   ========================================================= */
body.rbb-journal-article .rbb-article-hero::after{
  opacity:.13 !important;
  -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,.98) 0%, rgba(0,0,0,.98) 48%, rgba(0,0,0,.82) 64%, rgba(0,0,0,.42) 80%, transparent 100%) !important;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.98) 0%, rgba(0,0,0,.98) 48%, rgba(0,0,0,.82) 64%, rgba(0,0,0,.42) 80%, transparent 100%) !important;
}

@media(max-width:900px){
  body.rbb-journal-article .rbb-article-hero::after{
    opacity:.11 !important;
    -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,.96) 0%, rgba(0,0,0,.96) 46%, rgba(0,0,0,.76) 62%, rgba(0,0,0,.36) 78%, transparent 100%) !important;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,.96) 0%, rgba(0,0,0,.96) 46%, rgba(0,0,0,.76) 62%, rgba(0,0,0,.36) 78%, transparent 100%) !important;
  }
}

@media(max-width:600px){
  body.rbb-journal-article .rbb-article-hero::after{
    opacity:.10 !important;
    -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,.94) 0%, rgba(0,0,0,.94) 44%, rgba(0,0,0,.72) 60%, rgba(0,0,0,.30) 76%, transparent 100%) !important;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,.94) 0%, rgba(0,0,0,.94) 44%, rgba(0,0,0,.72) 60%, rgba(0,0,0,.30) 76%, transparent 100%) !important;
  }
}