/* Article-led engineering demo; deliberately separate from the marketing concept. */
.documentation-mode{--bg:#fff;--paper:#fff;--ink:#242424;--muted:#505050;--line:#e3e3e3;--teal:#12695e;background:#fff;color:#242424}
.documentation-mode .container{max-width:1600px;padding:0 32px}
.documentation-mode header{height:66px;gap:32px}
.documentation-mode .brand{font-size:20px;letter-spacing:-.4px}
.documentation-mode .bean{width:17px;height:23px}
.documentation-mode .bean:after{left:8px;border-left-width:2px}
.documentation-mode .container>nav{display:none!important}
.documentation-mode #view{display:grid;grid-template-columns:220px minmax(0,820px) 170px;gap:40px;justify-content:center;padding:36px 0 80px;align-items:start}
.doc-sidebar,.doc-toc{position:sticky;top:24px;font-size:14px}
.doc-sidebar>strong{display:block;font-size:17px}
.doc-sidebar>span{display:block;font-size:12px;color:#666;margin:4px 0 25px}
.doc-sidebar a{display:block;padding:8px 12px;border-left:2px solid transparent}
.doc-sidebar a:hover{background:#f5f5f5}
.doc-sidebar a.current{background:#edf5f2;border-color:#12695e;font-weight:600}
.doc-sidebar h3{font-size:13px;letter-spacing:0;margin:24px 12px 8px;font-weight:650}
.doc-sidebar p{font-size:12px;padding:22px 12px;border-top:1px solid #ddd;margin-top:32px}
.doc-toc{border-left:1px solid #ddd;padding-left:18px}
.doc-toc strong{display:block;font-size:13px;margin-bottom:12px}
.doc-toc button{display:block;text-align:left;background:none;font-size:13px;color:#555;padding:7px 0;line-height:1.5}
.doc-toc button:hover{color:#12695e;text-decoration:underline}
.documentation-mode .engineering-article{margin:0;max-width:none;min-width:0;font-size:16px;line-height:1.7}
.documentation-mode .detail-head{margin:0 0 32px;padding:0;display:block}
.documentation-mode .detail-head .eyebrow{display:none}
.documentation-mode .detail-head h1{font-size:38px;line-height:1.2;letter-spacing:-1px;font-weight:650;margin:16px 0}
.documentation-mode .engineering-article p{color:#414141;line-height:1.75;margin:12px 0 22px}
.documentation-mode .engineering-article .doc-breadcrumb{font-size:12px;color:#12695e;margin:0}
.documentation-mode .engineering-article h2{font-size:26px;letter-spacing:-.4px;line-height:1.3;font-weight:600;margin:38px 0 14px;scroll-margin-top:24px}
.documentation-mode .engineering-article h3{font-size:20px;letter-spacing:-.2px;font-weight:600;scroll-margin-top:24px}
.documentation-mode .flow-panel{border:0;padding:0;background:none;border-radius:0;margin:30px 0}
.documentation-mode .sequence-scroll{border:1px solid #ddd;background:#fff;padding:12px}
.documentation-mode .archive-legend{gap:8px;margin:12px 0}
.documentation-mode .archive-legend span{border-radius:2px;padding:3px 7px;font-size:11px}
.documentation-mode .transition{border:0;border-left:3px solid;border-radius:0;padding:4px 0 4px 20px;margin:26px 0;background:none}
.documentation-mode .transition h3{margin:8px 0}
.documentation-mode details{border-radius:0;background:#f7f7f7;padding:12px 16px;font-size:14px}
.documentation-mode code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86em}
.code-frame{border:1px solid #d6d6d6;border-radius:4px;overflow:hidden;margin:20px 0 32px}
.code-toolbar{background:#f2f2f2;border-bottom:1px solid #d6d6d6;display:flex;justify-content:space-between;align-items:center;padding:7px 14px;font-size:12px}
.code-toolbar button{background:white;border:1px solid #ccc;border-radius:3px;padding:4px 12px;font-size:12px}
.documentation-mode .code-frame pre{background:#fafafa;color:#202020;border-radius:0;margin:0;padding:20px;tab-size:2}
.documentation-mode .code-frame code{color:#242424;font-size:13px;line-height:1.65}
.syntax-key{color:#0451a5}.syntax-string{color:#a31515}.syntax-number{color:#096e50}.syntax-keyword{color:#7536a6}.syntax-comment{color:#526b43}
@media(min-width:1050px){.documentation-mode .sequence-scroll svg{min-width:0}}
@media(max-width:1150px){.documentation-mode #view{grid-template-columns:190px minmax(0,1fr);gap:28px}.doc-toc{display:none}}
@media(max-width:760px){.documentation-mode .container{padding:0 20px}.documentation-mode #view{display:block;padding-top:22px}.doc-sidebar{position:static;border-bottom:1px solid #ddd;margin-bottom:28px;padding-bottom:14px}.doc-sidebar>span,.doc-sidebar h3,.doc-sidebar p{display:none}.doc-sidebar a{display:inline-block;font-size:12px;padding:8px}.doc-sidebar>strong{margin-bottom:10px}.documentation-mode header{height:auto;min-height:64px;flex-wrap:wrap;gap:12px;padding:14px 0}.documentation-mode header nav{gap:14px;flex-wrap:wrap}.documentation-mode header .badge{display:none}.documentation-mode .detail-head h1{font-size:31px}}

.lookup-detail{padding:12px 16px;margin:20px 0;scroll-margin-top:24px;border-left:3px solid #d9e2df}.documentation-mode .diagram-selected{background:#f1f7f5;outline:1px solid #b9d4ca;outline-offset:6px;scroll-margin-top:32px}.back-to-diagram{display:block;background:none;color:#12695e;text-decoration:underline;padding:8px 0;font-size:13px}

.doc-toc{max-height:calc(100vh - 48px);overflow-y:auto}.doc-toc button.toc-child{padding-left:12px;font-size:12px}.diagram-zoom{background:#f2f5f4;border:1px solid #c9d5d0;border-radius:4px;padding:6px 12px;margin:8px 0;font-size:13px}.documentation-mode .sequence-scroll.diagram-enlarged svg{min-width:1100px}.sequence-scroll a:focus-visible rect{stroke-width:3}.sequence-scroll a:hover rect{fill:#f1f7f5}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.failure-paths{display:grid;gap:8px;margin:16px 0}.failure-paths>div{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:12px;align-items:center;border:1px solid #ddd;padding:12px;font-size:13px}.failure-paths b{color:#805425}.retry-example{display:flex;align-items:center;gap:20px;margin:18px 0}.retry-example>div{flex:1;padding:16px;border:1px solid #bcd3c9;background:#f3f8f5}.documentation-mode .retry-example p{font-size:14px;margin:8px 0}.documentation-mode .engineering-article a{text-decoration:underline;text-underline-offset:3px}.documentation-mode .engineering-article .tiny{overflow-wrap:anywhere}@media(max-width:600px){.failure-paths>div{grid-template-columns:1fr}.retry-example{gap:8px}}

/* Documentation tree: entry points, workflow families, then the active article. */
.doc-sidebar{max-height:calc(100vh - 48px);overflow-y:auto;padding-right:10px}
.docs-nav-title strong{display:block;font-size:17px}.docs-nav-title span{display:block;color:#666;font-size:12px;margin:4px 0 22px}
.documentation-mode .doc-sidebar details{background:none;border:0;padding:0;margin:0;border-radius:0}
.docs-navigation>summary{display:none}
.nav-group-label{margin:24px 12px 8px;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:#69716e}
.documentation-mode .nav-branch>summary{padding:9px 10px;font-size:13px;font-weight:600;cursor:pointer}
.doc-sidebar .nav-branch>a{padding-left:24px;font-size:13px}.doc-sidebar .nav-article-sections{margin:3px 0 12px 26px;border-left:1px solid #d9e3de}
.doc-sidebar .nav-article-sections a{font-size:12px;padding:6px 12px;line-height:1.5;color:#5d6561}
.doc-sidebar .nav-article-sections a[aria-current="location"]{color:#12695e;font-weight:650;border-left-color:#12695e;background:#f0f6f3}
.nav-review-note{font-size:11px;color:#777;border-top:1px solid #e3e3e3;margin:25px 12px 0;padding-top:14px}
@media(max-width:760px){.doc-sidebar{max-height:none;padding-right:0}.docs-nav-title{display:none}.docs-navigation>summary{display:list-item;padding:10px 0;font-weight:600}.doc-sidebar .docs-nav-body a{display:block}.doc-sidebar .nav-branch>a{padding-left:24px}.nav-group-label{margin-top:16px}.docs-nav-body{max-height:45vh;overflow-y:auto;padding-bottom:14px}}

/* Numbers mark phases; plain subheadings mark actions and alternatives. */
.documentation-mode .engineering-article .transition{border:0;padding:0;margin:40px 0;background:none;border-radius:0}
.documentation-mode .engineering-article .lookup-detail{border:0;padding:0;margin:28px 0;background:none;border-radius:0}
.documentation-mode .engineering-article .diagram-selected{outline:0;background:none}
.documentation-mode .engineering-article .diagram-selected>h2,.documentation-mode .engineering-article .diagram-selected>h3{color:#12695e;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}

.doc-toc button[aria-current="location"]{color:#12695e;font-weight:700}.diagnostic-scroll{overflow-x:auto}.diagnostic-scroll table{border-collapse:collapse;min-width:600px;font-size:13px}.diagnostic-scroll th,.diagnostic-scroll td{padding:12px;text-align:left;vertical-align:top;border:1px solid #ddd}.diagnostic-scroll th{background:#f1f5f3}@media(max-width:1150px){.documentation-mode .doc-toc{display:block;position:static;grid-column:2;grid-row:1;border:1px solid #ddd;padding:14px}.documentation-mode .engineering-article{grid-column:2}.documentation-mode .doc-sidebar{grid-column:1;grid-row:1 / span 2}.doc-toc button{display:inline-block;margin-right:12px}}@media(max-width:760px){.documentation-mode #view{display:flex;flex-direction:column}.doc-sidebar,.doc-toc,.engineering-article{width:100%}.doc-sidebar{order:0}.doc-toc{order:1}.engineering-article{order:2}}

.architecture-status{border:1px solid #d3ddd8;padding:20px;margin:24px 0;background:#f8faf9}.architecture-status dl{display:grid;grid-template-columns:180px 1fr;gap:10px;font-size:13px}.architecture-status dt{font-weight:600}.architecture-status dd{margin:0}@media(max-width:600px){.architecture-status dl{grid-template-columns:1fr}}

.docs-topbar{justify-content:space-between;gap:24px;height:68px}.docs-topbar nav{flex:0;align-items:center;gap:24px}.topbar-examples{position:relative}.documentation-mode .topbar-examples,.topbar-examples{padding:0;border:0;background:none;margin:0}.topbar-examples summary{cursor:pointer;font-size:13px;font-weight:600;color:#12695e;list-style:none;padding:9px 14px;border:1px solid #c9d8d2;border-radius:4px}.topbar-examples summary::after{content:' ▾'}.topbar-examples:not([open]) .examples-menu{display:none}.topbar-examples[open] .examples-menu{display:block}.examples-menu{position:absolute;right:0;top:44px;width:240px;padding:8px;background:white;border:1px solid #ddd;box-shadow:0 8px 24px #00000014;z-index:20;border-radius:6px}.docs-topbar .examples-menu a{display:block;padding:10px 12px;color:#242424}.examples-menu a:hover{background:#edf5f2}.worked-example-shortcut{display:inline-block;margin:8px 0;color:#12695e;font-size:14px;font-weight:600}@media(max-width:760px){.docs-topbar,.documentation-mode .docs-topbar{height:auto;min-height:66px;gap:12px;padding:12px 0}.docs-topbar nav{gap:16px}.docs-topbar .brand{font-size:18px}.examples-menu{right:0}}

/* Formal typography scale: article text 16, supporting UI/code 14, headings 20/26/34. */
.documentation-mode{font-size:16px;line-height:1.65}
.documentation-mode .engineering-article{font-size:16px;line-height:1.65}
.documentation-mode .engineering-article p,.documentation-mode .engineering-article li,.documentation-mode .engineering-article dl,.documentation-mode .engineering-article dd,.documentation-mode .engineering-article dt,.documentation-mode .engineering-article table,.documentation-mode .engineering-article details,.documentation-mode .retry-example p,.documentation-mode .failure-paths>div{font-size:16px;line-height:1.65}
.documentation-mode .detail-head h1{font-size:34px;line-height:1.2;letter-spacing:-.5px}
.documentation-mode .engineering-article h2{font-size:26px;line-height:1.3;letter-spacing:-.3px;margin:40px 0 16px}
.documentation-mode .engineering-article h3{font-size:20px;line-height:1.4;letter-spacing:0;margin:28px 0 12px}
.documentation-mode .engineering-article .tiny,.documentation-mode .engineering-article .doc-breadcrumb,.documentation-mode .engineering-article code,.documentation-mode .code-frame code,.documentation-mode .code-toolbar,.documentation-mode .code-toolbar button,.documentation-mode .doc-sidebar a,.documentation-mode .doc-toc button,.documentation-mode .doc-toc button.toc-child,.documentation-mode .back-to-diagram{font-size:14px;line-height:1.6}
.documentation-mode .engineering-article p{margin:12px 0 20px}.documentation-mode .code-frame pre{line-height:1.6}.documentation-mode .code-toolbar{gap:12px;flex-wrap:wrap}

@media(max-width:760px){.docs-topbar nav{order:2;flex:1 1 100%;width:100%;max-width:100%;min-width:0;flex-wrap:wrap;gap:8px 16px}}

.documentation-mode .doc-sidebar .page-metadata{border-top:1px solid #ddd;margin-top:24px;padding-top:14px}.page-metadata>summary{cursor:pointer;font-size:14px;font-weight:600;padding:8px 4px}.documentation-mode .page-metadata .architecture-status{background:none;border:0;padding:4px;margin:0;font-size:14px}.documentation-mode .page-metadata p{font-size:14px;line-height:1.6;padding:0;border:0;margin:12px 0}.page-metadata .architecture-status dl{display:block;font-size:14px}.page-metadata dt{margin-top:12px}.page-metadata dd{margin:4px 0;overflow-wrap:anywhere}.page-metadata code{font-size:12px;overflow-wrap:anywhere}

/* Release-candidate layout: navigation stays in the left rail at every width. */
.documentation-mode .docs-topbar nav{display:none}
.documentation-mode .docs-topbar{height:64px;min-height:64px;padding:0;display:flex;align-items:center}
.documentation-mode #view{display:grid;grid-template-columns:250px minmax(0,840px);gap:48px;justify-content:center;align-items:start}
.documentation-mode .doc-sidebar{grid-column:1;grid-row:auto;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto}
.documentation-mode .engineering-article{grid-column:2;grid-row:auto;min-width:0}
.documentation-mode .doc-sidebar .sidebar-contents{border-top:1px solid #ddd;margin-top:20px;padding-top:12px}
.sidebar-contents>summary{font-size:14px;font-weight:600;padding:8px 4px;cursor:pointer}
.documentation-mode .doc-sidebar .doc-toc{display:block;position:static;border:0;padding:4px 0 4px 8px;margin:0;max-height:none;overflow:visible}
.documentation-mode .doc-toc button{display:block;width:100%;text-align:left;margin:0;padding:7px 8px;font-size:14px;line-height:1.5}
.documentation-mode .doc-toc button.toc-child{padding-left:20px;font-size:14px}
@media(max-width:900px){.documentation-mode .container{padding:0 24px}.documentation-mode #view{grid-template-columns:210px minmax(0,1fr);gap:28px}}
@media(max-width:680px){.documentation-mode .container{padding:0 18px}.documentation-mode #view{display:block;padding-top:20px}.documentation-mode .doc-sidebar{position:static;max-height:none;width:100%;border-bottom:1px solid #ddd;padding-bottom:16px;margin-bottom:28px}.documentation-mode .doc-sidebar .sidebar-contents{margin-top:12px}.documentation-mode .doc-toc{max-height:260px!important;overflow:auto!important}.documentation-mode .engineering-article{width:100%}.documentation-mode .detail-head h1{font-size:30px}}

/* Shared EisKaffee visual system: workflow pages use the same palette, type scale,
   surfaces and header language as the architecture map. */
.documentation-mode{
  --bg:#f7f5ef;--paper:#fffefb;--ink:#153c3e;--muted:#6f807c;--line:#dce2d9;
  --teal:#28776c;--mint:#e5eee2;--orange:#b9693e;--peach:#f4e5d5;
  background:var(--bg);color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.documentation-mode .container{max-width:1440px;padding:0 48px}
.documentation-mode .docs-topbar{height:88px;min-height:88px;padding:0;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}
.documentation-mode .docs-topbar .brand{font-size:23px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:9px;color:var(--ink)}
.documentation-mode .docs-topbar .brand .muted{font-weight:400;color:var(--muted)}
.documentation-mode .docs-topbar .brand-mark{width:26px;height:34px;object-fit:contain}
.documentation-mode .docs-topbar nav{display:flex;flex:1;order:initial;width:auto;max-width:none;gap:28px;align-items:center}
.documentation-mode .docs-topbar nav>a{font-size:13px;color:var(--muted);padding:12px 0;text-decoration:none}
.documentation-mode .docs-topbar nav>a:hover,.documentation-mode .docs-topbar nav>a:focus-visible{color:var(--ink)}
.documentation-mode .topbar-examples{margin-left:auto}
.documentation-mode .topbar-examples summary{color:var(--ink);border-color:#b9c9bb;background:var(--paper);border-radius:10px}
.documentation-mode #view{padding:42px 0 80px}
.documentation-mode .detail-head{margin:0 0 32px;max-width:850px}
.documentation-mode .detail-head .doc-breadcrumb{color:var(--teal);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.documentation-mode .detail-head h1{font-size:52px;line-height:1.08;letter-spacing:-.065em;font-weight:500;color:var(--ink);margin:16px 0}
.documentation-mode .detail-head>p{font-size:17px;line-height:1.55;color:var(--muted);max-width:630px}
.documentation-mode .engineering-article{font-size:15px;line-height:1.55}
.documentation-mode .engineering-article p,.documentation-mode .engineering-article li,.documentation-mode .engineering-article details{font-size:15px;line-height:1.55;color:var(--muted)}
.documentation-mode .engineering-article h2{font-size:30px;line-height:1.15;letter-spacing:-.05em;color:var(--ink);font-weight:500;margin:38px 0 16px}
.documentation-mode .engineering-article h3{font-size:20px;line-height:1.3;letter-spacing:-.03em;color:var(--ink);font-weight:600;margin:28px 0 12px}
.documentation-mode .flow-panel{background:var(--paper);border:1px solid var(--line);border-radius:21px;padding:26px;box-shadow:0 8px 35px #153c3e04}
.documentation-mode .flow-panel>h2{font-size:30px;color:var(--ink);margin:0 0 18px}
.documentation-mode .flow-panel>p{color:var(--muted)}
.documentation-mode .archive-legend span{border-radius:10px;padding:9px 13px;font-size:12px}
.documentation-mode .sequence-scroll{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:12px}
.documentation-mode .transition{border-left-width:3px;border-radius:0 12px 12px 0;padding:18px 22px;margin:28px 0;background:var(--paper);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.documentation-mode details{border-top:1px solid var(--line);background:transparent;color:var(--muted);padding:13px 0}
.documentation-mode details summary{color:var(--teal)}
.documentation-mode .doc-sidebar{color:var(--ink)}
.documentation-mode .doc-sidebar a,.documentation-mode .doc-toc button{color:var(--muted)}
.documentation-mode .doc-sidebar a:hover,.documentation-mode .doc-sidebar a.current,.documentation-mode .doc-toc button:hover,.documentation-mode .doc-toc button[aria-current="location"]{color:var(--teal)}
.documentation-mode .architecture-status{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:20px}
.documentation-mode .architecture-status h2{color:var(--ink)}
.documentation-mode .architecture-status p,.documentation-mode .architecture-status dd{color:var(--muted)}
.documentation-mode .code-frame,.documentation-mode pre{border-radius:11px}
@media(max-width:620px){.documentation-mode .container{padding:0 17px}.documentation-mode .docs-topbar{height:auto;min-height:90px;flex-wrap:wrap;gap:3px;padding:14px 0}.documentation-mode .docs-topbar nav{order:2;flex-basis:100%;gap:24px;flex-wrap:wrap}.documentation-mode .detail-head h1{font-size:38px}.documentation-mode #view{padding-top:30px}.documentation-mode .flow-panel{padding:16px}}
.feature-workflow-diagram{font-family:inherit;min-width:850px}
.feature-workflow-diagram .workflow-edge{fill:none;stroke:#687078;stroke-width:1.8}
.feature-workflow-diagram .workflow-edge.failure,.feature-workflow-diagram .workflow-edge.control{stroke-dasharray:5 4}
.feature-workflow-diagram .workflow-edge-label{font-size:13px;fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:5px;stroke-linejoin:round}
.feature-workflow-diagram .workflow-node-layer{font-size:11px;font-weight:700}
.feature-workflow-diagram .workflow-node-title{font-size:16px;font-weight:600;fill:var(--ink)}
.feature-workflow-diagram .workflow-node-note{font-size:12px;fill:var(--muted)}
.workflow-example-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.workflow-example-pair>div{min-width:0}
@media(max-width:850px){.workflow-example-pair{grid-template-columns:1fr}}
/* Keep authored diagram labels readable at native scale; the existing viewport scrolls. */
.documentation-mode .sequence-scroll .feature-workflow-diagram{min-width:1000px}
.documentation-mode .engineering-article .feature-workflow-diagram a{text-decoration:none}
.documentation-mode .sequence-scroll .feature-workflow-diagram.workflow-compact{min-width:680px}
/* Delivery tracking reuses the documentation palette and typography. */
.delivery-sequence{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0}
.delivery-sequence span{border:1px solid var(--line);background:var(--paper);padding:12px 16px;border-radius:10px}
.delivery-sequence small{margin-right:10px;color:var(--teal)}
.delivery-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}
.delivery-summary>div{padding:24px;border:1px solid var(--line);background:var(--paper);border-radius:16px}
.delivery-summary strong{display:block;font-size:30px}.delivery-summary span{color:var(--muted);font-size:14px}
.delivery-explainer{max-width:85ch;line-height:1.6}.delivery-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:24px 0}
.delivery-proposal{border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:24px;margin:20px 0}
.delivery-proposal[hidden]{display:none}.delivery-proposal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.delivery-proposal-head h2{font-size:24px;margin:10px 0}.delivery-proposal-head small{color:var(--teal);text-transform:uppercase;letter-spacing:.08em}
.delivery-feature{border-top:1px solid var(--line);padding:14px 0}.delivery-feature>summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:disclosure-closed}
.delivery-feature strong{display:block;margin:6px 0;font-size:17px}.delivery-feature code,.delivery-proposal code{font-size:12px;overflow-wrap:anywhere}.delivery-note{font-size:13px;color:var(--muted)}
.delivery-feature-body{padding:16px 0;line-height:1.6}.delivery-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:16px;background:var(--bg);border-radius:12px}
.delivery-table{overflow-x:auto;margin:20px 0}.delivery-table table{border-collapse:collapse;min-width:700px;width:100%;font-size:14px}
.delivery-table th,.delivery-table td{border:1px solid var(--line);padding:14px;vertical-align:top;text-align:left}.delivery-table th{min-width:150px}.delivery-table small{display:block;color:var(--muted)}
.delivery-feature-body details{margin:18px 0}.delivery-feature-body li{margin:12px 0}.delivery-feature-body p{margin:12px 0}
@media(max-width:680px){.delivery-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-facts{grid-template-columns:1fr}.delivery-proposal{padding:16px}.delivery-proposal-head,.delivery-feature>summary{align-items:flex-start;flex-direction:column}.delivery-links{gap:16px}.delivery-sequence{gap:8px}.delivery-sequence span{padding:8px}.delivery-summary>div{padding:16px}}

.workflow-journey{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:0;list-style:none;margin:18px 0}.workflow-journey li{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:16px}.workflow-journey a{display:block}.workflow-journey span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--mint);color:var(--teal);margin-bottom:10px}.workflow-journey strong,.workflow-journey small{display:block}.workflow-journey small{text-transform:none;letter-spacing:normal;margin-top:6px}.workflow-boundary{border-left:3px solid var(--teal);padding:12px 20px;background:var(--paper)}.workflow-boundary dt{font-weight:600;margin-top:12px}.workflow-boundary dd{margin:6px 0 14px;color:var(--muted)}

.documentation-mode .engineering-article .workflow-journey a{text-decoration:none;color:var(--ink)}.workflow-journey a:hover strong{text-decoration:underline}.workflow-journey small{color:var(--muted)}

/* Website integration: show the complete workflow first, then let readers zoom in. */
.documentation-mode .diagram-zoom-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:12px 0}
.documentation-mode .diagram-zoom-controls button{min-width:44px;min-height:44px;border:1px solid var(--line,#c9d5d0);border-radius:999px;background:var(--paper,#fff);color:var(--ink,#153c3e);font:600 14px/1 inherit;cursor:pointer}
.documentation-mode .diagram-zoom-controls .diagram-fit{width:auto;padding:0 18px}
.documentation-mode .diagram-zoom-controls button[aria-pressed="true"]{background:var(--teal,#28776c);border-color:var(--teal,#28776c);color:#fff}
.documentation-mode .diagram-zoom-controls button:focus-visible{outline:3px solid #78b9b0;outline-offset:2px}
.documentation-mode .diagram-zoom-controls button:disabled{cursor:default;opacity:.4}
.documentation-mode .diagram-zoom-status{min-width:58px;text-align:center;color:var(--muted,#6f807c);font:600 13px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.documentation-mode .sequence-scroll{overflow:auto;overscroll-behavior:contain}
.documentation-mode .sequence-scroll.diagram-fitted svg,
.documentation-mode .sequence-scroll.diagram-fitted .feature-workflow-diagram,
.documentation-mode .sequence-scroll.diagram-fitted .feature-workflow-diagram.workflow-compact{display:block;width:100%!important;height:auto!important;min-width:0!important;max-width:100%!important;margin-inline:auto}
.documentation-mode .sequence-scroll.diagram-zoomed{max-height:min(72vh,760px)}
.documentation-mode .sequence-scroll.diagram-zoomed svg,
.documentation-mode .sequence-scroll.diagram-zoomed .feature-workflow-diagram,
.documentation-mode .sequence-scroll.diagram-zoomed .feature-workflow-diagram.workflow-compact{display:block;width:calc(100% * var(--diagram-zoom))!important;height:auto!important;min-width:0!important;max-width:none!important}
@media(max-width:620px){.documentation-mode .diagram-zoom-controls{justify-content:space-between}.documentation-mode .diagram-zoom-controls .diagram-fit{flex:1;padding-inline:12px}}