/* Shared working surfaces for the BEP research library. */
:root { --bep-accent:#7ec9df; --bep-blue:#499ab6; --bep-deep:#0d556d; --bep-bg:#080f14; --bep-panel:#101c24; --bep-raised:#14252e; --bep-line:#2c414b; --bep-text:#edf4f7; --bep-muted:#a9bbc4; --bep-mono:ui-monospace,'SF Mono',Consolas,monospace; }
html { scroll-behavior:smooth; }
body[data-bep-page] { background:var(--bep-bg); color:var(--bep-text); --muted:#a9bbc4; --dim:#a9bbc4; --ink:#edf4f7; --txt:#edf4f7; --line:#2c414b; --panel:#101c24; --panel2:#14252e; --cyan:#7ec9df; font-size:16px; -webkit-font-smoothing:antialiased; }
.bep-global-header { max-width:1240px; margin:0 auto 28px; padding:20px 28px; min-height:86px; border-bottom:1px solid var(--bep-line); display:flex; align-items:center; justify-content:space-between; gap:18px 32px; font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.bep-global-brand { display:flex; align-items:center; gap:11px; text-decoration:none; color:var(--bep-text)!important; flex-shrink:0; }
.bep-global-brand img { width:40px!important; height:40px!important; object-fit:contain; opacity:1!important; }
.bep-global-brand span { font-weight:600; font-size:16px; letter-spacing:-.02em; }
.bep-global-brand small { display:block; font:11px/1.7 var(--bep-mono); letter-spacing:.13em; color:var(--bep-muted); text-transform:uppercase; }
.bep-global-header nav { display:flex; flex-wrap:wrap; align-items:center; gap:12px 25px; }
.bep-global-header nav a { color:var(--bep-muted); text-decoration:none; }
.bep-global-header nav a:hover { color:var(--bep-accent); }
.bep-global-header nav a:last-child { color:var(--bep-accent); }
.bep-skip { position:fixed; left:16px; top:-100px; background:var(--bep-accent); color:#092631; z-index:200; padding:12px 20px; border-radius:4px; }
.bep-skip:focus { top:10px; }
[data-bep-page] a:focus-visible,[data-bep-page] button:focus-visible,[data-bep-page] input:focus-visible,[data-bep-page] select:focus-visible,[data-bep-page] summary:focus-visible,[data-bep-page] [role=button]:focus-visible { outline:2px solid var(--bep-accent); outline-offset:4px; }
[data-bep-page] button, [data-bep-page] select { font-family:inherit; }
[data-bep-page] .bep-table-scroll { overflow-x:auto; max-width:100%; scrollbar-color:#499ab6 #101c24; }
.bep-view-note { color:var(--bep-muted); font:12px/1.7 var(--bep-mono); margin:12px 0 0; }
/* Atlas pages: one architectural drawing, then its underlying supplier universe. */
body[data-bep-page^=atlas] { padding:0; }
[data-bep-page^=atlas] .wrap { max-width:1240px; padding-inline:28px; }
[data-bep-page^=atlas] header { border:0; padding:8px 0 22px; }
[data-bep-page^=atlas] header .brand,[data-bep-page^=atlas] .bep-tools-nav { display:none; }
[data-bep-page^=atlas] h1 { font-size:clamp(30px,4vw,48px); font-weight:600; letter-spacing:-.045em; line-height:1.14; }
[data-bep-page^=atlas] .dek { font-style:normal; font-size:17px; line-height:1.7; max-width:850px; margin-top:16px; }
[data-bep-page^=atlas] .dek b { font-weight:500; }
[data-bep-page^=atlas] .statsbar { gap:18px 32px; padding-block:20px; border-block:1px solid var(--bep-line); margin-top:24px; }
[data-bep-page^=atlas] .stat .n { font-size:24px; font-weight:500; }
[data-bep-page^=atlas] .stat .l { font-size:12px; letter-spacing:.03em; text-transform:none; }
[data-bep-page^=atlas] #search { max-width:560px; font-size:15px; padding:12px 16px; min-height:46px; }
[data-bep-page^=atlas] .hint { font-size:12px; }
[data-bep-page^=atlas] main { display:block; padding-top:6px; }
.atlas-stage { position:relative!important; top:auto!important; padding:0!important; overflow:hidden; margin-bottom:28px; border:1px solid var(--bep-line)!important; border-radius:10px; background:var(--bep-bg); }
.atlas-stage-head { padding:20px 24px; border-bottom:1px solid var(--bep-line); display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between; align-items:center; }
.atlas-stage-head h2 { font-size:22px; font-weight:500; letter-spacing:-.025em; }
.atlas-stage-head p { color:var(--bep-muted); font-size:13px; margin-top:5px; }
.atlas-modes { display:flex; gap:4px; padding:4px; border:1px solid #466372; border-radius:6px; }
.atlas-modes button { border:0; border-radius:3px; padding:9px 14px; background:transparent; color:var(--bep-muted); font-size:13px; cursor:pointer; min-height:40px; }
.atlas-modes button[aria-pressed=true] { background:var(--bep-accent); color:#092631; }
.atlas-viewport { overflow-x:auto; scrollbar-color:#499ab6 #101c24; }
.atlas-viewport svg { width:100%; min-width:680px; height:auto; }
.atlas-stage .rgn { fill:none; stroke:none; cursor:pointer; }
.atlas-stage .rgn .face { transition:stroke .2s; }
.atlas-stage .rgn.hl .face,.atlas-stage .rgn:focus-visible .face { stroke:#9ce2f3; stroke-width:2; }
.atlas-stage .svgl { font:13px Inter,Arial,sans-serif; text-anchor:start; text-transform:none; letter-spacing:0; fill:#a9bbc4; }
.atlas-stage .svgl.on { fill:#d3f1fa; }
.atlas-part { transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.atlas-stage[data-view=exploded] .atlas-part { transform:translate(var(--dx),var(--dy)); }
.atlas-stage[data-view=focus] .rgn:not(.hl) { opacity:.24; }
.atlas-stage-foot { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:16px 24px; border-top:1px solid var(--bep-line); color:var(--bep-muted); font-size:13px; }
.atlas-stage-foot strong,.atlas-stage-foot a { color:var(--bep-accent); font-weight:500; }
.atlas-workspace { display:grid; grid-template-columns:230px minmax(0,1fr); gap:24px; align-items:start; scroll-margin-top:24px; }
.atlas-workspace .chips { display:flex; flex-direction:column; gap:7px; position:sticky; top:20px; }
.atlas-workspace .chip { border-radius:5px; padding:12px; min-height:44px; text-align:left; font-size:14px; }
[data-bep-page^=atlas] .panel { min-width:0; padding:26px; border-radius:8px; }
[data-bep-page^=atlas] .ptitle h2 { font-size:28px; font-weight:550; letter-spacing:-.035em; }
[data-bep-page^=atlas] .ptitle .region,[data-bep-page^=atlas] .meter .ml,[data-bep-page^=atlas] .meter .mt { font-size:12px; letter-spacing:.03em; }
[data-bep-page^=atlas] .take { font-size:16px; line-height:1.8; padding:18px; }
[data-bep-page^=atlas] .take .bt { font-size:12px; }
[data-bep-page^=atlas] .fwrow { font-size:13px; line-height:1.8; }
[data-bep-page^=atlas] .fbtn { font-size:13px; min-height:38px; padding:8px 12px; }
[data-bep-page^=atlas] .count { font-size:12px; }
[data-bep-page^=atlas] td { font-size:15px; padding:14px 10px; line-height:1.65; }
[data-bep-page^=atlas] td.note { font-size:14px; min-width:200px; color:#b5c6d0; }
[data-bep-page^=atlas] td.co { white-space:normal; min-width:140px; }
[data-bep-page^=atlas] th,[data-bep-page^=atlas] .tick,[data-bep-page^=atlas] .tag,[data-bep-page^=atlas] .ctry,[data-bep-page^=atlas] tr.grp td { font-size:12px; letter-spacing:.03em; }
[data-bep-page^=atlas] .method,[data-bep-page^=atlas] .disc { font-size:14px; line-height:1.8; max-width:100%; }
/* Simulations retain their native data and colors, with a larger working area. */
body[data-bep-page=explainer] { margin:0; padding:0; }
[data-bep-page=explainer] > .wrap { max-width:1240px; padding:8px 28px 50px; }
[data-bep-page=explainer] header { padding:0 0 18px; margin-bottom:0; }
[data-bep-page=explainer] header h1 { font-size:clamp(30px,4vw,46px); letter-spacing:-.045em; line-height:1.16; margin-block:12px; }
[data-bep-page=explainer] header .sub { font-size:17px; max-width:880px; line-height:1.75; }
[data-bep-page=explainer] .kicker { font-size:12px; }
[data-bep-page=explainer] h2 { font-size:25px; letter-spacing:-.025em; margin-top:34px; }
[data-bep-page=explainer] .lead { font-size:16px; line-height:1.8; max-width:920px; }
[data-bep-page=explainer] .simwrap { padding:22px; border-radius:10px; background:linear-gradient(135deg,#122834,#0d1820); }
[data-bep-page=explainer] .toggle { gap:12px; margin-bottom:20px; }
[data-bep-page=explainer] .toggle button { padding:16px 20px; font-size:16px; text-align:left; border-radius:6px; }
[data-bep-page=explainer] .toggle button .t2 { font-size:14px; line-height:1.7; margin-top:7px; }
[data-bep-page=explainer] canvas { border-radius:6px; background:#080f14; }
[data-bep-page=explainer] .legend { font-size:13px; gap:10px 20px; }
[data-bep-page=explainer] .stat { padding:18px; border-radius:6px; }
[data-bep-page=explainer] .stat .v { font:500 29px/1.4 var(--bep-mono); }
[data-bep-page=explainer] .stat .k { font-size:12px; text-transform:none; letter-spacing:0; }
[data-bep-page=explainer] .controls { padding-top:18px; gap:16px; }
[data-bep-page=explainer] .btn { min-height:44px; font-size:14px; padding:10px 16px; }
[data-bep-page=explainer] .ctrl label { font-size:14px; }
[data-bep-page=explainer] input[type=range] { accent-color:#7ec9df; min-height:30px; }
[data-bep-page=explainer] .card { padding:24px; border-radius:8px; }
[data-bep-page=explainer] .card h3 { font-size:19px; font-weight:550; }
[data-bep-page=explainer] .card p { font-size:15px; line-height:1.8; }
[data-bep-page=explainer] .card .tag,[data-bep-page=explainer] .pill,[data-bep-page=explainer] .card .more { font-size:12px; }
[data-bep-page=explainer] .foot { font-size:14px; line-height:1.8; }
/* Tracking pages: readable figures, complete tables and deliberate empty states. */
body[data-bep-page=call-sheet],body[data-bep-page=basket] { display:block; padding:0 28px 50px; }
[data-bep-page=call-sheet] > .card { max-width:1184px; margin:auto; padding:28px; border-radius:10px; box-shadow:none; }
[data-bep-page=call-sheet] .title { font-size:36px; font-weight:550; letter-spacing:-.04em; }
[data-bep-page=call-sheet] .logo,[data-bep-page=call-sheet] .head .right .brand { display:none; }
[data-bep-page=call-sheet] .sub { font-size:16px; font-style:normal; line-height:1.7; }
[data-bep-page=call-sheet] .live { font-size:12px; }
[data-bep-page=call-sheet] .toggle button,[data-bep-page=call-sheet] .csv { min-height:42px; padding:10px 16px; font-size:13px; border-radius:4px; }
[data-bep-page=call-sheet] .csv { background:transparent; }
[data-bep-page=call-sheet] .toggle button.active { background:#0d556d; color:#fefeff; }
[data-bep-page=call-sheet] table { min-width:730px; }
[data-bep-page=call-sheet] th { font-size:12px; letter-spacing:.04em; }
[data-bep-page=call-sheet] td { font-size:16px; padding:16px 10px; }
[data-bep-page=call-sheet] .src,[data-bep-page=call-sheet] .dir { font-size:12px; }
[data-bep-page=call-sheet] .foot { font-size:14px; line-height:1.8; }
[data-bep-page=call-sheet] .empty { padding:30px 12px; font-size:15px; }
[data-bep-page=call-sheet] h2.sec { font-size:13px; margin-block:28px 10px; }
[data-bep-page=basket] > .wrap { max-width:1184px; }
[data-bep-page=basket] .brand { display:none; }
[data-bep-page=basket] h1 { font-size:clamp(30px,4vw,46px); font-weight:550; letter-spacing:-.04em; }
[data-bep-page=basket] .dek { font-size:17px; font-style:normal; line-height:1.7; max-width:850px; margin-top:14px; }
[data-bep-page=basket] .chartcard { padding:22px; border-radius:10px; }
[data-bep-page=basket] .axtx { fill:#a9bbc4; font-size:12px; }
[data-bep-page=basket] .grid { stroke:#29414d; }
[data-bep-page=basket] .ranges button { min-height:42px; font-size:13px; }
[data-bep-page=basket] .ranges button.on { background:#0d556d; color:#fefeff; }
[data-bep-page=basket] .status { font-size:12px; }
[data-bep-page=basket] .stats { gap:14px; margin-top:20px; }
[data-bep-page=basket] .stat { padding:20px; border-radius:8px; }
[data-bep-page=basket] .stat .k { font-size:12px; text-transform:none; letter-spacing:0; }
[data-bep-page=basket] .stat .v { font:500 29px/1.5 var(--bep-mono); }
[data-bep-page=basket] .htbl { min-width:560px; }
[data-bep-page=basket] .htbl td { font-size:15px; padding:13px 10px; }
[data-bep-page=basket] .htbl th { font-size:12px; }
[data-bep-page=basket] details.holdings summary { font-size:16px; padding-block:20px; }
[data-bep-page=basket] .disc,[data-bep-page=basket] footer { font-size:13px; }
/* Research reading and benchmark pages share the shell without changing chart scales. */
[data-bep-page=octane],[data-bep-page=framework],[data-bep-page=primer],[data-bep-page=relative-value],[data-bep-page=syndicate] { --mut:#a9bbc4; --hair:#2c414b; --cy:#7ec9df; --ink:#edf4f7; --accent:#7ec9df; }
[data-bep-page=octane] .bep-global-header,[data-bep-page=primer] .bep-global-header,[data-bep-page=framework] .bep-global-header { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
[data-bep-page=octane] { --page:#080f14; --surface:#101c24; --raised:#14252e; --rule:#2c414b; --rule-strong:#466372; --ink2:#c5d6de; --faint:#a9bbc4; --step-0:12px; --step-1:14px; --step-2:16px; --step-3:22px; --step-4:42px; }
[data-bep-page=octane] > .wrap { max-width:1184px; padding-top:14px; }
[data-bep-page=octane] .eyebrow { color:var(--bep-accent); font-size:12px; }
[data-bep-page=octane] h1 { font-size:clamp(30px,4vw,46px); font-weight:600; letter-spacing:-.04em; }
[data-bep-page=octane] h1 em { color:var(--bep-accent); }
[data-bep-page=octane] .sub { color:#c5d6de; font-size:17px; line-height:1.75; max-width:880px; }
[data-bep-page=octane] .scale { color:var(--bep-muted); font-size:13px; }
[data-bep-page=octane] .card,[data-bep-page=octane] .example { background:var(--bep-panel); border-color:var(--bep-line); padding:24px; border-radius:8px; }
[data-bep-page=octane] .card.pick { border-color:var(--bep-blue); }
[data-bep-page=octane] .card h2 { font-size:13px; color:var(--bep-accent); }
[data-bep-page=octane] .card p { font-size:15px; line-height:1.75; color:var(--bep-muted); }
[data-bep-page=octane] .exports button { background:var(--bep-panel); border-color:#466372; min-height:44px; }
[data-bep-page=octane] .exports button:hover { border-color:var(--bep-accent); color:var(--bep-accent); }
[data-bep-page=octane] .hint,[data-bep-page=octane] .readout,[data-bep-page=octane] footer { color:var(--bep-muted); font-size:13px; line-height:1.8; }
[data-bep-page=octane] .topnav { gap:10px 26px; border-bottom:1px solid var(--bep-line); }
[data-bep-page=octane] .calc { padding:24px; background:var(--bep-panel); }
[data-bep-page=octane] .calc input,[data-bep-page=octane] .calc select { min-height:44px; font-size:16px; }
[data-bep-page=octane] .wl-chip,[data-bep-page=octane] .wl-v,[data-bep-page=octane] .wl-e { min-height:44px; }
[data-bep-page=octane] .board text[fill="#666666"],[data-bep-page=octane] .board text[fill="#999999"] { fill:var(--bep-muted); }
[data-bep-page=octane] .board line[stroke="#1a1a1a"] { stroke:var(--bep-line); }
.bep-chart-scroll { overflow-x:auto; max-width:100%; scrollbar-color:#499ab6 #101c24; }
.bep-chart-scroll > svg { min-width:780px; }
[data-bep-page=primer] { font-size:18px!important; line-height:1.85; }
[data-bep-page=primer] main { max-width:800px; padding-top:24px; }
[data-bep-page=primer] .topbar { background:var(--bep-panel); border-color:var(--bep-line); }
[data-bep-page=primer] .topbar a { color:var(--bep-accent); }
[data-bep-page=primer] h1 { font-size:clamp(34px,5vw,52px); letter-spacing:-.035em; line-height:1.15; }
[data-bep-page=primer] h2 { margin-top:2.2em; }
[data-bep-page=primer] p,[data-bep-page=primer] li { color:#d0dee5; }
[data-bep-page=primer] .sub,[data-bep-page=primer] .meta,[data-bep-page=primer] figcaption { color:var(--bep-muted); }
[data-bep-page=primer] a { color:var(--bep-accent); }
[data-bep-page=primer] figure { margin:2em 0; }
[data-bep-page=primer] img { max-width:100%; height:auto; }
[data-bep-page=primer] figcaption { font-size:14px; line-height:1.7; margin-top:10px; }
[data-bep-page=primer] footer { color:var(--bep-muted); }
[data-bep-page=framework] > header { display:none; }
[data-bep-page=framework] main { max-width:820px; padding-top:12px; font-size:17px; line-height:1.85; }
[data-bep-page=framework] h1 { font-size:clamp(32px,5vw,48px); font-weight:600; letter-spacing:-.04em; }
[data-bep-page=framework] .panel { padding:26px; }
[data-bep-page=framework] .note,[data-bep-page=framework] footer { font-size:14px; }
[data-bep-page=relative-value] { padding-top:0; --card:#101c24; --border:#2c414b; --white:#edf4f7; }
[data-bep-page=relative-value] .wrap { max-width:1184px; }
[data-bep-page=relative-value] h1 { font:600 clamp(28px,4vw,42px)/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; color:var(--bep-text); letter-spacing:-.03em; }
[data-bep-page=relative-value] .sub { font-size:17px; line-height:1.75; margin-top:14px; }
[data-bep-page=relative-value] .stat { padding:20px; }
[data-bep-page=relative-value] .stat .k { font-size:12px; }
[data-bep-page=relative-value] .card .cap,[data-bep-page=relative-value] .meth p,[data-bep-page=relative-value] .meth li { font-size:14px; line-height:1.8; }
[data-bep-page=relative-value] .toggle button { min-height:44px; }
[data-bep-page=relative-value] .toggle button.on { background:var(--bep-accent); color:#092631; }
[data-bep-page=syndicate] { padding-top:0; }
[data-bep-page=syndicate] .brand { display:none; }
[data-bep-page=syndicate] h1 { font-weight:550; letter-spacing:-.04em; }
[data-bep-page=syndicate] .wrap { max-width:740px; }
[data-bep-page=syndicate] .dek { font-style:normal; font-size:18px; line-height:1.75; }
[data-bep-page=syndicate] .body p { font-size:17px; line-height:1.8; color:#c5d6de; }
[data-bep-page=syndicate] .panel { border-radius:8px; padding:28px; }
[data-bep-page=syndicate] label { font-size:14px; }
[data-bep-page=syndicate] input,[data-bep-page=syndicate] select,[data-bep-page=syndicate] textarea { font-size:16px; min-height:44px; }
[data-bep-page=syndicate] button { min-height:48px; font-size:15px; }
[data-bep-page=syndicate] input[type=checkbox] { min-height:0; }
[data-bep-page=syndicate] .attest label { margin:0; font-family:inherit; font-size:14px; line-height:1.7; letter-spacing:0; text-transform:none; color:#c5d6de; }
[data-bep-page=syndicate] .disc,[data-bep-page=syndicate] footer { font-size:13px; color:var(--bep-muted); }
@media(max-width:760px) {
 .bep-global-header { padding:18px 20px; flex-wrap:wrap; margin-bottom:22px; }
 .bep-global-header nav { width:100%; gap:12px 20px; font-size:13px; }
 [data-bep-page=call-sheet] .bep-global-header,[data-bep-page=basket] .bep-global-header,[data-bep-page=syndicate] .bep-global-header,[data-bep-page=relative-value] .bep-global-header { padding-inline:0; }
 [data-bep-page^=atlas] .wrap { padding-inline:18px; }
 [data-bep-page^=atlas] .statsbar { gap:14px 24px; }
 [data-bep-page^=atlas] .searchrow { flex-wrap:wrap; }
 [data-bep-page^=atlas] #search { max-width:none; min-width:0; width:100%; flex-basis:100%; }
 .atlas-workspace { grid-template-columns:1fr; gap:12px; }
 .atlas-workspace .chips { position:static; flex-direction:row; flex-wrap:nowrap; overflow-x:auto; padding:4px; }
 .atlas-workspace .chip { flex-shrink:0; white-space:nowrap; }
 [data-bep-page^=atlas] .panel { padding:18px; }
 .atlas-stage-head,.atlas-stage-foot { padding:18px; }
 [data-bep-page=explainer] > .wrap { padding-inline:18px; }
 [data-bep-page=explainer] .simwrap { padding:14px; }
 [data-bep-page=explainer] .toggle button { min-width:0; flex-basis:100%; }
 [data-bep-page=explainer] .controls { flex-wrap:wrap; }
 [data-bep-page=explainer] .ctrl { min-width:0; flex-basis:100%; }
 body[data-bep-page=call-sheet],body[data-bep-page=basket] { padding-inline:16px; }
 [data-bep-page=call-sheet] > .card { padding:18px 14px; }
 [data-bep-page=call-sheet] .head { flex-wrap:wrap; }
 [data-bep-page=call-sheet] .title { font-size:30px; }
 [data-bep-page=call-sheet] .hide-sm { display:table-cell; }
 [data-bep-page=call-sheet] td { font-size:14px; }
 [data-bep-page=basket] .chartcard { padding:12px; overflow-x:auto; }
 [data-bep-page=basket] #chart { min-width:640px; }
 [data-bep-page=basket] .stats { grid-template-columns:1fr 1fr; }
 [data-bep-page=basket] .stat { padding:16px; }
 [data-bep-page=syndicate] .panel { padding:20px; }
 [data-bep-page=octane] .verdicts { grid-template-columns:1fr; }
 [data-bep-page=octane] .calc { padding:18px; }
 [data-bep-page=octane] .calc-inputs { grid-template-columns:1fr; }
 [data-bep-page=primer] main { padding-inline:20px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .atlas-part { transition:none; } }
@media print {
 .bep-global-header,.bep-skip { display:none; }
 body[data-bep-page=octane] { background:#fff; color:#111; --bep-text:#111; --bep-muted:#444; --bep-panel:#fff; --bep-line:#ccc; --bep-accent:#0d556d; --page:#fff; --surface:#fff; --raised:#eee; --ink:#111; --ink2:#333; --muted:#444; --faint:#444; --rule:#ccc; --rule-strong:#999; }
 [data-bep-page=octane] .sub { color:#333; }
 .bep-chart-scroll { overflow:visible; }
 .bep-chart-scroll > svg { min-width:0; }
}

/* Source dates and benchmark scope remain visible on generated research reports. */
.research-context{box-sizing:border-box;max-width:1100px;margin:20px auto;padding:16px 20px;border:1px solid #224f60;border-left:3px solid #4ca2ba;border-radius:8px;background:#0b1920;color:#b7cbd3;font:13px/1.65 system-ui,sans-serif}
.research-context strong{display:block;color:#8cd0e2;font-size:11px;text-transform:uppercase;letter-spacing:.09em}
.research-context p{margin:6px 0 0;max-width:none;font:inherit;color:inherit}
.research-context a{color:#d4eef5;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.research-context{margin:12px;padding:12px 14px}}
[data-bep-page=bcsi] .tw { max-width:100%; overflow-x:auto; }
[data-bep-page=bcsi] pre { max-width:100%; overflow-x:auto; }
[data-bep-page=bcsi] .two { grid-template-columns:repeat(2,minmax(0,1fr)); }
[data-bep-page=bcsi] .two > .card { min-width:0; }
@media(max-width:700px){
  [data-bep-page=bcsi] .two { grid-template-columns:minmax(0,1fr); }
  [data-bep-page=bcsi] .wf .row { grid-template-columns:minmax(90px,1fr) minmax(35px,1fr) 52px; }
}