/* TBI Journal 1.1: single article and the editable article sidebar. */
.tbi-single-v2 { padding-top:26px; }
.tbi-single-hero { position:relative; isolation:isolate; overflow:hidden; padding:clamp(30px,5vw,64px); border-radius:5px; background:linear-gradient(120deg,#142a3d,#224c6a); color:#fff; }
.tbi-single-hero::after { content:''; z-index:-1; position:absolute; inset:0; opacity:.23; background:url('../images/hero-art.svg') right center/cover no-repeat; pointer-events:none; }
.tbi-single-hero > * { max-width:none!important; margin-left:0!important; }
.tbi-single-heading > * { max-width:930px!important; margin-left:0!important; }
.tbi-single-heading .tbi-eyebrow { color:#b9d8ec; }
.tbi-single-heading h1 { color:#fff; font-size:clamp(2.45rem,4.2vw,3.85rem); line-height:1.12; margin-block:20px; }
.tbi-single-heading .tbi-single-deck { max-width:720px!important; color:#e1eaf1; font-size:1.08rem; line-height:1.7; }
.tbi-single-deck p { margin:0; }
.tbi-single-hero .tbi-single-meta { margin-top:28px; font-size:.84rem; gap:28px; color:#e1eaf1; }
.tbi-single-meta a { color:#fff; text-decoration-color:#89aec5; }
.tbi-single-v2 .tbi-article-grid { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:clamp(36px,5vw,72px); align-items:start; margin-top:48px; }
.tbi-article-grid > * { max-width:none!important; min-width:0; margin:0!important; }
.tbi-article-column > * { max-width:none!important; margin-left:0!important; }
.tbi-single-v2 .tbi-article-feature { margin:0 0 36px; border-radius:5px; overflow:hidden; }
.tbi-article-feature img { width:100%; display:block; object-fit:cover; aspect-ratio:16/9; }
.tbi-single-v2 .tbi-prose { max-width:760px!important; margin:0!important; line-height:1.85; }
.tbi-prose > * { margin-left:0!important; }
.tbi-prose :is(h2,h3) { scroll-margin-top:calc(26px + var(--wp-admin--admin-bar--height,0px) + var(--tbi-sticky-header-offset,0px)); }
.tbi-prose h2 { line-height:1.2; font-size:clamp(1.85rem,2.8vw,2.35rem); margin-top:46px; }
.tbi-prose h3 { line-height:1.3; font-size:1.45rem; margin-top:30px; }
.tbi-prose :is(h2,h3):focus { outline:none; }
.tbi-prose :is(h2,h3):focus-visible { outline:2px solid #175c91; outline-offset:6px; }
.tbi-prose table { display:block; max-width:100%; overflow-x:auto; }
.tbi-prose :is(pre,iframe,video) { max-width:100%; }
.tbi-prose pre { overflow-x:auto; }
.tbi-single-v2 .tbi-single-end { max-width:none!important; margin:38px 0 0!important; padding-top:0; }
.tbi-single-v2 .tbi-post-navigation { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
.tbi-article-grid .tbi-article-sidebar { align-self:stretch; }
.tbi-sidebar-sticky { position:sticky; top:calc(24px + var(--wp-admin--admin-bar--height,0px) + var(--tbi-sticky-header-offset,0px)); max-height:calc(100vh - 48px - var(--wp-admin--admin-bar--height,0px) - var(--tbi-sticky-header-offset,0px)); max-height:calc(100dvh - 48px - var(--wp-admin--admin-bar--height,0px) - var(--tbi-sticky-header-offset,0px)); overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:3px; }
.tbi-sidebar-sticky > * { max-width:none!important; margin-left:0!important; margin-right:0!important; }
.tbi-toc, .tbi-sidebar-categories { background:#f5f8fa; border:1px solid #d8e1e7; border-radius:5px; overflow:hidden; }
.tbi-toc-disclosure > summary, .tbi-sidebar-categories > summary { position:relative; padding:20px 44px 20px 20px; color:#142a3d; font:400 1.3rem/1.25 var(--wp--preset--font-family--editorial,Georgia,serif); cursor:pointer; list-style:none; }
.tbi-toc-disclosure > summary::-webkit-details-marker, .tbi-sidebar-categories > summary::-webkit-details-marker { display:none; }
.tbi-toc-disclosure > summary::after, .tbi-sidebar-categories > summary::after { content:'+'; position:absolute; right:20px; top:19px; color:#175c91; font:400 1.2rem/1.4 sans-serif; }
.tbi-toc-disclosure[open] > summary::after, .tbi-sidebar-categories[open] > summary::after { content:'-'; }
.tbi-toc-disclosure[open] > summary, .tbi-sidebar-categories[open] > summary { border-bottom:1px solid #d8e1e7; }
.tbi-toc nav { padding:12px 12px 18px; }
.tbi-toc .tbi-toc-list { list-style:none; margin:0; padding:0; font-size:.9rem; line-height:1.45; }
.tbi-toc-list li { padding:0; margin:4px 0; }
.tbi-toc-list a { display:block; padding:10px 12px; border-left:2px solid transparent; color:#52616e; text-decoration:none; transition:background-color .15s ease,color .15s ease; }
.tbi-toc-list a:hover { color:#175c91; background:#e6eef4; }
.tbi-toc-list a[aria-current='location'] { border-left-color:#175c91; color:#175c91; background:#e1edf5; font-weight:600; }
.tbi-toc-list li[data-level='3'] a { padding-left:26px; font-size:.84rem; }
.tbi-sidebar-sticky .tbi-sidebar-categories { margin-top:20px; }
.tbi-sidebar-categories .tbi-category-list { list-style:none; padding:10px 20px 18px; margin:0; font-size:.87rem; color:#52616e; }
.tbi-category-list li { padding:10px 0; border-bottom:1px solid #e0e7ec; }
.tbi-category-list li:last-child { border-bottom:0; }
.tbi-category-list a { color:#175c91; text-decoration:none; }
.tbi-category-list a:hover { text-decoration:underline; }
.tbi-sidebar-note { color:#52616e; font-size:.79rem; padding:0 8px; }
.tbi-toc-editor { padding:20px; background:#f5f8fa; border:1px dashed #8ba9bb; border-radius:5px; }
.tbi-toc-editor p { font-size:.9rem; margin-bottom:0; }
.editor-styles-wrapper .tbi-sidebar-sticky { position:static; max-height:none; overflow:visible; }
html:has(.tbi-single-v2) { scroll-behavior:smooth; }
@media (prefers-reduced-motion:reduce) {
 html:has(.tbi-single-v2) { scroll-behavior:auto; }
 .tbi-toc-list a { transition:none; }
}
@media (max-width:959px) {
 .tbi-single-v2 .tbi-article-grid { display:flex; flex-direction:column; gap:28px; margin-top:28px; }
 .tbi-article-grid .tbi-article-sidebar { order:-1; width:100%; }
 .tbi-article-column { width:100%; }
 .tbi-sidebar-sticky { position:static; max-height:none; overflow:visible; padding:0; }
 .tbi-sidebar-sticky .tbi-sidebar-categories { margin-top:12px; }
 .tbi-sidebar-note { display:none; }
 .tbi-toc nav { max-height:320px; overflow:auto; }
 .tbi-single-v2 .tbi-prose { max-width:none!important; }
}
@media (max-width:480px) {
 .tbi-single-v2 { padding-top:20px; }
 .tbi-single-hero { padding:28px; }
 .tbi-single-heading h1 { font-size:2.35rem; }
 .tbi-single-heading .tbi-single-deck { font-size:.98rem; }
 .tbi-single-hero .tbi-single-meta { gap:12px 24px; }
 .tbi-single-v2 .tbi-post-navigation { flex-direction:column; }
 .tbi-single-v2 .tbi-post-navigation > * { flex-basis:auto; }
 .tbi-single-v2 .post-navigation-link-next { text-align:left; }
}
@media print {
 .tbi-single-v2 .tbi-article-sidebar { display:none; }
 .tbi-single-v2 .tbi-article-grid { display:block; }
 .tbi-single-hero { background:none; color:#000; padding:0; }
 .tbi-single-hero::after { display:none; }
 .tbi-single-hero :is(h1,p,a,div) { color:#000!important; }
}
.tbi-single-meta { display:flex; align-items:center; flex-wrap:wrap; }
.tbi-single-meta > * { margin:0!important; max-width:none!important; }
.tbi-single-v2 .tbi-single-end > * { margin-left:0!important; }
.tbi-toc-disclosure > summary:focus-visible,
.tbi-sidebar-categories > summary:focus-visible { outline:3px solid #175c91; outline-offset:-4px; border-radius:4px; }
