#research-workspace .record-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(610px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;border:0;border-left:1px solid #53616a;background:#13191d;color:var(--ink);padding:0;box-shadow:-20px 0 90px #0008}
#research-workspace .record-dialog::backdrop{background:#020405b8;backdrop-filter:blur(2px)}
#research-workspace .record-header{position:sticky;top:0;z-index:2;display:flex;gap:20px;align-items:start;padding:28px;background:#13191df8;border-bottom:1px solid #354148}
#research-workspace .record-header h2{font-size:27px;line-height:1.3;font-weight:500;flex:1}
#research-workspace .record-header button{background:none;color:var(--blue);font-size:29px;width:40px;height:40px;flex:none;line-height:1}
#research-workspace .record-content{padding:0 28px 35px}
#research-workspace .record-content>.entry-body{padding:0}
#research-workspace .record-content .group-title{font-size:16px;color:var(--blue)}
@media(max-width:650px){#research-workspace .record-header{padding:20px}
#research-workspace .record-header h2{font-size:25px}
#research-workspace .record-content{padding:0 20px 28px}}
#research-workspace .flow-scroll{overflow-x:auto;overflow-y:hidden;height:calc(100dvh - 280px);min-height:280px;max-height:650px;border-top:1px solid #33434d;border-bottom:1px solid #33434d;scrollbar-width:auto;scrollbar-color:#91cddf #18232b;overscroll-behavior-x:contain;position:relative}
#research-workspace .flow-canvas{width:3040px;height:100%;position:relative;background:#101719}
#research-workspace .flow-canvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#research-workspace .flow-ruler{position:absolute;top:0;left:64px;width:2400px;display:grid;grid-template-columns:repeat(12,1fr);height:39px;border-bottom:1px solid #3a505c;background:#111b20}
#research-workspace .flow-ruler span{border-left:1px solid #3a505c;padding:10px 0 0 12px;color:#c1d3dc;font:13px Arial,sans-serif}
#research-workspace .flow-ruler .axis-unit{color:var(--blue)}
#research-workspace .flow-pending{position:absolute;left:2528px;right:0;top:0;height:39px;padding:10px 20px;background:#111b20;color:#adbec5;font-size:13px}
#research-workspace .flow-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:32px;height:32px;display:grid;place-items:center;background:none;z-index:3;border-radius:50%;padding:0}
#research-workspace .flow-node:before{content:'';width:12px;height:12px;border-radius:50%;border:2px solid var(--tone);background:#101719;box-shadow:0 0 0 4px #10171980}
#research-workspace .flow-node:hover:before,#research-workspace .flow-node:focus-visible:before{background:var(--tone);box-shadow:0 0 14px color-mix(in srgb,var(--tone) 40%,transparent)}
#research-workspace .flow-title{position:absolute;left:var(--x);top:var(--y);width:var(--w,190px);color:var(--ink);font-size:17px;line-height:1.3;background:#101719ec;text-align:left;padding:5px 8px;transform:translateX(-50%);z-index:2}
#research-workspace .flow-title:hover{background:#202c31}
#research-workspace .flow-title .marked{padding-bottom:0;background:none}
#research-workspace .flow-track{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#research-workspace .flow-leader{fill:none;stroke:#9baeb36b;stroke-width:1;vector-effect:non-scaling-stroke}
@media(max-width:650px){#research-workspace .flow-scroll{height:calc(100dvh - 270px);min-height:260px;max-height:none}
#research-workspace .flow-title{font-size:16px}}
#research-workspace .flow-band{transition:opacity .16s}
#research-workspace .flow-canvas.has-focus .flow-band{opacity:.18}
#research-workspace .flow-canvas.has-focus .flow-band.is-focused{opacity:1}
#research-workspace .flow-canvas.has-focus .flow-band.is-focused path{stroke-width:1.8;fill-opacity:1;stroke-opacity:1}
#research-workspace .flow-layout{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;position:relative}
#research-workspace .flow-scroll{grid-column:2;grid-row:1;height:calc(100dvh - 104px);min-height:280px;max-height:none}
#research-workspace .flow-edge{grid-row:1;align-self:end;background:none;color:var(--blue);height:36px;font-size:25px;padding:0;line-height:1}
#research-workspace .flow-edge.previous{grid-column:1}
#research-workspace .flow-edge.following{grid-column:3}
#research-workspace .flow-edge:disabled{opacity:.25;cursor:default}
@media(max-width:650px){#research-workspace .flow-layout{grid-template-columns:32px minmax(0,1fr) 32px}
#research-workspace .flow-scroll{height:calc(100dvh - 86px)}}
#research-workspace .record-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;width:min(880px,calc(100vw - 40px));height:78dvh;max-height:calc(100dvh - 32px);overflow:hidden;display:flex;flex-direction:column;z-index:50;border:1px solid #61727e;border-radius:8px;background:#151d22;color:var(--ink);padding:0;box-shadow:0 20px 100px #000a;scrollbar-color:#819dab #1c2830}
#research-workspace .record-header{flex:none;position:relative;top:0;z-index:2;display:flex;gap:20px;align-items:start;padding:22px 28px 18px;background:#151d22;border-bottom:1px solid #354148}
#research-workspace .record-header h2{font-size:25px;line-height:1.3;font-weight:500;flex:1}
#research-workspace .record-header .marked{background:none;padding:0}
#research-workspace .record-header button{background:none;color:var(--blue);font-size:29px;width:36px;height:36px;flex:none;line-height:1}
#research-workspace .record-content{padding:0 28px 28px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#819dab #1c2830}
#research-workspace .record-content::-webkit-scrollbar{width:10px}
#research-workspace .record-content::-webkit-scrollbar-track{background:#1c2830}
#research-workspace .record-content::-webkit-scrollbar-thumb{background:#819dab;border:2px solid #1c2830;border-radius:6px}
#research-workspace .record-dialog::backdrop{background:#020405ad}
#research-workspace .record-section{padding:22px 0 0}
#research-workspace .record-section h3{font-size:21px;font-weight:500;margin:0 0 14px;line-height:1.35}
#research-workspace .record-text{font-size:18px;line-height:1.5;margin:0 0 18px;white-space:pre-line}
#research-workspace .record-context{font-size:18px;line-height:1.5;margin:18px 0 0}
#research-workspace .record-source{font-size:16px;margin:14px 0 0}
#research-workspace .record-source a{color:var(--blue);text-underline-offset:4px}
#research-workspace .record-section .record-section{border-top:1px solid #354148;margin-top:22px;padding-top:20px}
#research-workspace .record-group+.record-group{border-top:1px solid #61727e;margin-top:30px;padding-top:20px}
#research-workspace .record-group-title{font-size:22px;font-weight:500;margin:12px 0}
#research-workspace .record-group>.record-section+.record-section{border-top:1px solid #354148;margin-top:20px}
@media(max-width:650px){#research-workspace .record-dialog{width:calc(100vw - 24px);height:82dvh;max-height:calc(100dvh - 24px)}
#research-workspace .record-header{padding:18px}
#research-workspace .record-header h2{font-size:22px}
#research-workspace .record-content{padding:0 18px 24px}}
#research-workspace .record-qualifier{font-weight:600;color:var(--ink)}
#research-workspace .record-text,#research-workspace .record-context{white-space:pre-line;hyphens:none;overflow-wrap:normal;word-break:normal}
#research-workspace .flow-canvas{width:var(--canvas-width)}
#research-workspace .flow-ruler{left:var(--chart-x);width:var(--chart-width)}
#research-workspace .flow-pending{left:var(--pending-x)}
#research-workspace .flow-node{pointer-events:none}
#research-workspace{--ink:#f1f2ef;--blue:#a6e3ff;--urgent:#ff7380;--next:#e4ff49;--later:#8dffae;min-width:0;width:100%;margin-top:28px;font-family:'Arial Narrow','Aptos Narrow',Arial,sans-serif;font-size:18px;line-height:1.45}
#research-workspace [data-priority=urgent]{--tone:var(--urgent)}
#research-workspace [data-priority=next]{--tone:var(--next)}
#research-workspace [data-priority=later]{--tone:var(--later)}
#research-workspace [hidden]{display:none!important}
#research-workspace button{font-family:inherit;border:0;cursor:pointer;touch-action:manipulation}
#research-workspace button:focus-visible,#research-workspace a:focus-visible,#research-workspace [tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
#research-workspace .flow-scroll{height:clamp(400px,70dvh,640px);min-height:0;max-height:none}
#research-workspace .flow-title{font-size:17px;font-weight:400;letter-spacing:normal}
#research-workspace .record-header h2{margin:0;color:var(--ink);font-size:25px;letter-spacing:normal;line-height:1.3}
#research-workspace .record-section h3{letter-spacing:normal;color:var(--ink)}
#research-workspace .record-text,#research-workspace .record-context{color:var(--ink);white-space:pre-line;hyphens:none;word-break:normal;overflow-wrap:normal}
#research-workspace .record-text a{text-decoration:underline;text-underline-offset:3px}
#research-workspace .record-dialog{max-width:calc(100vw - 24px)}
@media(max-width:650px){#research-workspace .flow-scroll{height:clamp(340px,65dvh,540px)}#research-workspace .record-header h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){#research-workspace .flow-band{transition:none}}
/* Completion is separate from the original red/yellow/green priority. */
#research-workspace .timeline-progress-key{display:flex;gap:12px 24px;flex-wrap:wrap;color:#b9bfc6;font-size:15px;line-height:1.4;margin:0 40px 10px}
#research-workspace .timeline-progress-key>span:first-child{color:#d2d5da}
#research-workspace .timeline-progress-key i{display:inline-block;width:22px;height:5px;margin-right:8px;vertical-align:middle;background:#90969e;opacity:.6}
#research-workspace .completed-task-links{display:flex;gap:10px;flex-wrap:wrap;margin:0 40px 18px}
#research-workspace .completed-task-links button{border:1px solid #636a71;border-radius:4px;background:#242b30;color:#d0d4da;font-size:15px;line-height:1.35;padding:8px 12px;text-align:left}
#research-workspace .completed-task-links button:hover{background:#343c43;color:#f1f2f4}
#research-workspace .flow-band[data-state=complete]{opacity:.42}
#research-workspace .flow-node[data-state=complete]{--tone:#8e959e;opacity:.7}
#research-workspace .flow-title[data-state=complete]{color:#b8bec6;background:#151b1fec}
#research-workspace .flow-title[data-state=complete]:hover,#research-workspace .flow-title[data-state=complete]:focus-visible{color:#e3e5e9;background:#293138}
#research-workspace .completion-label{display:block;color:#aab1ba;font-size:14px;line-height:1.3;margin-top:6px}
#research-workspace .flow-title[data-state=complete] .completion-label{color:#c0c5cd}
#research-workspace .record-progress{border-left:3px solid #707780;padding-left:18px;margin:0 0 26px}
#research-workspace .record-status{display:flex;gap:8px 18px;flex-wrap:wrap;font-size:17px;font-weight:600;color:#d4d9df;margin:0 0 18px}
#research-workspace .record-status span{font-size:14px;font-weight:400;color:#aeb6bf;align-self:center}
#research-workspace .progress-summary,#research-workspace .record-progress li{font-size:18px;line-height:1.5}
#research-workspace .progress-summary{margin:0 0 20px}
#research-workspace .completed-steps{list-style:none;padding:0;margin:0 0 22px;color:#bec4cb}
#research-workspace .completed-steps li{position:relative;padding:9px 0 9px 25px;border-bottom:1px solid #333d44}
#research-workspace .completed-steps li>span{position:absolute;left:0;color:#969fa9}
#research-workspace .record-progress h4{font-size:17px;font-weight:500;margin:18px 0 8px;color:#f1f2ef}
#research-workspace .remaining-steps{padding-left:22px;margin:8px 0 20px}
#research-workspace .remaining-steps li{margin:9px 0;color:#eef0ed}
#research-workspace .progress-note{font-size:15px;line-height:1.5;color:#b5bec8;margin:16px 0}
#research-workspace .earlier-planning{border-top:1px solid #54606a;padding-top:16px;margin-top:24px}
#research-workspace .earlier-planning summary{cursor:pointer;color:#b6bec8;font-size:16px;margin-bottom:18px}
#research-workspace .earlier-planning .record-text,#research-workspace .earlier-planning .record-context{color:#b8c0c9}
@media(max-width:650px){#research-workspace .timeline-progress-key,#research-workspace .completed-task-links{margin-inline:0}#research-workspace .record-progress{padding-left:13px}}