/* Research dossier: a full-width map and a continuous, uncut reading surface. */
body.research-ui .wf-detail {
  --detail-ink:#173353; --detail-muted:#435b75; --detail-line:#c8d8ee;
  --detail-glass:var(--glass-surface); --detail-gap:24px; --detail-radius:18px;
  --detail-shadow:var(--glass-shadow);
  max-width:1320px; margin:30px auto 0; padding:0; border:0; border-radius:0;
  background:none; box-shadow:none; color:var(--detail-ink); overflow:visible;
}
body.research-ui .wf-detail::before { content:none; }
body.research-ui .research-detail-topline { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; font-size:12px; }
body.research-ui .research-detail-topline a { display:inline-flex; align-items:center; gap:9px; color:#456487; }
body.research-ui .research-doc-id, body.research-ui .research-section-kicker, body.research-ui .research-step-position { font:10px/1.5 var(--mono); text-transform:uppercase; letter-spacing:.1em; color:#587092; }
body.research-ui .research-notebook-header { padding:0; margin-bottom:18px; border:1px solid #fff; border-radius:24px 24px 8px 8px; background:var(--glass-reflection),var(--detail-glass); box-shadow:var(--detail-shadow); overflow:hidden; backdrop-filter:var(--glass-filter); -webkit-backdrop-filter:var(--glass-filter); }
body.research-ui .research-hero-grid { display:block; }
body.research-ui .research-evidence-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--detail-gap); align-items:stretch; }
body.research-ui .wf-detail .io-input, body.research-ui .wf-detail .io-results, body.research-ui .research-interpretation {
  min-width:0; border:1px solid #c8d8eb; border-top-color:#fff; border-radius:var(--detail-radius);
  background:var(--detail-glass); box-shadow:var(--detail-shadow); backdrop-filter:var(--glass-filter); -webkit-backdrop-filter:var(--glass-filter);
}
body.research-ui .research-header-copy { min-width:0; padding:34px 38px 28px; }
body.research-ui .wf-detail .detail-head { display:block; }
body.research-ui .wf-detail .wf-kicker { display:block; margin:0 0 12px; color:#4f6ea4; font:10px/1.6 var(--mono); letter-spacing:.1em; }
body.research-ui .wf-detail .wf-kicker-sep { color:#9cafd0; margin:0 8px; }
body.research-ui .research-draft-label { display:inline-block; margin-left:8px; padding:2px 9px; border-radius:99px; color:#6b57a5; border:1px solid #d6cff0; background:#f5f0ff; }
body.research-ui .wf-detail .detail-head h1 { margin:0 0 22px; max-width:1100px; font:620 clamp(29px,3.2vw,44px)/1.14 var(--sans); color:#173858; letter-spacing:-.045em; text-wrap:balance; overflow-wrap:anywhere; }
body.research-ui .wf-detail .detail-head .byline { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0 0 12px; font-size:11px; line-height:1.8; color:#546d8f; }
body.research-ui .wf-detail .byline a { color:#335b8d; }
body.research-ui .wf-detail .card-tags { gap:6px; }
body.research-ui .wf-detail .card-tags .badge { padding:5px 10px; background:#eef4fead; border:1px solid #d7e2f5; border-radius:6px; color:#436391; font-size:10px; box-shadow:inset 0 1px #fff; }
body.research-ui .wf-detail .wf-cite { margin:17px 0 0; padding-top:13px; border-top:1px solid #d8e3f2; gap:10px; font-size:11px; }
body.research-ui .wf-detail .wf-source { gap:8px; max-width:100%; border:0; color:#325c92; }
body.research-ui .wf-detail .wf-source-k { color:#758aa8; font-size:9px; }
body.research-ui .wf-detail .wf-source-label { overflow-wrap:anywhere; font-weight:500; }
body.research-ui .wf-detail .wf-cite-btn, body.research-ui .wf-detail .wf-bibtex-copy { border:1px solid #cad9ed; border-radius:99px; background:#ffffffc9; color:#345a8a; padding:6px 11px; box-shadow:inset 0 1px #fff; }
body.research-ui .wf-detail .wf-bibtex { min-width:0; color:#274b72; background:#eff5fddd; border:1px solid #cdddf1; border-radius:14px; }
body.research-ui .wf-detail .wf-bibtex pre { color:inherit; }
/* The brief is a luminous glass instrument; its text always sits above the light. */
body.research-ui .research-brief { min-width:0; position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(110deg,#c3d9ff45,#ffffff18 60%,#d9ceff4d); border-top:1px solid #ffffffb3; }
body.research-ui .research-brief::before { content:''; position:absolute; z-index:-1; width:330px; height:330px; right:-145px; top:-145px; border-radius:50%; background:conic-gradient(from 40deg,#9ec7ff55,#a8a4ef55,#dfeaff22,#9ec7ff55); filter:blur(24px); animation:research-brief-light 12s ease-in-out infinite alternate; pointer-events:none; }
body.research-ui .research-brief::after { content:''; position:absolute; inset:1px; border:1px solid #ffffff80; pointer-events:none; }
body.research-ui .research-brief-edge { position:absolute; top:0; left:0; height:2px; width:55%; background:linear-gradient(90deg,transparent,#81b1fa,#a195ed,transparent); animation:research-brief-edge 6s ease-in-out infinite; pointer-events:none; }
body.research-ui .wf-detail .ai-summary { position:relative; display:grid; grid-template-columns:200px minmax(0,1fr) 190px; align-items:center; gap:26px; margin:0; padding:24px 38px; border:0; border-radius:0; background:transparent; box-shadow:none; }
body.research-ui .wf-detail .ai-summary-head { display:flex; align-items:center; gap:12px; width:100%; margin:0; }
body.research-ui .wf-detail .ai-summary-mark { display:grid; place-items:center; flex:0 0 51px; width:51px; height:51px; padding:5px; border:1px solid #ffffffc9; border-radius:17px; background:linear-gradient(145deg,#ffffffc9,#dce8ffb8); box-shadow:0 5px 18px #6083bf12,inset 0 1px #fff; cursor:pointer; transition:transform .25s,box-shadow .25s; }
body.research-ui .wf-detail .ai-summary-mark img { width:44px; height:48px; object-fit:contain; transform-origin:50% 90%; }
body.research-ui .wf-detail .ai-summary-mark:is(:hover,:focus-visible) { transform:translateY(-2px); box-shadow:0 7px 22px #698bd42b; }
body.research-ui .wf-detail .ai-summary-mark:is(:hover,:focus-visible) img { animation:research-otter-greet .75s ease; }
body.research-ui .wf-detail .ai-summary-kicker { color:#365b91; font:11px/1.5 var(--mono); letter-spacing:.1em; }
body.research-ui .wf-detail .ai-summary-by { display:block; margin:4px 0 0; color:#637da0; font:10px/1.5 var(--sans); letter-spacing:0; text-transform:none; }
body.research-ui .research-brief-signal { display:none; }
body.research-ui .research-brief-signal i { width:3px; height:8px; border-radius:4px; background:#8ba6db; }
body.research-ui .research-brief-signal i:nth-child(2) { height:17px; background:#9c96d7; }
body.research-ui .research-brief-signal i:nth-child(3) { height:12px; }
body.research-ui .wf-detail .ai-summary-body { max-width:none; margin:0; color:#344e70; font:14px/1.8 var(--sans); visibility:visible; opacity:1; }
body.research-ui .research-brief-actions { min-width:0; }
body.research-ui .research-brief-ask { display:flex; align-items:center; justify-content:space-between; width:100%; gap:12px; margin:0; padding:11px 13px; color:#365d93; background:#ffffffad; border:1px solid #b8cdeb; border-radius:10px; font:11px var(--sans); cursor:pointer; transition:background .2s,transform .2s; }
body.research-ui .research-brief-ask:hover { background:#fff; transform:translateX(2px); }
body.research-ui .research-brief-route { display:flex; align-items:center; gap:12px; width:100%; margin-top:auto; padding-top:14px; color:#6883aa; font:9px/1.5 var(--mono); letter-spacing:.025em; }
body.research-ui .research-brief-route span { flex:1; text-align:center; }
body.research-ui .research-brief-route span:first-child { text-align:left; }
body.research-ui .research-brief-route span:last-child { text-align:right; }
body.research-ui .research-brief-route i { color:#9aaad2; font:16px/1 var(--sans); }
body.research-ui .research-brief-facts { position:relative; display:flex; justify-content:flex-end; gap:25px; padding:0 38px 16px; margin:0; }
body.research-ui .research-brief-facts > a { display:flex; align-items:center; gap:8px; min-width:0; padding:0; }
body.research-ui .research-brief-facts strong { color:#5375ac; font:12px/1 var(--mono); }
body.research-ui .research-brief-facts > a:last-child strong { color:#8881c3; font:italic 16px/1 Georgia,serif; }
body.research-ui .research-brief-facts > a > span { color:#587097; font-size:10px; line-height:1.6; }
body.research-ui .research-brief-facts > a > span > span { margin-left:3px; }
/* Actions and section navigation are aligned full-width rails. */
body.research-ui .research-workspace-toolbar { display:flex; align-items:center; gap:14px; position:sticky; top:87px; z-index:15; margin-bottom:30px; padding:7px 12px; border:1px solid var(--glass-line); border-radius:8px 8px 16px 16px; background:var(--glass-reflection),var(--glass-surface-raised); backdrop-filter:var(--glass-filter); -webkit-backdrop-filter:var(--glass-filter); box-shadow:var(--detail-shadow); }
body.research-ui .wf-detail .research-detail-actions { display:flex; flex-wrap:wrap; align-items:center; gap:7px; flex:0 0 auto; margin:0; padding:0 2px; background:none; border:0; border-radius:0; box-shadow:none; }
body.research-ui .wf-detail .btn { border-radius:9px; min-height:39px; border-color:#bfd1ed; background:#ffffffcf; color:#38649c; font-size:12px; box-shadow:inset 0 1px #fff; }
body.research-ui .wf-detail .btn:hover { background:#edf4ff; border-color:#96b3df; }
body.research-ui .wf-detail .research-detail-actions > .votebox { display:inline-flex; flex-direction:row; align-items:center; flex:0 0 auto; gap:6px; width:auto; min-width:65px; height:39px; margin:0; padding:3px 12px 3px 6px; border:1px solid #cbdaf0; border-radius:99px; background:#ffffffb8; }
body.research-ui .research-detail-actions .vote-form { display:flex; }
body.research-ui .research-detail-actions .vote-star { width:28px; height:28px; }
body.research-ui .research-detail-actions .vote-score { color:#426699; font-size:12px; }
body.research-ui .wf-detail .btn-admin-del { color:#9c6477; }
body.research-ui .research-section-nav { display:flex; flex:1; align-items:center; gap:4px; min-width:0; margin:0; padding:0; overflow-x:auto; scrollbar-width:none; white-space:nowrap; }
body.research-ui .research-section-nav a { display:inline-flex; align-items:center; gap:9px; padding:10px 15px; border-radius:9px; border:1px solid transparent; color:#5b759a; font-size:12px; transition:background .25s,color .25s,box-shadow .25s; }
body.research-ui .research-section-nav a:hover, body.research-ui .research-section-nav a[aria-current] { color:#3c65a5; background:#fff; border-color:#cfddf2; box-shadow:0 3px 10px #426b9e0b; }
body.research-ui .research-section-nav a span { font:9px var(--mono); color:#8ba0c0; }
/* One connected workspace: full map, selection rail, then full step contents. */
body.research-ui .wf-detail .io-block { display:block; margin:0 0 32px; padding:0; border:0; border-radius:0; background:none; scroll-margin-top:170px; }
body.research-ui .wf-detail .io-block::before { content:none; }
body.research-ui .research-section-heading { display:flex; align-items:center; gap:13px; min-height:54px; margin-bottom:18px; }
body.research-ui .wf-detail .io-step-num { flex:0 0 41px; width:41px; height:41px; border:1px solid #fff; border-radius:14px; color:#6383ba; background:linear-gradient(145deg,#fff9,#e4edff9c); box-shadow:0 3px 10px #6082b30b; font:13px var(--mono); }
body.research-ui .research-section-kicker { display:block; margin-bottom:4px; font-size:9px; }
body.research-ui .wf-detail .io-label { display:block; margin:0; color:#25496c; font:600 26px/1.3 var(--sans); letter-spacing:-.035em; }
body.research-ui .research-section-intro { margin:0 0 0 auto; color:#6b84a5; font-size:11px; line-height:1.7; text-align:right; }
body.research-ui .research-section-intro > span { margin-left:7px; color:#839ed0; }
body.research-ui .research-pipeline-layout { display:block; overflow:hidden; border:1px solid var(--glass-line); border-radius:var(--detail-radius); background:var(--glass-reflection),var(--detail-glass); box-shadow:var(--detail-shadow); backdrop-filter:var(--glass-filter); -webkit-backdrop-filter:var(--glass-filter); }
body.research-ui .research-flow { min-width:0; position:relative; top:auto; display:flex; flex-direction:column; height:auto; overflow:hidden; border:0; border-radius:0; background:linear-gradient(135deg,#d9eaff24,transparent 45%,#d6ccff20); box-shadow:none; }
body.research-ui .wf-detail .pipe-detail-area { display:block; height:auto; min-width:0; margin:0; padding:0; overflow:visible; border:0; border-top:1px solid #c6d7ee; border-radius:0; background:var(--glass-reading); box-shadow:none; scroll-margin-top:158px; }
body.research-ui .research-flow-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0; padding:18px 28px; border-bottom:1px solid #acbfdd50; background:#ffffff26; }
body.research-ui .research-flow-heading > div { display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
body.research-ui .research-flow-heading .research-section-kicker { margin:0; }
body.research-ui .research-inspector-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; min-width:0; padding:20px 30px; border-bottom:1px solid #acbfdd50; background:linear-gradient(100deg,#cbdcff40,#ffffff30); }
body.research-ui .research-inspector-heading { flex:0 0 auto; margin:0; padding:0; border:0; background:none; }
body.research-ui .research-flow-heading .research-section-kicker, body.research-ui .research-inspector-heading .research-section-kicker { color:#5377ad; font-size:10px; }
body.research-ui .research-flow-description, body.research-ui .research-inspector-subtitle { color:#526a86; font-size:11px; }
body.research-ui .research-inspector-mark { color:#a4a9db; font:28px var(--mono); }
body.research-ui .research-flow-pan { color:#7a91b2; font:9px/1.6 var(--mono); text-align:right; }
body.research-ui .research-flow-pan span { margin-left:3px; color:#6c89b8; font-size:15px; }
body.research-ui .research-flow-pan[hidden] { display:none; }
body.research-ui .research-flow-viewport { display:flex; flex:1 0 auto; min-width:0; min-height:0; max-height:none; overflow:auto; overscroll-behavior:auto; scrollbar-width:thin; scrollbar-color:#b4c9ea transparent; background-image:radial-gradient(#7292ba55 .75px,transparent .75px); background-size:19px 19px; }
body.research-ui .research-flow-viewport:focus-visible { outline:2px solid #8498de; outline-offset:-4px; }
body.research-ui .research-flow-stage { position:relative; flex:0 0 auto; margin:auto; overflow:hidden; }
body.research-ui .wf-detail .research-flow-canvas { position:relative; top:auto; display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start; gap:28px; min-width:100%; margin:0; padding:22px; border:0; border-radius:0; background:none; box-sizing:border-box; }
body.research-ui .wf-detail .research-flow-canvas.is-ready { display:block; padding:0; min-width:0; transform-origin:0 0; }
body.research-ui .research-flow-canvas.is-ready > :is(.wf-node,.research-flow-terminal) { position:absolute; z-index:1; }
body.research-ui .research-flow-edges { position:absolute; inset:0; overflow:visible; pointer-events:none; }
body.research-ui .research-flow-line { fill:none; stroke:#839fc6; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; transition:stroke .3s; }
body.research-ui .research-flow-travel { fill:none; stroke:#79a0ea; stroke-width:2.5; stroke-linecap:round; stroke-dasharray:5 24; opacity:0; }
body.research-ui .research-flow-edge.is-active .research-flow-line { stroke:#7c96ce; stroke-width:2; }
body.research-ui .research-flow-edge.is-active .research-flow-travel, body.research-ui .research-flow-edge.is-next .research-flow-travel { opacity:.95; animation:research-flow-travel 1.7s linear infinite; }
body.research-ui .research-flow-edge.is-next .research-flow-travel { stroke:#a19adf; opacity:.75; }
body.research-ui .research-flow-terminal { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:7px; min-height:81px; padding:11px 8px; border:1px solid #ffffffeb; border-radius:18px; background:linear-gradient(145deg,#fffffff0,#ecf3ffd9); box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #7195c435,0 0 0 1px #86a8d42b,0 6px 14px -9px #426ea633; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); text-align:center; box-sizing:border-box; }
body.research-ui .research-flow-terminal-symbol { color:#7493c4; font:italic 21px/1 Georgia,serif; }
body.research-ui .research-flow-terminal small { display:block; margin-bottom:4px; color:#7187a8; font:7px var(--mono); letter-spacing:.09em; }
body.research-ui .research-flow-terminal strong { display:block; color:#506e99; font-size:11px; font-weight:550; }
body.research-ui .research-flow-output { border-color:#fffffff0; background:linear-gradient(145deg,#fffffff0,#eeeafbd9); }
body.research-ui .research-flow-output .research-flow-terminal-symbol { color:#9690cd; }
body.research-ui .wf-detail .wf-node { display:flex; align-items:flex-start; gap:9px; width:180px; min-height:93px; max-width:none; padding:14px 11px; text-align:left; border:1px solid #fffffff0; border-radius:16px; background:linear-gradient(135deg,#fffffff5,#f1f5ffeb); box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #7195c435,0 0 0 1px #86a8d433,0 6px 14px -9px #426ea633; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); box-sizing:border-box; transition:border-color .25s,background .25s,box-shadow .25s; }
body.research-ui .wf-detail .wf-node:hover { transform:none; background:linear-gradient(135deg,#fff,#eef4ff); border-color:#fff; box-shadow:inset 0 1px #fff,0 0 0 1px #7f9fd380,0 10px 25px -8px #547bb64d; }
body.research-ui .wf-detail .wf-node.is-active { border-color:#fffffff5; background:linear-gradient(135deg,#e4eefdf5,#ede9fcf0); box-shadow:inset 0 1px #fff,inset 0 -1px #7d91d040,0 0 0 1px #739cda99,0 0 0 4px #9bbcf528,0 10px 24px -10px #547bb673; animation:research-node-select 1.3s ease-out; }
body.research-ui .wf-detail .wf-node-num { flex:0 0 24px; width:24px; height:26px; margin-top:1px; border:1px solid #edf2ff; border-radius:8px; background:#eaf1fdbd; color:#7790b8; font:10px var(--mono); }
body.research-ui .wf-detail .wf-node.is-active .wf-node-num { color:#5174b5; background:#ffffffb8; border-color:#fff; }
body.research-ui .wf-detail .wf-node .vpipe-dot { display:none; }
body.research-ui .wf-detail .wf-node-text { gap:4px; }
body.research-ui .wf-detail .wf-node-stage { font-size:8px; letter-spacing:.04em; font-weight:500; color:#506783; }
body.research-ui .wf-detail .wf-node-title { display:block; white-space:normal; overflow:visible; overflow-wrap:anywhere; color:#254566; font-size:11px; line-height:1.5; font-weight:550; }
body.research-ui .wf-detail .wf-node.is-active .wf-node-title { color:#355994; }
body.research-ui .wf-detail .wf-node.is-active .wf-node-stage { color:#506783; }
body.research-ui .research-flow-foot { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:11px 26px; border-top:1px solid #acbfdd50; background:#ffffff20; color:#5277a5; font-size:11px; }
body.research-ui .research-flow-selection { display:flex; align-items:center; gap:10px; padding:8px 0; color:#4b70a6; }
body.research-ui .research-flow-selection > span:last-child { font-size:17px; }
body.research-ui .research-flow-foot i { width:7px; height:7px; border-radius:50%; background:#8ca9df; box-shadow:0 0 0 3px #d7e4fa; }
body.research-ui .research-flow-controls { display:flex; align-items:center; gap:4px; padding:4px; border:1px solid #dae4f5; border-radius:10px; background:#d8e5fb50; box-shadow:inset 0 1px #ffffffad; }
body.research-ui .research-flow-controls button, body.research-ui .research-step-arrows button { display:grid; place-items:center; min-width:32px; height:32px; padding:0 8px; border:1px solid transparent; border-radius:7px; color:#5278aa; background:#ffffffd9; box-shadow:0 2px 5px #6389ba08; cursor:pointer; font:16px var(--sans); transition:background .2s,box-shadow .2s,transform .2s; }
body.research-ui .research-flow-controls button:hover, body.research-ui .research-step-arrows button:hover:not(:disabled) { background:#e7efff; box-shadow:0 2px 10px #789bcd1c; transform:translateY(-1px); }
body.research-ui .research-flow-controls button:disabled, body.research-ui .research-step-arrows button:disabled { opacity:.35; cursor:default; }
body.research-ui .research-flow-controls [data-flow-reset] { min-width:44px; color:#7690b6; font:9px var(--mono); }
body.research-ui .research-flow-controls [data-flow-fit] { padding:0 11px; color:#6178ac; background:#e9edfc; font-size:10px; }
body.research-ui .research-step-toolbar { display:flex; align-items:center; gap:12px; min-width:0; margin:0; padding:0; }
body.research-ui .research-step-position { color:#627fa5; font-size:9px; white-space:nowrap; }
body.research-ui .research-step-arrows { display:flex; gap:5px; }
body.research-ui .research-step-arrows button { width:34px; height:34px; border-color:#d5e0f3; }
body.research-ui .research-mobile-step-nav { display:block; min-width:0; }
body.research-ui .research-mobile-step-nav select { width:290px; max-width:100%; height:40px; padding:0 32px 0 12px; border:1px solid #bdcfe8; border-radius:8px; background:#ffffffcf; color:#315c8d; font:12px var(--sans); text-overflow:ellipsis; }
body.research-ui .research-step-content { min-height:0; overflow:visible; padding:30px; }
body.research-ui .research-step-reading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; align-items:stretch; }
body.research-ui .research-step-reading > section { min-width:0; }
body.research-ui .research-step-practice { border-left:1px solid #d9e4f3; padding-left:32px; }
body.research-ui .wf-detail .pipe-detail { margin:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; animation:none; scroll-margin-top:170px; }
body.research-ui .wf-detail .pipe-detail.is-active { animation:research-step-enter .28s cubic-bezier(.2,.8,.2,1) both; }
body.research-ui .wf-detail .pipe-detail[hidden] { display:none; }
body.research-ui .wf-detail .pipe-detail-head { gap:14px; margin:0 0 12px; }
body.research-ui .wf-detail .pipe-step-num { width:44px; height:48px; flex:0 0 44px; border:1px solid #d3dcf7; border-radius:10px 10px 3px 10px; background:linear-gradient(145deg,#e8f0ff,#edeaff); color:#6c81b3; font:14px var(--mono); }
body.research-ui .wf-detail .pipe-detail-head > .vpipe-dot { display:none; }
body.research-ui .wf-detail .pipe-detail-headtext .vpipe-stage { font-size:9px; letter-spacing:.07em; color:#526983; }
body.research-ui .wf-detail .pipe-detail-title { font:600 27px/1.25 var(--sans); color:#254d76; letter-spacing:-.035em; overflow-wrap:anywhere; }
body.research-ui .wf-detail .pipe-role { margin:0 0 26px; padding-bottom:24px; border-bottom:1px solid #e0e8f5; font-size:13px; line-height:1.75; font-style:normal; color:#49617c; }
body.research-ui .wf-detail .pipe-block { margin-bottom:24px; }
body.research-ui .wf-detail .pipe-block-label, body.research-ui .wf-detail .pipe-comments-label { display:block; margin-bottom:12px; color:#4b6482; font:10px/1.5 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
body.research-ui .wf-detail .pipe-block-text, body.research-ui .wf-detail .prose { max-width:100%; color:#2d4561; font-size:14px; line-height:1.85; overflow-wrap:break-word; }
body.research-ui .wf-detail .prose p { margin:0 0 13px; }
body.research-ui .wf-detail .prose p:last-child { margin-bottom:0; }
body.research-ui .wf-detail .prose h2, body.research-ui .wf-detail .prose h3 { color:#34577f; font-family:var(--sans); letter-spacing:-.02em; }
body.research-ui .wf-detail .prose pre { max-width:100%; margin:14px 0; padding:18px; overflow:auto; white-space:pre; color:#33577c; background:#f3f6fc; border:1px solid #dbe6f7; border-radius:15px; box-shadow:inset 0 1px #fff; font-size:12px; line-height:1.8; }
body.research-ui .wf-detail .prose pre code { background:none; color:inherit; }
body.research-ui .wf-detail .prose table { display:block; max-width:100%; overflow-x:auto; font-size:12px; }
body.research-ui .wf-detail .prose blockquote { margin:18px 0; padding:15px 18px; color:#6580a3; background:#eff4fcad; border-left:2px solid #b4c8e9; }
body.research-ui .wf-detail .pipe-formula { padding:18px 12px; background:#f2f5fd; border:1px solid #ffffffb8; box-shadow:inset 0 1px #ffffffbf,0 0 0 1px #a6bde82e; border-radius:10px; color:#3e578b; font-size:14px; }
body.research-ui .wf-detail .pipe-block-links { display:flex; flex-wrap:wrap; gap:10px; font-size:12px; }
body.research-ui .wf-detail .pipe-io { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:0; padding:17px 0 0; border:0; border-top:1px solid #dce5f6; border-radius:0; background:none; }
body.research-ui .wf-detail .pipe-io-item { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px; color:#506a88; font-size:11px; }
body.research-ui .wf-detail .pipe-io-k { flex-basis:100%; color:#61748e; font-size:8px; }
body.research-ui .wf-detail .pipe-code { margin-bottom:20px; }
body.research-ui .wf-detail .pipe-code .prose pre { margin:0; }
body.research-ui .wf-detail .pipe-ref { padding:0 0 20px; font-size:11px; }
body.research-ui .wf-detail .pipe-comments { margin-top:24px; padding-top:21px; border-top:1px solid #dce5f4; }
body.research-ui .wf-detail .pipe-comment-empty { padding:12px 0; font-size:12px; text-align:left; }
body.research-ui .wf-detail .pipe-login { font-size:12px; }
body.research-ui .wf-detail .pipe-comment-form textarea { width:100%; min-width:0; border:1px solid #d6e1f3; background:#ffffffb8; border-radius:12px; font-size:12px; }
/* Data, evidence and discussion use the same columns and glass edge treatment. */
body.research-ui .wf-detail .io-input { padding:28px; border:1px solid #c8d8eb; border-radius:var(--detail-radius); background:var(--detail-glass); }
body.research-ui .wf-detail .io-input .io-content { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--detail-gap); margin:0; padding:0; border:0; background:none; }
body.research-ui .wf-detail .io-input .research-section-heading { grid-column:span 3; align-items:flex-start; margin:0; }
body.research-ui .research-input-content { grid-column:span 9; min-width:0; }
body.research-ui .wf-detail .io-input-more { margin:20px 0 0; padding-top:15px; border-top:1px solid #dfe7f5; }
body.research-ui .wf-detail .pipe-more > summary { color:#6887b7; font-size:11px; letter-spacing:0; padding:6px 0; }
body.research-ui .wf-detail .pipe-more-body { padding:18px; background:#f7faffb8; border-color:#dce7f8; border-radius:14px; }
/* A continuous figure plate above the reading notes: images never compete with a long estimate column. */
body.research-ui .research-evidence-grid { align-items:start; }
body.research-ui .research-evidence-grid > * { grid-column:span 12; min-width:0; }
body.research-ui .research-evidence-visuals { min-width:0; padding:18px; border:1px solid var(--glass-line); border-radius:var(--detail-radius); background:var(--glass-reflection),var(--detail-glass); box-shadow:var(--detail-shadow); backdrop-filter:var(--glass-filter); -webkit-backdrop-filter:var(--glass-filter); }
body.research-ui .wf-detail .io-figures { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:16px; margin:0; }
body.research-ui .wf-detail .research-figure-pair { grid-template-columns:repeat(2,minmax(0,1fr)); }
body.research-ui .wf-detail .research-figure-quartet { grid-template-columns:repeat(4,minmax(0,1fr)); }
body.research-ui .wf-detail .io-figure { min-width:0; margin:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid #d7e1ef; border-radius:14px; background:#fff; box-shadow:0 3px 12px #47618c05; }
body.research-ui .research-figure-preview { position:relative; flex:0 0 auto; height:214px; overflow:hidden; background:#fff; }
body.research-ui .wf-detail .io-figure img, body.research-ui .wf-detail .io-figure:only-child img { display:block; width:100%; height:100%; min-height:0; max-height:none; padding:12px 12px 29px; object-fit:contain; background:#fff; }
body.research-ui .research-figure-open { position:absolute; inset:0; display:flex; justify-content:flex-end; align-items:flex-end; padding:8px 10px; color:#426796; }
body.research-ui .research-figure-open > span { display:flex; gap:8px; padding:3px 7px; border:1px solid #dce6f6; border-radius:6px; background:#ffffffeb; font:9px/1.4 var(--sans); transition:background .2s,transform .2s; }
body.research-ui .research-figure-open:hover > span { background:#edf3ff; transform:translateY(-2px); }
body.research-ui .research-figure-open:focus-visible { outline-offset:-3px; }
body.research-ui .research-figure-preview .research-media-state { padding:13px; }
body.research-ui .research-figure-preview .research-media-state strong { font-size:11px; }
body.research-ui .research-figure-preview .research-media-note { font-size:9px; }
body.research-ui .wf-detail .io-figure figcaption { flex:1; display:flex; flex-direction:column; gap:10px; padding:16px; color:#466181; background:linear-gradient(135deg,#fbfcff,#f3f6fd); border-top:1px solid #e2e9f6; font-size:12px; line-height:1.75; }
body.research-ui .wf-detail .io-fig-n { display:flex; align-items:center; gap:8px; background:none; border:0; padding:0; color:#6682aa; font:9px var(--mono); text-transform:uppercase; letter-spacing:.09em; }
body.research-ui .research-figure-index { display:grid; place-items:center; width:25px; height:25px; border:1px solid #dbe5f4; border-radius:8px; color:#6a81b8; background:#fff; font-size:11px; letter-spacing:0; }
body.research-ui .research-figure-caption { display:block; }
body.research-ui .wf-detail .research-figure-pair .io-figure { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
body.research-ui .wf-detail .research-figure-pair .io-figure:only-child { grid-column:span 2; max-width:760px; width:100%; justify-self:center; }
body.research-ui .wf-detail .research-figure-pair .io-figure figcaption { border-top:0; border-left:1px solid #e2e9f6; justify-content:center; }
body.research-ui .research-figure-pair .research-figure-preview { height:250px; min-height:0; }
body.research-ui .wf-detail .io-fig-count { margin-left:auto; padding:6px 10px; border:1px solid #d8dff5; border-radius:99px; color:#8c8fbf; background:#f5f5ff80; font:9px var(--mono); white-space:nowrap; }
body.research-ui .wf-detail .io-fig-credit { margin:16px 0 0; padding:13px 2px 0; border-top:1px solid #dce5f3; color:#667f9f; font-size:10px; line-height:1.7; }
body.research-ui .research-evidence-reading { display:grid; grid-template-columns:minmax(0,1fr); gap:0; margin-top:16px; align-items:stretch; border:1px solid #c8d8eb; border-top-color:#fff; border-radius:var(--detail-radius); background:var(--glass-reading); box-shadow:var(--detail-shadow); backdrop-filter:var(--glass-filter); -webkit-backdrop-filter:var(--glass-filter); overflow:hidden; }
body.research-ui .research-evidence-reading:empty { display:none; }
body.research-ui .research-evidence-reading.has-reading-pair { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
body.research-ui .wf-detail .io-results { margin:0; padding:30px; border:0; border-radius:0; background:none; box-shadow:none; backdrop-filter:none; }
body.research-ui .wf-detail .io-results-h { margin:0 0 19px; color:#7a83b7; font-size:10px; letter-spacing:.08em; }
body.research-ui .wf-detail .io-results-mark { color:#a29aca; background:none; font-size:18px; }
body.research-ui .wf-detail .io-results-body { max-width:100%; overflow-x:auto; font-size:14px; }
body.research-ui .wf-detail .research-result-formula { margin:10px 0 22px; overflow-x:auto; color:#687cac; }
body.research-ui .wf-detail .research-formula-fallback { white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.8 var(--mono); }
body.research-ui .wf-detail .katex-display { max-width:100%; overflow-x:auto; overflow-y:hidden; padding:4px 0; }
body.research-ui .research-interpretation { margin:0; padding:30px; border:0; border-radius:0; background:none; box-shadow:none; backdrop-filter:none; }
body.research-ui .has-reading-pair > .research-interpretation { border-left:1px solid #d3dff1; }
body.research-ui .research-interpretation > .research-section-kicker { margin-bottom:16px; }
body.research-ui .research-detail-comments { max-width:1320px; margin:32px auto 0; padding:28px; scroll-margin-top:170px; border:1px solid var(--glass-line); border-radius:24px; background:var(--glass-reflection),var(--glass-surface); backdrop-filter:var(--glass-filter); -webkit-backdrop-filter:var(--glass-filter); box-shadow:var(--glass-shadow); }
body.research-ui .research-discussion-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:22px; }
body.research-ui .research-detail-comments .comments-h { margin:0; color:#416487; font:600 22px var(--sans); letter-spacing:-.03em; }
body.research-ui .research-detail-comments .comments-h .muted { color:#94a6c1; font:12px var(--mono); }
body.research-ui .research-discussion-mark { color:#b4c6e3; font:30px var(--mono); }
body.research-ui .research-detail-comments .comments-login, body.research-ui .research-detail-comments .comments-empty { border-color:#dfe8f6; border-radius:15px; background:#f4f8ffb8; font-size:12px; line-height:1.8; }
body.research-ui .research-detail-comments .comment-composer, body.research-ui .research-detail-comments .comment { padding:18px; border-color:#dfe7f5; border-radius:16px; background:#ffffffa8; box-shadow:none; }
body.research-ui .research-detail-comments .comment-meta { font-size:11px; }
body.research-ui .research-detail-comments .comment .prose { color:#526f90; font-size:13px; line-height:1.8; }
body.research-ui .research-detail-comments .btn { border-radius:99px; }
body.research-ui .wf-detail :is(a,button,select,summary):focus-visible, body.research-ui .research-detail-comments :is(a,button,textarea):focus-visible { outline:2px solid #849be0; outline-offset:3px; }
body.research-ui .research-visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:1100px) {
  body.research-ui .wf-detail .ai-summary { grid-template-columns:190px minmax(0,1fr); gap:18px 25px; }
  body.research-ui .research-brief-actions { grid-column:2; display:flex; align-items:center; gap:24px; }
  body.research-ui .research-brief-ask { width:auto; min-width:168px; }
  body.research-ui .research-brief-route { max-width:230px; padding:0; }
  body.research-ui .wf-detail .research-figure-quartet { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.research-ui .wf-detail .research-figure-pair .io-figure { display:flex; }
  body.research-ui .wf-detail .research-figure-pair .io-figure figcaption { border-left:0; border-top:1px solid #e2e9f6; justify-content:flex-start; }
  body.research-ui .research-figure-pair .research-figure-preview { height:214px; }
  body.research-ui .research-step-position { display:none; }
}
@media(max-width:900px) {
  body.research-ui .wf-detail .ai-summary { grid-template-columns:1fr; }
  body.research-ui .research-brief-actions { grid-column:auto; }
  body.research-ui .research-brief-facts { justify-content:flex-start; }
  body.research-ui .research-inspector-bar { flex-wrap:wrap; }
  body.research-ui .research-step-toolbar { flex:1; justify-content:flex-end; }
  body.research-ui .research-mobile-step-nav { flex:1; max-width:350px; }
  body.research-ui .research-mobile-step-nav select { width:100%; }
  body.research-ui .wf-detail .io-figures { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.research-ui .research-evidence-reading.has-reading-pair { grid-template-columns:minmax(0,1fr); }
  body.research-ui .has-reading-pair > .research-interpretation { border-left:0; border-top:1px solid #d3dff1; }
  body.research-ui .research-section-intro { display:none; }
}
@media(max-width:760px) {
  body.research-ui .wf-detail { --detail-gap:16px; --detail-radius:16px; margin-top:22px; }
  body.research-ui .research-detail-topline { margin-bottom:16px; font-size:11px; }
  body.research-ui .research-doc-id { font-size:8px; }
  body.research-ui .research-notebook-header { border-radius:20px 20px 8px 8px; }
  body.research-ui .research-header-copy { padding:25px 22px; }
  body.research-ui .wf-detail .detail-head h1 { font-size:29px; line-height:1.16; margin-bottom:20px; text-wrap:pretty; }
  body.research-ui .wf-detail .wf-kicker { font-size:9px; margin-bottom:14px; }
  body.research-ui .wf-detail .detail-head .byline { font-size:11px; gap:5px; }
  body.research-ui .wf-detail .card-tags .badge { padding:5px 8px; font-size:10px; }
  body.research-ui .wf-detail .wf-cite { margin-top:16px; padding-top:12px; }
  body.research-ui .wf-detail .ai-summary { padding:23px 22px 18px; gap:18px; }
  body.research-ui .wf-detail .ai-summary-body { font-size:14px; line-height:1.8; }
  body.research-ui .research-brief-actions { display:block; }
  body.research-ui .research-brief-ask { width:100%; }
  body.research-ui .research-brief-route { max-width:none; margin:15px 0 0; }
  body.research-ui .research-brief-facts { padding:0 22px 21px; gap:20px; }
  body.research-ui .research-brief-facts > a > span { font-size:9px; }
  body.research-ui .research-workspace-toolbar { position:relative; top:auto; flex-wrap:wrap; gap:8px; margin-bottom:28px; padding:7px; border-radius:8px 8px 14px 14px; }
  body.research-ui .wf-detail .research-detail-actions { padding:0 4px 3px; gap:7px; }
  body.research-ui .research-section-nav { flex-basis:100%; min-height:42px; gap:2px; margin:0; padding:0; }
  body.research-ui .research-section-nav a { gap:6px; padding:9px 10px; font-size:11px; }
  body.research-ui .wf-detail .io-block { margin-bottom:28px; scroll-margin-top:96px; }
  body.research-ui .research-section-heading { gap:11px; min-height:48px; margin-bottom:15px; }
  body.research-ui .wf-detail .io-step-num { flex-basis:36px; width:36px; height:37px; font-size:11px; border-radius:10px; }
  body.research-ui .wf-detail .io-label { font-size:23px; }
  body.research-ui .research-section-kicker { font-size:8px; }
  body.research-ui .research-flow-heading { padding:18px; }
  body.research-ui .research-flow-heading > div { display:block; }
  body.research-ui .research-flow-heading .research-section-kicker { margin-bottom:4px; }
  body.research-ui .research-flow-pan { max-width:90px; font-size:8px; }
  body.research-ui .research-flow-foot { flex-wrap:wrap; padding:11px 14px; gap:4px; font-size:10px; }
  body.research-ui .research-flow-selection { gap:7px; }
  body.research-ui .research-flow-selection > span:last-child { display:none; }
  body.research-ui .research-flow-controls { gap:2px; padding:3px; }
  body.research-ui .research-flow-controls button { min-width:27px; height:31px; }
  body.research-ui .research-flow-controls [data-flow-reset] { min-width:37px; font-size:8px; }
  body.research-ui .research-flow-controls [data-flow-fit] { padding:0 8px; font-size:9px; }
  body.research-ui .wf-detail .is-compact-flow .wf-node { flex-direction:column; min-height:81px; padding:10px 9px; gap:6px; border-radius:12px; }
  body.research-ui .wf-detail .is-compact-flow .wf-node-num { flex-basis:auto; width:19px; height:21px; font-size:9px; border-radius:6px; }
  body.research-ui .wf-detail .is-compact-flow .wf-node-text { width:100%; }
  body.research-ui .wf-detail .is-compact-flow .wf-node-stage { font-size:7px; letter-spacing:.02em; }
  body.research-ui .wf-detail .is-compact-flow .wf-node-title { font-size:11px; line-height:1.5; }
  body.research-ui .wf-detail .pipe-detail-area { scroll-margin-top:96px; }
  body.research-ui .research-inspector-bar { display:block; padding:20px; }
  body.research-ui .research-inspector-heading { margin-bottom:16px; }
  body.research-ui .research-step-toolbar { gap:8px; }
  body.research-ui .research-mobile-step-nav { max-width:none; }
  body.research-ui .research-mobile-step-nav select { height:42px; padding-left:10px; font-size:16px; }
  body.research-ui .research-step-arrows button { width:34px; height:38px; }
  body.research-ui .research-step-content { padding:23px 20px; }
  body.research-ui .research-step-reading { grid-template-columns:minmax(0,1fr); gap:24px; }
  body.research-ui .research-step-practice { padding:24px 0 0; border-left:0; border-top:1px solid #d9e4f3; }
  body.research-ui .wf-detail .pipe-detail-title { font-size:24px; }
  body.research-ui .wf-detail .pipe-step-num { width:34px; height:40px; flex-basis:34px; }
  body.research-ui .wf-detail .pipe-block-text, body.research-ui .wf-detail .prose { font-size:14px; line-height:1.85; }
  body.research-ui .wf-detail .prose pre { padding:15px; font-size:11px; }
  body.research-ui .wf-detail .pipe-formula { font-size:12px; }
  body.research-ui .wf-detail .pipe-comment-form { flex-wrap:wrap; }
  body.research-ui .wf-detail .io-input { padding:23px 21px; }
  body.research-ui .wf-detail .io-input .research-section-heading, body.research-ui .research-input-content { grid-column:span 12; }
  body.research-ui .research-evidence-visuals { padding:10px; border-radius:16px; }
  body.research-ui .wf-detail .io-figures { gap:10px; }
  body.research-ui .research-figure-preview, body.research-ui .research-figure-pair .research-figure-preview { height:164px; }
  body.research-ui .wf-detail .io-figure img { padding:7px 7px 29px; }
  body.research-ui .wf-detail .io-figure figcaption { padding:11px; gap:8px; font-size:11px; line-height:1.65; }
  body.research-ui .research-figure-index { width:22px; height:22px; font-size:10px; }
  body.research-ui .research-figure-open { padding:6px; }
  body.research-ui .research-figure-open > span { font-size:8px; padding:4px 7px; gap:4px; }
  body.research-ui .research-figure-preview .research-media-state { padding:9px; gap:5px; }
  body.research-ui .research-figure-preview .research-media-note { display:none; }
  body.research-ui .wf-detail .io-fig-count { padding:5px 8px; font-size:8px; }
  body.research-ui .wf-detail .io-results, body.research-ui .research-interpretation { padding:24px 21px; }
  body.research-ui .research-detail-comments { margin-top:28px; padding:24px 20px; border-radius:16px; scroll-margin-top:96px; }
  body.research-ui .research-detail-comments .comments-h { font-size:21px; }
  body.research-ui .research-detail-comments .comment, body.research-ui .research-detail-comments .comment-composer { padding:14px; gap:9px; }
  body.research-ui .research-detail-comments .comment.reply { margin-left:0; }
}
@media(max-width:359px) {
  body.research-ui .research-header-copy, body.research-ui .wf-detail .ai-summary { padding:21px 18px; }
  body.research-ui .research-flow-foot { padding:11px 15px; }
  body.research-ui .research-step-content { padding:22px 17px; }
  body.research-ui .research-figure-preview, body.research-ui .research-figure-pair .research-figure-preview { height:145px; }
}
@keyframes research-flow-travel { to { stroke-dashoffset:-58; } }
@keyframes research-node-select { 0% { box-shadow:0 0 0 0 #9ebdf06b; } 65% { box-shadow:0 0 0 7px #9ebdf000; } 100% { box-shadow:0 0 0 3px #b9cafd38,0 7px 20px #7397d923; } }
@keyframes research-step-enter { from { opacity:.55; transform:translateY(7px); } to { opacity:1; transform:none; } }
@keyframes research-brief-light { from { transform:translate(0,0) rotate(0); } to { transform:translate(-70px,130px) rotate(100deg); } }
@keyframes research-brief-edge { 0%,100% { transform:translateX(-100%); opacity:.15; } 50% { transform:translateX(260%); opacity:.8; } }
@keyframes research-otter-greet { 0%,100% { transform:rotate(0); } 30% { transform:rotate(-9deg) translateY(-2px); } 65% { transform:rotate(7deg); } }
@media(prefers-reduced-motion:reduce) {
  body.research-ui .wf-detail *, body.research-ui .wf-detail::before, body.research-ui .wf-detail *::before, body.research-ui .wf-detail *::after, body.research-ui .research-detail-comments * { animation:none!important; transition:none!important; scroll-behavior:auto; }
  body.research-ui .wf-detail .research-flow-travel { display:none; }
}
