.wog-cbsw{--navy:#103b70;--navy2:#245b91;--gold:#efb20b;--ink:#082f63;--muted:#526b88;--surface:#f5f8fc;--line:#cbd9e8;max-width:1640px;margin:24px auto;color:var(--ink);font-family:inherit}.wog-cbsw *{box-sizing:border-box;min-width:0}.wog-cbsw__hero{padding:38px 44px;text-align:center;background:linear-gradient(120deg,var(--navy),var(--navy2));border-radius:28px 28px 0 0;border-bottom:4px solid var(--gold);color:#fff}.wog-cbsw__eyebrow{margin:0 0 10px;color:#ffd24b;font-weight:800;letter-spacing:.18em}.wog-cbsw__hero h2{margin:0;color:#fff!important;font-size:clamp(2.2rem,5vw,4.25rem);line-height:1.05}.wog-cbsw__hero>p:not(.wog-cbsw__eyebrow){max-width:900px;margin:16px auto;font-size:1.04rem}.wog-cbsw__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;max-width:1060px;margin:22px auto 0}.wog-cbsw__form input{width:100%;min-height:56px;padding:0 20px;border:1px solid #d4deea;border-radius:16px;font-size:1rem}.wog-cbsw__form button,.wog-cbsw__mobile-nav button,.wog-cbsw__graph-launcher,.wog-cbsw__show-more{border:0;border-radius:999px;background:var(--gold);color:#061f42;font-weight:800;padding:0 26px;cursor:pointer}.wog-cbsw__status{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:16px;background:#fff8df;border:1px solid #f2d778}.wog-cbsw__status span{color:#405a7a}.wog-cbsw__mobile-nav{display:none;background:#eaf1fa;padding:10px;gap:8px}.wog-cbsw__grid{display:grid;grid-template-columns:minmax(380px,410px) minmax(0,1fr) minmax(300px,330px);align-items:start;background:#eef4fb;border-left:1px solid var(--line);border-right:1px solid var(--line)}.wog-cbsw__left,.wog-cbsw__right{padding:16px;position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;scrollbar-width:thin}.wog-cbsw__center{padding:18px;border-left:1px solid var(--line);border-right:1px solid var(--line);min-width:0}.wog-cbsw__tool,.wog-cbsw__disclosure{background:#fff;border:1px solid var(--line);border-radius:16px;margin:0 0 14px;box-shadow:0 6px 22px rgba(8,47,99,.05);overflow:hidden}.wog-cbsw__tool{padding:16px}.wog-cbsw__tool>h3{margin:0 0 12px;font-size:1.25rem;color:var(--ink)}.wog-cbsw__chips{display:flex;flex-wrap:wrap;gap:7px}.wog-cbsw__chips span{background:#edf3fa;border-radius:999px;padding:7px 10px;font-weight:700;font-size:.88rem}.wog-cbsw__disclosure>summary{list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 16px;cursor:pointer;font-weight:800;background:#fff;color:var(--ink)}.wog-cbsw__disclosure>summary::-webkit-details-marker{display:none}.wog-cbsw__disclosure>summary:before{content:'›';font-size:1.45rem;line-height:1;transition:transform .2s ease;color:#9a7000}.wog-cbsw__disclosure[open]>summary:before{transform:rotate(90deg)}.wog-cbsw__disclosure>summary span{margin-right:auto}.wog-cbsw__disclosure>summary small{font-weight:500;color:var(--muted);text-align:right}.wog-cbsw__disclosure-body{padding:0 14px 14px}.wog-cbsw__timeline-frame{max-height:62vh;overflow:auto;overscroll-behavior:contain}.wog-cbsw__graph-launcher{display:block;width:100%;min-height:48px}.wog-cbsw__graph-panel{margin-top:12px;max-height:70vh;overflow:auto;border-radius:12px}.wog-cbsw__lens-list{display:grid;gap:8px}.wog-cbsw__lens-toggle{background:var(--surface);border-left:4px solid var(--gold);border-radius:9px;overflow:hidden}.wog-cbsw__lens-toggle summary{cursor:pointer;padding:11px 12px;font-weight:800;list-style:none}.wog-cbsw__lens-toggle summary::-webkit-details-marker{display:none}.wog-cbsw__lens-toggle summary:after{content:'+';float:right}.wog-cbsw__lens-toggle[open] summary:after{content:'−'}.wog-cbsw__lens-toggle p{margin:0;padding:0 12px 12px;font-size:.92rem;line-height:1.48}.wog-cbsw__footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 26px;background:#effaf2;border:1px solid #a8d9b4;border-radius:0 0 24px 24px}.wog-cbsw :focus-visible{outline:3px solid #2563eb;outline-offset:3px}
/* Keep nested engines inside their pane instead of allowing their desktop widths to distort the workspace. */
.wog-cbsw .wog-bia,.wog-cbsw .wog-bte,.wog-cbsw .wog-ckge,.wog-cbsw .wog-csw{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}.wog-cbsw__left .wog-bte__hero,.wog-cbsw__left .wog-ckge__hero,.wog-cbsw__right .wog-csw__hero{display:none!important}.wog-cbsw__left .wog-bte__metrics,.wog-cbsw__left .wog-ckge__metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wog-cbsw__left .wog-bte__controls,.wog-cbsw__left .wog-ckge__controls{display:block!important}.wog-cbsw__left .wog-bte__timeline{padding-left:34px!important}.wog-cbsw__left .wog-bte__item{width:100%!important;max-width:none!important;margin-left:0!important;font-size:.86rem}.wog-cbsw__left .wog-bte__item-inner,.wog-cbsw__left .wog-bte__card{width:100%!important;max-width:none!important}.wog-cbsw__left .wog-ckge__layout,.wog-cbsw__left .wog-ckge__canvas-wrap{display:block!important}.wog-cbsw__left .wog-ckge__canvas{min-height:420px;font-size:.82rem}.wog-cbsw__right .wog-csw__grid{grid-template-columns:1fr!important}.wog-cbsw__right .wog-csw__toolbar{display:grid!important;grid-template-columns:1fr!important}.wog-cbsw__right .wog-csw__button{width:100%!important;white-space:normal}.wog-cbsw__right .wog-csw__card{width:100%!important}.wog-cbsw__center .wog-bia__scripture-card[data-wog-cbsw-extra-card]{display:none}.wog-cbsw__center .wog-bia__scripture-grid[data-expanded=true] .wog-bia__scripture-card[data-wog-cbsw-extra-card]{display:block}.wog-cbsw__show-more{display:block;min-height:44px;margin:14px auto 0}
@media(max-width:1320px){.wog-cbsw__grid{grid-template-columns:minmax(260px,30%) minmax(0,70%)}.wog-cbsw__right{position:static;max-height:none;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--line)}.wog-cbsw__right>.wog-cbsw__tool,.wog-cbsw__right>.wog-cbsw__disclosure{margin:0}.wog-cbsw__left{position:sticky}.wog-cbsw__center{border-right:0}}
@media(max-width:900px){.wog-cbsw{margin:10px auto}.wog-cbsw__hero{padding:30px 20px;border-radius:18px 18px 0 0}.wog-cbsw__form{grid-template-columns:1fr}.wog-cbsw__form button{min-height:52px}.wog-cbsw__mobile-nav{display:grid;grid-template-columns:repeat(3,1fr)}.wog-cbsw__mobile-nav button{padding:12px 8px;border-radius:10px}.wog-cbsw__mobile-nav button[aria-pressed=true]{background:var(--navy);color:#fff}.wog-cbsw__grid{display:block}.wog-cbsw__left,.wog-cbsw__center,.wog-cbsw__right{display:none!important;position:static;max-height:none;border:0;padding:12px}.wog-cbsw__grid[data-active-pane=left] .wog-cbsw__left,.wog-cbsw__grid[data-active-pane=center] .wog-cbsw__center,.wog-cbsw__grid[data-active-pane=right] .wog-cbsw__right{display:block!important}.wog-cbsw__right>.wog-cbsw__tool,.wog-cbsw__right>.wog-cbsw__disclosure{margin-bottom:14px}.wog-cbsw__footer{border-radius:0 0 18px 18px}.wog-cbsw__timeline-frame,.wog-cbsw__graph-panel{max-height:none}}
@media(max-width:560px){.wog-cbsw__status{font-size:.9rem}.wog-cbsw__hero h2{font-size:2.35rem}.wog-cbsw__disclosure>summary{align-items:flex-start}.wog-cbsw__disclosure>summary small{display:none}.wog-cbsw__footer{display:block}.wog-cbsw__footer span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.wog-cbsw *{scroll-behavior:auto!important;transition:none!important}}

/* 49.0.1 — containment patch for nested journey and workspace engines.
 * Keep the three-pane view only where each pane has enough usable width.
 * Below that threshold, preserve a stable two-pane study layout and move
 * the tools below at full width instead of squeezing text into columns.
 */
.wog-cbsw__grid{container-type:inline-size}
.wog-cbsw__left,.wog-cbsw__center,.wog-cbsw__right{min-width:0;overflow-wrap:normal;word-break:normal}
.wog-cbsw__left .wog-bte,.wog-cbsw__right .wog-csw{overflow:hidden}
.wog-cbsw__left .wog-bte__controls,.wog-cbsw__left .wog-bte__controls *{min-width:0!important;max-width:100%!important}
.wog-cbsw__left .wog-bte__controls{grid-template-columns:1fr!important}
.wog-cbsw__left .wog-bte__view-modes,.wog-cbsw__left .wog-bte__mode-buttons{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.wog-cbsw__left .wog-bte__view-modes button,.wog-cbsw__left .wog-bte__mode-buttons button{width:100%!important;white-space:normal!important}
.wog-cbsw__left .wog-bte__timeline{overflow-x:hidden!important}
.wog-cbsw__left .wog-bte__item,.wog-cbsw__left .wog-bte__card,.wog-cbsw__left .wog-bte__item *{overflow-wrap:break-word;word-break:normal}
.wog-cbsw__right .wog-csw,.wog-cbsw__right .wog-csw *{min-width:0!important;max-width:100%!important}
.wog-cbsw__right .wog-csw__grid{display:grid!important;grid-template-columns:1fr!important}
.wog-cbsw__right .wog-csw__card,.wog-cbsw__right .wog-csw__card--wide{grid-column:auto!important;width:100%!important}
.wog-cbsw__right .wog-csw__toolbar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.wog-cbsw__right .wog-csw input,.wog-cbsw__right .wog-csw textarea,.wog-cbsw__right .wog-csw select{width:100%!important}
.wog-cbsw__right .wog-csw h2,.wog-cbsw__right .wog-csw h3,.wog-cbsw__right .wog-csw h4{overflow-wrap:normal!important;word-break:normal!important}

@media(max-width:1680px){
 .wog-cbsw__grid{grid-template-columns:minmax(300px,340px) minmax(0,1fr)}
 .wog-cbsw__right{position:static;max-height:none;overflow:visible;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:16px;border-top:1px solid var(--line)}
 .wog-cbsw__right>.wog-cbsw__tool,.wog-cbsw__right>.wog-cbsw__disclosure{margin:0}
 .wog-cbsw__right .wog-csw__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .wog-cbsw__right .wog-csw__card--wide{grid-column:span 2!important}
 .wog-cbsw__center{border-right:0}
}
@media(max-width:1180px){
 .wog-cbsw__grid{grid-template-columns:minmax(280px,320px) minmax(0,1fr)}
 .wog-cbsw__right{grid-template-columns:1fr}
 .wog-cbsw__right .wog-csw__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
 .wog-cbsw__right{display:none!important}
 .wog-cbsw__grid[data-active-pane=right] .wog-cbsw__right{display:block!important}
 .wog-cbsw__right .wog-csw__grid{grid-template-columns:1fr!important}
 .wog-cbsw__right .wog-csw__card--wide{grid-column:auto!important}
}


/* 49.0.3 — Canonical Journey readability and desktop pane balance.
 * The timeline is deliberately compacted inside the workspace rather than
 * allowing its full-page layout to be squeezed into an unreadable rail.
 */
.wog-cbsw__left{min-width:380px}
.wog-cbsw__left .wog-bte__metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.wog-cbsw__left .wog-bte__metrics div{padding:14px 8px!important}
.wog-cbsw__left .wog-bte__metrics b{font-size:1.3rem!important}
.wog-cbsw__left .wog-bte__toolbar{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:14px!important}
.wog-cbsw__left .wog-bte__toolbar fieldset{min-width:0!important}
.wog-cbsw__left .wog-bte__toolbar button{padding:9px 11px!important}
.wog-cbsw__left .wog-bte__notice{padding:12px 14px!important;line-height:1.45}
.wog-cbsw__left .wog-bte__track{padding:22px 10px 22px 8px!important;overflow-x:hidden!important}
.wog-cbsw__left .wog-bte__track:before{left:31px!important;top:28px!important;bottom:28px!important;width:3px!important}
.wog-cbsw__left .wog-bte__point{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;margin-bottom:16px!important;transform:none!important}
.wog-cbsw__left .wog-bte__marker{width:44px!important;height:44px!important;border-width:4px!important;font-size:.9rem!important}
.wog-cbsw__left .wog-bte__point article{min-width:0!important;width:auto!important;padding:14px!important;border-radius:14px!important}
.wog-cbsw__left .wog-bte__meta{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;font-size:.68rem!important;line-height:1.35!important}
.wog-cbsw__left .wog-bte__meta em{text-align:left!important}
.wog-cbsw__left .wog-bte__point h3{font-size:1.15rem!important;line-height:1.2!important;margin:8px 0!important}
.wog-cbsw__left .wog-bte__point p{font-size:.9rem!important;line-height:1.5!important;margin:0!important}
.wog-cbsw__left .wog-bte__scripture{gap:6px!important;margin:12px 0!important}
.wog-cbsw__left .wog-bte__scripture span,.wog-cbsw__left .wog-bte__subjects button{font-size:.78rem!important;padding:6px 8px!important;white-space:normal!important}
.wog-cbsw__left .wog-bte__footer{display:block!important;padding:14px!important;font-size:.86rem!important;line-height:1.45!important}
.wog-cbsw__left .wog-bte__footer span{display:block!important;margin-top:8px!important}
.wog-cbsw__left .wog-bte__point article,.wog-cbsw__left .wog-bte__point article *{word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important}

@media(max-width:1680px){
 .wog-cbsw__left{min-width:340px}
 .wog-cbsw__grid{grid-template-columns:minmax(340px,380px) minmax(0,1fr)}
}
@media(max-width:1180px){
 .wog-cbsw__left{min-width:300px}
 .wog-cbsw__grid{grid-template-columns:minmax(300px,340px) minmax(0,1fr)}
}
@media(max-width:900px){
 .wog-cbsw__left{min-width:0}
 .wog-cbsw__left .wog-bte__track{padding-right:12px!important}
}


/* 49.0.4 — View Mode spacing and control consistency.
 * The timeline renderer outputs the three mode buttons directly inside a
 * fieldset, so target that actual structure rather than relying only on
 * optional wrapper classes.
 */
.wog-cbsw__left .wog-bte__toolbar fieldset{
 display:grid!important;
 grid-template-columns:1fr!important;
 gap:10px!important;
 align-content:start!important;
}
.wog-cbsw__left .wog-bte__toolbar fieldset legend{
 margin:0 0 4px!important;
 padding:0!important;
}
.wog-cbsw__left .wog-bte__toolbar fieldset>button{
 display:flex!important;
 width:100%!important;
 min-height:44px!important;
 margin:0!important;
 padding:9px 12px!important;
 align-items:center!important;
 justify-content:center!important;
 line-height:1.25!important;
 white-space:normal!important;
}


/* 49.0.5 — Canonical Journey navigation experience polish.
 * Give the View Mode controls a clear visual hierarchy, predictable sizing,
 * accessible focus treatment and comfortable separation while preserving
 * the existing timeline renderer and all engine behaviour.
 */
.wog-cbsw__left .wog-bte__toolbar{
 row-gap:16px!important;
}
.wog-cbsw__left .wog-bte__toolbar fieldset{
 gap:12px!important;
 margin-top:2px!important;
}
.wog-cbsw__left .wog-bte__toolbar fieldset legend{
 margin:0 0 6px!important;
 font-size:1rem!important;
 line-height:1.3!important;
}
.wog-cbsw__left .wog-bte__toolbar fieldset>button{
 min-height:46px!important;
 border:2px solid #d99d00!important;
 border-radius:999px!important;
 background:#fff8df!important;
 color:#082f63!important;
 box-shadow:0 2px 0 rgba(8,47,99,.04)!important;
 transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease!important;
}
.wog-cbsw__left .wog-bte__toolbar fieldset>button:hover{
 background:#ffe8a3!important;
 border-color:#c78f00!important;
 box-shadow:0 5px 12px rgba(8,47,99,.12)!important;
 transform:translateY(-1px)!important;
}
.wog-cbsw__left .wog-bte__toolbar fieldset>button.is-active,
.wog-cbsw__left .wog-bte__toolbar fieldset>button[aria-pressed="true"]{
 background:#efb20b!important;
 border-color:#a87500!important;
 color:#061f42!important;
 box-shadow:0 0 0 3px rgba(239,178,11,.22),0 5px 12px rgba(8,47,99,.12)!important;
 transform:none!important;
}
.wog-cbsw__left .wog-bte__toolbar fieldset>button:focus-visible{
 outline:3px solid #2563eb!important;
 outline-offset:3px!important;
}
.wog-cbsw__left .wog-bte__notice{
 margin:0!important;
 border-left:4px solid #efb20b!important;
 background:#fff9e6!important;
 box-shadow:inset 0 0 0 1px rgba(218,170,38,.12)!important;
}
.wog-cbsw__left .wog-bte__metrics{
 gap:0!important;
}
.wog-cbsw__left .wog-bte__metrics div{
 min-height:82px!important;
 display:flex!important;
 flex-direction:column!important;
 justify-content:center!important;
 align-items:center!important;
}
@media(max-width:900px){
 .wog-cbsw__left .wog-bte__toolbar fieldset{gap:10px!important}
 .wog-cbsw__left .wog-bte__toolbar fieldset>button{min-height:44px!important}
}
@media(prefers-reduced-motion:reduce){
 .wog-cbsw__left .wog-bte__toolbar fieldset>button{transition:none!important;transform:none!important}
}