.flow-figure,.recovery-figure,.media-figure { font-family:var(--sans); color:var(--ink); }
.flow-origin { text-align:center; font-size:17px; font-weight:600; padding:0 0 28px; }
.scope-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; border-top:1px solid #aaa99b; }
.scope-lane { position:relative; padding-top:26px; }
.flow-dot { position:absolute; width:7px; height:7px; background:#687258; border-radius:50%; top:-4px; left:0; }
.article-body .scope-lane h3 { font:600 17px/1.5 var(--sans); margin:0 0 8px; }
.article-body .scope-lane p { font:13px/1.7 var(--sans); margin:0; color:#626658; }
.flow-rule { height:35px; border-left:1px solid #b4b8a9; margin:17px 0; }
.scope-lane strong,.scope-lane>span:last-child { display:block; font-size:14px; line-height:1.7; }
.scope-lane>span:last-child { margin-top:5px; color:#626658; font-size:12px; }
.recovery-top { display:flex; align-items:center; justify-content:center; gap:28px; margin-bottom:34px; }
.step-card { background:#f5f3ed; padding:22px 28px; border-radius:8px; font-size:15px; }
.archive-card { display:flex; gap:28px; align-items:center; border:1px solid #b5bda7; }
.paper-lines { width:82px; display:grid; gap:5px; }
.paper-lines i { height:3px; background:#adb7a0; border-radius:2px; }
.paper-lines i:nth-child(3n) { width:65%; }
.recovery-reads { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:20px; align-items:center; border-top:1px solid #c6c7ba; padding-top:30px; }
.read-marker { display:block; font-size:12px; color:#626658; margin-bottom:15px; }
.recovery-reads strong { font-size:15px; font-weight:500; }
.segment-strip { display:flex; gap:4px; height:24px; margin-bottom:15px; }
.segment-strip>* { flex:1; border-radius:3px; background:#d1d3c9; }
.segment-strip b { background:#7e8d69; }
.read-arrow { color:#6c775d; }
.continue-task { align-self:center; }
.media-figure { display:grid; grid-template-columns:1fr 1.25fr; gap:50px; align-items:center; }
.media-source { background:#f5f3ed; border-radius:9px; padding:24px; }
.mini-screen { border:1px solid #b9beb0; border-radius:6px; overflow:hidden; margin:15px 0 20px; }
.mini-toolbar { display:flex; gap:4px; padding:8px; border-bottom:1px solid #cbd0c4; }
.mini-toolbar i { width:4px; height:4px; border-radius:50%; background:#a5ae98; }
.mini-window { display:flex; height:86px; }
.mini-sidebar { width:25%; background:#d9dfcf; }
.mini-page { flex:1; padding:16px; }
.mini-page i { display:block; height:4px; background:#c2cab8; width:80%; margin-bottom:8px; }
.mini-page i:nth-child(2) { width:55%; }
.mini-page b { display:block; width:30px; height:14px; background:#879573; border-radius:3px; }
.media-source .paper-lines { width:100%; }
.data-chip { display:block; font-size:11px; color:#626658; padding-top:18px; }
.media-routes>div { position:relative; padding:20px 0 20px 25px; border-bottom:1px solid #c6c7ba; }
.media-routes>div:last-child { border:0; }
.media-routes strong { display:block; font-size:16px; font-weight:500; margin-bottom:8px; }
.media-routes span:last-child { font-size:12px; line-height:1.7; color:#626658; display:block; }
.media-route-arrow { position:absolute; left:0; top:19px; color:#6c775d; }
@media(max-width:600px) {
 .scope-grid { grid-template-columns:1fr; gap:24px; }
 .scope-lane { padding-top:16px; }
 .scope-lane+.scope-lane { border-top:1px solid #aaa99b; }
 .flow-rule { height:16px; margin:10px 0; }
 .recovery-top { gap:12px; }
 .step-card { padding:15px 12px; font-size:13px; }
 .archive-card { gap:12px; }
 .archive-card .paper-lines { width:35px; }
 .recovery-reads { grid-template-columns:1fr; gap:16px; }
 .read-arrow { transform:rotate(90deg); justify-self:center; }
 .media-figure { grid-template-columns:1fr; gap:12px; }
 .media-source { max-width:280px; width:100%; box-sizing:border-box; justify-self:center; }
}