.chapter-flow h2{font-size:clamp(30px,3.4vw,48px);margin-bottom:18px}
.chapter-flow>.citebar{display:none}
#chapterFlow{display:flex;flex-direction:column;flex:1;min-height:0}
.flow-selector{display:flex;align-items:center;gap:7px;margin:0 0 18px}
.flow-selector button{font-size:13px;font-weight:700;padding:7px 11px;border:1px solid var(--line);color:var(--muted)}
.flow-selector button.current{background:var(--ink);color:#fff;border-color:var(--ink)}
.flow-selector button.done{color:var(--accent);border-color:#d6a4bb}
.flow-selector>span{font-size:12px;color:var(--muted);margin-left:auto}
.flow-columns{display:grid;grid-template-columns:minmax(0,1.5fr) 54px minmax(0,1fr);flex:1;gap:14px;align-items:start;min-height:285px}
.flow-column-label{font-size:16px;font-weight:800;letter-spacing:.04em;border-top:2px solid var(--ink);padding:10px 0 14px;display:flex;justify-content:space-between;align-items:center}
.flow-column-label span{font-size:10px;font-weight:400;letter-spacing:.08em;color:var(--muted)}
.flow-new .flow-column-label{color:var(--accent);border-color:var(--accent)}
.flow-source-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;transition:opacity .3s}
.flow-source-grid.sources-2{grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr)}
.flow-source-grid.sources-3{grid-template-columns:repeat(2,minmax(0,1fr) 10px) minmax(0,1fr);gap:5px}
.flow-source{border:1px solid #bfc0c7;border-top:3px solid var(--ink);padding:15px;background:#fff;transition:opacity .4s,transform .4s;min-width:0}
.flow-source.fresh{animation:flow-source-in .4s both}
.flow-source.unseen,.flow-plus.unseen{visibility:hidden;opacity:0;transform:translateX(-15px)}
.flow-bab{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--accent);margin:0 0 9px}
.flow-source h3{font-size:18px;line-height:1.18;letter-spacing:-.03em;margin:0 0 15px}
.flow-source ul{list-style:none;padding:0;margin:0}
.flow-source li{display:grid;grid-template-columns:23px 1fr;gap:6px;font-size:12px;line-height:1.45;margin-top:8px}
.flow-source li b{font-size:10px;line-height:1.65;color:var(--muted);font-weight:400}
.flow-source li.scope-out{color:var(--muted)}
.flow-source li.scope-out sup{color:var(--accent);font-weight:700}
.sources-3 .flow-source{padding:11px}
.sources-3 .flow-source h3{font-size:16px}
.sources-3 .flow-source li{grid-template-columns:1fr;gap:1px;font-size:11px;margin-top:8px}
.flow-plus{font-size:25px;color:var(--accent);align-self:center;text-align:center}
.flow-source-grid.combined .flow-source{border-top-color:var(--accent)}
.flow-scope{font-size:12px;line-height:1.45;color:var(--muted);margin:12px 0 0;min-height:18px}
.flow-source-cites{display:flex;gap:15px;margin-top:9px;flex-wrap:wrap}
.flow-bridge{display:flex;align-items:center;justify-content:center;align-self:stretch;color:#b6b6be;font-size:44px;padding-bottom:60px}
.flow-bridge.connected{color:var(--accent)}
.flow-results{display:flex;flex-direction:column;gap:6px}
.flow-result{display:grid;grid-template-columns:35px 1fr;gap:12px;border-top:1px solid var(--line);padding:9px 0;text-align:left;align-items:baseline}
.flow-result>span{color:var(--accent);font-weight:800;letter-spacing:-.05em;font-size:22px}
.flow-result.compact strong{font-size:13px;line-height:1.25;font-weight:400}
.flow-result.compact>span{font-size:14px}
.flow-result.compact{padding:6px 0;gap:8px}
.flow-result.active{padding:16px 14px;background:var(--pale);border:1px solid #e1b5c9;min-height:120px}
.flow-result.active h3{font-size:25px;line-height:1.05;margin:0 0 14px}
.flow-result.active .flow-number{font-size:34px;line-height:1}
.flow-result ul{list-style:none;padding:0;margin:0;font-size:13px;line-height:1.45}
.flow-result li+li{margin-top:7px}
.flow-result-cite{margin-top:13px}
.flow-result.pending{background:transparent;border:1px dashed var(--line);position:relative;min-height:175px}
.flow-result.pending .flow-result-content{visibility:hidden;display:none}
.flow-result.pending .flow-number{color:#d6d6dc}
.flow-wait{font-size:13px;color:#8c8c96;align-self:center}
.flow-result.awaiting{opacity:0;transform:translateX(-20px)}
.flow-result.just-revealed{animation:flow-result-in .5s cubic-bezier(.2,.7,.3,1) both}
.flow-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:13px;margin-top:13px;border-top:1px solid var(--line)}
.flow-control-left{display:flex;align-items:center;gap:15px}
.flow-control-left>button{font-size:12px;padding:8px 0;color:var(--muted)}
.flow-control-left>button:first-child{font-size:21px}
.flow-control-left>button:disabled{opacity:.25}
.flow-step{font-size:11px;color:var(--muted)}
.flow-controls .primary{font-size:14px;padding:11px 17px;min-width:174px}
.flow-controls .primary:disabled{opacity:.55}
.flow-tools{display:flex;gap:25px;margin-top:5px}
.flow-tools .textbutton{font-size:11px;padding:7px 0}
.flow-ghost{position:fixed;z-index:8;pointer-events:none;overflow:hidden;box-shadow:0 10px 30px #0001;transform-origin:center;animation:none!important;border-color:var(--accent);will-change:transform,opacity}
@keyframes flow-source-in{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes flow-result-in{from{opacity:0;transform:translateX(-25px)}to{opacity:1;transform:none}}
@media(min-width:901px) and (max-height:800px){.chapter-flow{padding-top:23px;padding-bottom:15px}.chapter-flow .eyebrow{margin-bottom:10px}.chapter-flow h2{font-size:38px;margin-bottom:13px}.flow-selector{margin-bottom:13px}.flow-column-label{padding:8px 0 11px}.flow-source{padding:12px}.flow-source h3{font-size:17px;margin-bottom:12px}.flow-source li{font-size:11.5px;margin-top:6px}.flow-result.active h3{font-size:22px}.flow-result.active{padding:13px 12px}.flow-result ul{font-size:12px}.flow-result.active .flow-number{font-size:31px}.flow-scope{font-size:11px}.flow-controls{margin-top:8px;padding-top:9px}.flow-columns{min-height:270px}}
@media(max-width:900px){.chapter-flow h2{font-size:32px}.flow-columns{grid-template-columns:minmax(0,1.3fr) 28px minmax(0,1fr);gap:8px}.flow-source-grid.sources-2{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:5px}.flow-source-grid.sources-3{grid-template-columns:repeat(2,minmax(0,1fr) 8px) minmax(0,1fr);gap:4px}.flow-plus{font-size:20px;line-height:1}.flow-source{padding:11px}.flow-source h3,.sources-3 .flow-source h3{font-size:17px;margin-bottom:9px}.flow-source li{font-size:12px;margin-top:5px}.sources-3 .flow-source li{grid-template-columns:1fr;gap:1px}.sources-3 .flow-source{padding:8px}.sources-3 .flow-source h3{font-size:14px}.flow-result.active{padding:12px 10px;grid-template-columns:27px 1fr;gap:8px}.flow-result.active h3{font-size:21px}.flow-result.active .flow-number{font-size:28px}.flow-result ul{font-size:12px}.flow-column-label span{display:none}.flow-bridge{font-size:29px}.flow-step{display:none}.flow-selector{gap:5px}.flow-selector button{padding:6px 9px}.flow-controls .primary{min-width:150px;font-size:12px}.flow-result.compact strong{font-size:12px}.flow-result.compact{grid-template-columns:22px 1fr}}
@media(max-width:560px){.flow-columns{grid-template-columns:1fr}.flow-bridge{display:none}.flow-source-grid.sources-2{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr)}.flow-source-grid.sources-3{grid-template-columns:1fr}.flow-source h3{font-size:15px}.flow-source li{grid-template-columns:1fr;gap:0;font-size:11px}.flow-selector{gap:4px;flex-wrap:wrap}.flow-selector>span{display:none}.flow-selector button{padding:6px 8px}.flow-new{margin-top:16px}.flow-result.pending{min-height:80px}.flow-control-left{gap:10px}.flow-controls .primary{min-width:0;padding:10px}.flow-tools{gap:16px}.flow-tools .textbutton{font-size:10px}}
@media(prefers-reduced-motion:reduce){.flow-source.fresh,.flow-result.just-revealed{animation:none}.flow-source,.flow-source-grid{transition:none}}
@media print{.flow-selector,.flow-controls,.flow-tools,.flow-bridge{display:none}.flow-columns{display:block}.flow-source-grid{margin-bottom:15px}.flow-result.pending .flow-result-content{display:block;visibility:visible}.flow-source.unseen,.flow-plus.unseen{visibility:visible;opacity:1;transform:none}.flow-wait{display:none}.flow-ghost{display:none}}

@media(min-width:561px) and (max-width:900px){.chapter-flow{padding:24px 24px 14px}.chapter-flow .eyebrow{margin-bottom:10px}.chapter-flow h2{margin-bottom:12px}.flow-selector{margin-bottom:12px}.flow-column-label{padding:8px 0 11px}.flow-columns{min-height:260px}.flow-scope{margin-top:9px}.flow-controls{margin-top:8px;padding-top:9px}.flow-tools{margin-top:3px}}
@media(min-width:561px) and (max-width:900px){.flow-results{gap:3px}.flow-result.compact{padding:4px 0}.sources-3 .flow-source li{font-size:10.5px;line-height:1.35;margin-top:6px}.sources-3 .flow-source h3{margin-bottom:8px}.flow-source-grid.sources-3+.flow-scope{font-size:11px}}
