/* Figma 64 / 65. Topic data, disclosures, media and destinations stay intact. */
.owj-ui :is(.owj-topic,.owj-topic-library) {
  display:flex; flex-direction:column; gap:40px; width:100%; max-width:800px;
  margin:0 auto; padding:24px 20px 32px; background:var(--bch5-canvas); color:var(--bch5-ink);
}
.owj-ui :is(.owj-topic,.owj-topic-library) :is(h1,h2,h3,p) { margin:0; padding:0; font-family:inherit; letter-spacing:0; text-shadow:none!important; }
.owj-ui :is(.owj-topic,.owj-topic-library) h1 { font-size:26px!important; line-height:38px!important; font-weight:700!important; color:var(--bch5-ink)!important; }
.owj-ui :is(.owj-topic,.owj-topic-library) h2 { font-size:21px!important; line-height:35px!important; font-weight:700!important; color:var(--bch5-ink)!important; }
.owj-ui :is(.owj-topic,.owj-topic-library) h3 { font-size:17px!important; line-height:28px!important; font-weight:700; color:var(--bch5-ink); }
.owj-ui :is(.owj-topic,.owj-topic-library) p { font-size:14px; line-height:24px; color:var(--bch5-muted); overflow-wrap:anywhere; }
.owj-ui :is(.owj-topic,.owj-topic-library) a { color:var(--bch5-green); text-decoration:none; }
.owj-ui :is(.owj-topic,.owj-topic-library) :is(section,header) { min-width:0; }
.owj-ui .owj-topic .bch5-topic-hero { display:flex; flex-direction:column; gap:24px; min-height:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.owj-ui .owj-topic .bch5-topic-hero::before,.owj-ui .owj-topic .bch5-topic-hero::after { content:none; }
.owj-ui .owj-topic .bch5-topic-hero>img { display:block; position:static; inset:auto; width:100%; height:auto; max-height:none; aspect-ratio:350/194; object-fit:cover; margin:8px 0 0; border-radius:8px; opacity:1; }
.owj-ui .owj-topic .bch5-topic-hero:not(.is-whole)>img { order:2; }
.owj-ui .owj-topic .bch5-topic-hero-copy { display:flex; flex-direction:column; align-items:stretch; gap:16px; width:100%; min-width:0; max-width:none; padding:0; background:transparent; }
.owj-ui .owj-topic .bch5-topic-hero-copy>a:first-child,.owj-ui .owj-topic-library>header>a {
  display:flex; align-items:center; min-height:44px; width:fit-content; margin:0 0 8px; padding:0;
  color:var(--bch5-green)!important; font-size:14px; line-height:23px; font-weight:500; background:transparent;
}
.owj-ui .owj-topic .bch5-topic-hero-copy>small { font-size:12px; line-height:20px; color:var(--bch5-muted); }
.owj-ui .owj-topic .bch5-topic-hero-copy>h2 { font-size:20px!important; line-height:32px!important; }
.owj-ui .owj-topic .bch5-topic-hero-copy>:is(p,span) { color:var(--bch5-muted); font-size:14px; line-height:24px; }
.owj-ui .owj-topic .bch5-topic-section,.owj-ui .owj-topic .bch5-topic-reinforce { margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.owj-ui .owj-topic .bch5-topic-section>header { display:block; margin:0 0 24px; padding:0; }
.owj-ui .owj-topic .bch5-topic-section>header h2 { padding-left:12px; border-left:3px solid var(--bch5-green); }
.owj-ui .owj-topic .bch5-topic-section>header h2::before { content:none; }
.owj-ui .owj-topic .bch5-topic-section>header :is(p,span) { display:block; margin:16px 0 0; font-size:13px; line-height:22px; color:var(--bch5-muted); }
.owj-ui .owj-topic .bch5-topic-basic-list { display:flex; flex-direction:column; gap:32px; }
.owj-ui .owj-topic .bch5-topic-basic-list>div { display:flex; align-items:flex-start; gap:12px; padding:0; border:0; border-radius:0; background:transparent; }
.owj-ui .owj-topic .bch5-topic-basic-list>div>i { display:none; }
.owj-ui .owj-topic .bch5-topic-basic-list>div>span { flex:1; min-width:0; }
.owj-ui .owj-topic .bch5-topic-basic-list strong { display:block; font-size:16px; line-height:27px; color:var(--bch5-ink); }
.owj-ui .owj-topic .bch5-topic-basic-list small { display:block; margin:16px 0 0; font-size:14px; line-height:23px; color:var(--bch5-muted); }
.owj-ui .owj-topic .bch5-topic-basic-list b { color:var(--bch5-muted); font-weight:400; }
.owj-ui .owj-topic .bch5-topic-takeaway { margin:24px 0 0; padding:16px; border:0; border-radius:8px; background:var(--bch5-mint); font-size:14px; line-height:24px; color:var(--bch5-green); }
.owj-ui .owj-topic .bch5-topic-takeaway>i { display:none; }
.owj-ui .owj-topic .bch5-topic-video-feature>header>div>small { display:none; }
.owj-ui .owj-topic .bch5-topic-video-feature>a { display:flex; flex-direction:column; gap:16px; padding:16px; margin:0; border:1px solid var(--bch5-line); border-radius:8px; background:#fff; }
.owj-ui .owj-topic .bch5-topic-video-poster { display:block; position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:8px; }
.owj-ui .owj-topic .bch5-topic-video-poster>img { display:block; width:100%; height:100%; object-fit:cover; }
.owj-ui .owj-topic .bch5-topic-video-poster>i { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--bch5-green); color:#fff; }
.owj-ui .owj-topic .bch5-topic-video-poster>em { position:absolute; right:8px; bottom:8px; padding:2px 6px; background:var(--bch5-green); color:#fff; border-radius:4px; font-size:12px; line-height:20px; font-style:normal; }
.owj-ui .owj-topic .bch5-topic-video-feature>a>span:last-child { display:flex; flex-direction:column; gap:12px; padding:0; }
.owj-ui .owj-topic .bch5-topic-video-feature>a small { font-size:12px; line-height:20px; color:var(--bch5-green); }
.owj-ui .owj-topic .bch5-topic-video-feature>a strong { font-size:17px; line-height:28px; color:var(--bch5-ink); }
.owj-ui .owj-topic :is(.bch5-topic-feature-main,.bch5-topic-support) { display:flex; flex-direction:column; gap:24px; padding:0; margin:0; }
.owj-ui .owj-topic .bch5-topic-feature-main>a { display:flex; flex-direction:column; gap:16px; padding:0; border:0; border-radius:0; background:transparent; }
.owj-ui .owj-topic .bch5-topic-feature-image { display:block; position:relative; width:100%; overflow:hidden; border-radius:8px; }
.owj-ui .owj-topic .bch5-topic-feature-image>img { display:block; width:100%; height:auto; aspect-ratio:350/194; object-fit:cover; }
.owj-ui .owj-topic .bch5-topic-feature-image>em { position:absolute; left:8px; bottom:8px; background:#fff; color:var(--bch5-green); padding:4px 8px; border-radius:4px; font-size:12px; line-height:20px; font-style:normal; }
.owj-ui .owj-topic .bch5-topic-feature-main>a>span:last-child { display:flex; flex-direction:column; gap:12px; padding:0; }
.owj-ui .owj-topic .bch5-topic-feature-main strong { font-size:20px; line-height:33px; color:var(--bch5-ink); }
.owj-ui .owj-topic .bch5-topic-feature-main p { display:block; overflow:visible; -webkit-line-clamp:unset; }
.owj-ui .owj-topic .bch5-topic-feature-main b { padding:0; border-radius:0; background:transparent; color:var(--bch5-green); font-size:14px; line-height:24px; }
.owj-ui .owj-topic .bch5-topic-support { margin-top:24px; }
.owj-ui .owj-topic :is(.bch5-topic-support,.bch5-topic-angle-group)>a { display:grid; grid-template-columns:minmax(0,1fr) 18px; gap:12px; padding:20px 0; margin:0; border:0; border-bottom:1px solid var(--bch5-line); border-radius:0; background:transparent; }
.owj-ui .owj-topic :is(.bch5-topic-support,.bch5-topic-angle-group)>a>img { display:none; }
.owj-ui .owj-topic :is(.bch5-topic-support,.bch5-topic-angle-group)>a>span { min-width:0; }
.owj-ui .owj-topic :is(.bch5-topic-support,.bch5-topic-angle-group) strong { display:block; font-size:16px; line-height:27px; color:var(--bch5-ink); }
.owj-ui .owj-topic :is(.bch5-topic-support,.bch5-topic-angle-group) small { display:block; margin-top:12px; font-size:14px; line-height:24px; color:var(--bch5-muted); }
.owj-ui .owj-topic .bch5-topic-angles>nav { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0 0 24px; }
.owj-ui .owj-topic .bch5-topic-angles>nav>a { display:flex; align-items:center; min-height:44px; padding:8px 12px; border:1px solid var(--bch5-line); border-radius:8px; background:#fff; font-size:13px; line-height:22px; }
.owj-ui .owj-topic .bch5-topic-angle-group { padding:0; margin:24px 0 0; scroll-margin-top:24px; }
.owj-ui .owj-topic :is(.bch5-topic-more,.bch5-topic-hero-cta,.bch5-topic-video-feature>a>span>b),
.owj-ui .owj-topic-library :is(.bch5-topic-library-assessment,.bch5-topic-library-videos a>b) { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:48px; padding:12px 16px; margin:24px 0 0; border:1px solid var(--bch5-green); border-radius:8px; background:var(--bch5-green); color:#fff!important; font-size:14px; line-height:23px; font-weight:500; text-align:center; }
.owj-ui .owj-topic .bch5-topic-video-feature>a>span>b { margin:4px 0 0; }
.owj-ui .owj-topic .bch5-topic-actions>div { display:flex; flex-direction:column; gap:0; padding:0; margin:0; }
.owj-ui .owj-topic .bch5-topic-actions a { display:grid; grid-template-columns:minmax(0,1fr) 18px; gap:8px 12px; padding:20px 0; border:0; border-bottom:1px solid var(--bch5-line); border-radius:0; background:transparent; }
.owj-ui .owj-topic .bch5-topic-actions a>i { display:none; }
.owj-ui .owj-topic .bch5-topic-actions strong { grid-column:1; font-size:16px; line-height:27px; }
.owj-ui .owj-topic .bch5-topic-actions small { grid-column:1; font-size:13px; line-height:22px; color:var(--bch5-muted); }
.owj-ui .owj-topic .bch5-topic-actions b { grid-column:2; grid-row:1/3; align-self:center; }
.owj-ui :is(.owj-topic,.owj-topic-library) .bch5-topic-service-main,
.owj-ui .owj-topic .bch5-topic-service>div>a,
.owj-ui .owj-topic-library .bch5-topic-library-conversion>div>a { display:grid; grid-template-columns:72px minmax(0,1fr); gap:12px; align-items:start; padding:16px; margin:16px 0 0; border:1px solid var(--bch5-line); border-radius:8px; background:#fff; }
.owj-ui :is(.owj-topic,.owj-topic-library) .bch5-topic-service-main>img,
.owj-ui .owj-topic .bch5-topic-service>div>a>img,
.owj-ui .owj-topic-library .bch5-topic-library-conversion>div>a>img { width:72px; height:72px; border-radius:8px; object-fit:contain; margin:0; padding:0; }
.owj-ui :is(.owj-topic,.owj-topic-library) .bch5-topic-service-main>span,
.owj-ui .owj-topic .bch5-topic-service>div>a>span,
.owj-ui .owj-topic-library .bch5-topic-library-conversion>div>a>span { display:flex; flex-direction:column; gap:8px; min-width:0; }
.owj-ui :is(.owj-topic,.owj-topic-library) :is(.bch5-topic-service-main,.bch5-topic-ad-product) strong { font-size:16px; line-height:27px; color:var(--bch5-ink); overflow-wrap:anywhere; }
.owj-ui :is(.owj-topic,.owj-topic-library) :is(.bch5-topic-service-main,.bch5-topic-ad-product) small { font-size:13px; line-height:22px; color:var(--bch5-muted); }
.owj-ui :is(.owj-topic,.owj-topic-library) :is(.bch5-topic-service-main,.bch5-topic-ad-product) em { font-size:12px; line-height:20px; font-style:normal; color:var(--bch5-muted); }
.owj-ui :is(.owj-topic,.owj-topic-library) :is(.bch5-topic-service-main,.bch5-topic-ad-product)>b { grid-column:1/-1; display:block; margin:0; padding:8px 0; min-height:40px; border:0; border-radius:0; background:transparent; color:var(--bch5-green); font-size:14px; line-height:24px; font-weight:500; }
.owj-ui .owj-topic .bch5-topic-reinforce>p { margin:16px 0; }
.owj-ui .owj-topic .bch5-topic-reinforce>div { display:flex; flex-direction:column; gap:12px; margin:24px 0 0; }
.owj-ui .owj-topic .bch5-topic-reinforce a { display:flex; align-items:center; min-height:44px; padding:8px 0; border:0; border-radius:0; background:transparent; font-size:14px; line-height:23px; color:var(--bch5-green); }
.owj-ui .owj-topic .bch5-topic-related>div { display:flex; flex-direction:column; gap:0; }
.owj-ui .owj-topic .bch5-topic-related a { display:flex; align-items:center; gap:12px; min-height:64px; padding:16px 0; border:0; border-bottom:1px solid var(--bch5-line); border-radius:0; background:transparent; }
.owj-ui .owj-topic .bch5-topic-related a>i { display:none; }
.owj-ui .owj-topic .bch5-topic-related strong { flex:1; font-size:16px; line-height:27px; color:var(--bch5-ink); }
.owj-ui .owj-topic :is(.bch5-topic-support,.bch5-topic-angle-group,.bch5-topic-actions,.bch5-topic-related) a>b,
.owj-ui .owj-topic-library>section:not(.bch5-topic-library-videos):not(.bch5-topic-library-conversion)>div>a>b { position:static; display:block; width:18px; height:18px; align-self:center; margin:0; font-size:0; background:url('../img/owj/chevron.svg') center/contain no-repeat; }
.owj-ui :is(.owj-topic,.owj-topic-library) .bch5-topic-disclaimer { margin:0; padding:0; color:var(--bch5-muted); font-size:12px; line-height:20px; }
.owj-ui :is(.owj-topic,.owj-topic-library) .bch5-topic-disclaimer>i { display:none; }
/* Full article library: native anchors remain anchors, no filter behaviour added. */
.owj-ui .owj-topic-library { gap:32px; }
.owj-ui .owj-topic-library>header { display:flex; flex-direction:column; gap:24px; padding:0; margin:0; border:0; border-radius:0; background:transparent; }
.owj-ui .owj-topic-library>header>small { display:none; }
.owj-ui .owj-topic-library .bch5-topic-media-nav { display:flex; gap:8px; margin:0; padding:0; border:0; border-radius:0; background:transparent; }
.owj-ui .owj-topic-library .bch5-topic-media-nav>:is(a,span) { display:flex; flex:1; align-items:center; justify-content:center; gap:4px; min-width:0; min-height:48px; padding:8px 4px; border:1px solid var(--bch5-line); border-radius:8px; background:#fff; color:var(--bch5-ink)!important; font-size:13px; line-height:22px; text-align:center; }
.owj-ui .owj-topic-library .bch5-topic-media-nav>span { background:var(--bch5-green); border-color:var(--bch5-green); color:#fff!important; }
.owj-ui .owj-topic-library .bch5-topic-media-nav i { display:none; }
.owj-ui .owj-topic-library .bch5-topic-media-nav em { font-style:normal; font-size:12px; }
.owj-ui .owj-topic-library>section { display:flex; flex-direction:column; gap:20px; margin:0; padding:0; border:0; border-radius:0; background:transparent; }
.owj-ui .owj-topic-library>section>div { display:flex; flex-direction:column; gap:0; margin:0; padding:0; }
.owj-ui .owj-topic-library .bch5-topic-library-videos>div { gap:24px; }
.owj-ui .owj-topic-library .bch5-topic-library-videos a { display:flex; flex-direction:column; align-items:stretch; gap:16px; padding:0; margin:0; border:0; border-radius:0; background:transparent; text-align:left; }
.owj-ui .owj-topic-library .bch5-topic-library-videos a>span { display:block; flex-shrink:0; width:100%; aspect-ratio:350/194; position:relative; overflow:hidden; border-radius:8px; }
.owj-ui .owj-topic-library .bch5-topic-library-videos img { display:block; width:100%; height:auto; aspect-ratio:350/194; object-fit:cover; }
.owj-ui .owj-topic-library .bch5-topic-library-videos a>span>i { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--bch5-green); color:#fff; }
.owj-ui .owj-topic-library .bch5-topic-library-videos a>span>em { position:absolute; right:8px; bottom:8px; padding:2px 6px; background:var(--bch5-green); color:#fff; font-size:12px; line-height:20px; border-radius:4px; font-style:normal; }
.owj-ui .owj-topic-library .bch5-topic-library-videos a>strong { font-size:17px; line-height:28px; color:var(--bch5-ink); }
.owj-ui .owj-topic-library .bch5-topic-library-videos a>small { font-size:14px; line-height:24px; color:var(--bch5-muted); }
.owj-ui .owj-topic-library .bch5-topic-library-videos a>small { display:block; overflow:visible; -webkit-line-clamp:unset; }
.owj-ui .owj-topic-library .bch5-topic-library-videos a>b { margin:0; }
.owj-ui .owj-topic-library>section:not(.bch5-topic-library-videos):not(.bch5-topic-library-conversion)>div>a { display:grid; grid-template-columns:72px minmax(0,1fr) 18px; align-items:start; gap:12px; padding:20px 0; margin:0; border:0; border-bottom:1px solid var(--bch5-line); border-radius:0; background:transparent; }
.owj-ui .owj-topic-library>section:not(.bch5-topic-library-videos):not(.bch5-topic-library-conversion)>div>a>img { display:block; width:72px; height:72px; object-fit:cover; border-radius:8px; }
.owj-ui .owj-topic-library>section:not(.bch5-topic-library-videos):not(.bch5-topic-library-conversion)>div>a>span { min-width:0; }
.owj-ui .owj-topic-library>section:not(.bch5-topic-library-videos):not(.bch5-topic-library-conversion)>div>a strong { display:block; font-size:16px; line-height:27px; font-weight:500; color:var(--bch5-ink); }
.owj-ui .owj-topic-library>section:not(.bch5-topic-library-videos):not(.bch5-topic-library-conversion)>div>a small { display:block; margin:8px 0 0; font-size:13px; line-height:23px; color:var(--bch5-muted); }
.owj-ui .owj-topic-library>section:not(.bch5-topic-library-videos):not(.bch5-topic-library-conversion)>div>a em { display:block; margin:0 0 4px; font-size:12px; line-height:20px; color:var(--bch5-muted); font-style:normal; }
.owj-ui .owj-topic-library .bch5-topic-library-conversion>small { font-size:12px; line-height:20px; color:var(--bch5-muted); }
.bch5-shell.owj-ui .owj-topic-library .bch5-topic-library-assessment { flex-direction:column; gap:4px; margin:0; background:#fff; border-color:var(--bch5-line); color:var(--bch5-green)!important; }
.owj-ui .owj-topic-library .bch5-topic-library-assessment strong { font-size:14px; line-height:23px; font-weight:500; }
.owj-ui .owj-topic-library .bch5-topic-library-assessment span { font-size:12px; line-height:20px; }
.owj-ui :is(.owj-topic,.owj-topic-library) [id] { scroll-margin-top:24px; }
@media(min-width:768px) { .owj-ui :is(.owj-topic,.owj-topic-library) { padding:32px 32px 48px; } }