:root{--flow-ink: #10243a;--flow-muted: #536578;--flow-line: #cbd8e5;--flow-paper: #f5f7f6;--flow-sea: #087d8b;--flow-sea-deep: #055561;--flow-brass: #b8781d;--flow-brass-soft: #fff3dc;--flow-proof: #17704c;--flow-proof-soft: #e4f4eb}.flow-diagram{position:relative;container-type:inline-size;overflow:hidden;margin:2rem 0;padding:clamp(1.25rem,3vw,2.25rem);color:var(--flow-ink);border:1px solid var(--flow-line);border-radius:1.35rem;background:radial-gradient(circle at 92% 6%,rgb(8 125 139 / 13%),transparent 32%),linear-gradient(135deg,#fff,var(--flow-paper));box-shadow:0 1.2rem 3rem #0e243a1c}.flow-diagram:before{position:absolute;inset:0;pointer-events:none;content:"";opacity:.45;background-image:linear-gradient(120deg,transparent 0 44%,rgb(8 125 139 / 8%) 44.2% 44.45%,transparent 44.7%)}.flow-diagram__heading,.flow-diagram__summary,.flow-diagram__sections,.flow-diagram__steps,.flow-diagram__repeat,.flow-diagram__legend{position:relative}.flow-diagram__heading{display:grid;gap:.3rem;max-width:48rem}.flow-diagram__heading strong{font-size:clamp(1.2rem,2vw,1.55rem);letter-spacing:-.025em}.flow-diagram__eyebrow{display:inline-flex;gap:.45rem;align-items:center;color:var(--flow-sea-deep);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.flow-diagram__summary{max-width:50rem;margin:.85rem 0 1.65rem;color:var(--flow-muted)}.flow-diagram__steps{display:flex;align-items:stretch;padding:0;margin:0;list-style:none}.flow-diagram__step{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:.7rem;flex:1 1 10rem;min-width:10.5rem;min-height:8.75rem;padding:1rem;border:1px solid var(--flow-line);border-radius:1rem;background:#ffffffeb;box-shadow:0 .4rem 1rem #10243a0d}.flow-diagram__marker{display:grid;place-items:center;width:2rem;height:2rem;color:#fff;border-radius:50%;background:var(--flow-sea);font-size:.7rem;font-weight:800;box-shadow:0 0 0 .3rem #087d8b1a}.flow-diagram__copy{display:grid;align-content:start;gap:.3rem;min-width:0;line-height:1.25}.flow-diagram__group{color:var(--flow-sea-deep);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.flow-diagram__copy strong{font-size:.95rem}.flow-diagram__copy small{color:var(--flow-muted);font-size:.78rem}.flow-diagram__copy code{width:max-content;max-width:100%;overflow-wrap:anywhere;padding:.12rem .35rem;color:var(--flow-sea-deep);border-radius:.3rem;background:#e8f3f4;font-size:.68rem}.flow-diagram__connector{position:absolute;z-index:-1;top:50%;left:100%;width:1.5rem;height:2px;background:var(--flow-line)}.flow-diagram__connector:after{position:absolute;top:50%;right:-.05rem;width:.5rem;height:.5rem;content:"";border-top:2px solid var(--flow-line);border-right:2px solid var(--flow-line);transform:translateY(-50%) rotate(45deg)}.flow-diagram__step+.flow-diagram__step{margin-left:1.5rem}.flow-diagram__step--gate{border-color:#e2b86e;background:var(--flow-brass-soft)}.flow-diagram__step--gate .flow-diagram__marker{background:var(--flow-brass)}.flow-diagram__step--proof,.flow-diagram__step--finish{border-color:#8bcba9;background:var(--flow-proof-soft)}.flow-diagram__step--proof .flow-diagram__marker,.flow-diagram__step--finish .flow-diagram__marker{background:var(--flow-proof)}.flow-diagram__sections--loop>.flow-diagram__section:first-child:after{display:block;margin:.55rem 0;color:var(--flow-sea);content:"↓";font-size:1.3rem;font-weight:800;line-height:1;text-align:center}.flow-diagram__cycle{position:relative;padding:1rem 1rem 1rem 3.65rem;border:2px solid #87bca2;border-radius:1rem;background:#e4f4eb7a}.flow-diagram__cycle-title{display:block;margin-bottom:.85rem;color:#176143;font-size:.85rem}.flow-diagram__cycle .flow-diagram__steps{display:grid;gap:.85rem}.flow-diagram__cycle .flow-diagram__step{min-height:0}.flow-diagram__cycle .flow-diagram__step+.flow-diagram__step{margin-left:0}.flow-diagram__cycle .flow-diagram__connector{top:100%;left:1.95rem;width:2px;height:.85rem}.flow-diagram__cycle .flow-diagram__connector:after{top:auto;right:auto;bottom:-.05rem;left:50%;transform:translate(-50%) rotate(135deg)}.flow-diagram__cycle-arrow{position:absolute;top:5.6rem;bottom:5.9rem;left:.7rem;width:1.7rem;border:2px solid #087d8b;border-right:0;border-radius:.8rem 0 0 .8rem}.flow-diagram__cycle-arrow:after{position:absolute;top:-.37rem;right:-.03rem;width:.55rem;height:.55rem;border-top:2px solid #087d8b;border-right:2px solid #087d8b;content:"";transform:rotate(45deg)}.flow-diagram__repeat{display:flex;align-items:center;gap:.5rem;margin:1rem 0 0;color:var(--flow-sea-deep);font-size:.84rem;font-weight:700}.flow-diagram__repeat span{font-size:1.35rem;line-height:1}.flow-diagram__cycle .flow-diagram__repeat{margin-top:.8rem}.flow-diagram__legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.25rem;color:var(--flow-muted);font-size:.75rem}.flow-diagram__legend span{display:inline-flex;gap:.4rem;align-items:center}.flow-diagram__legend-dot{width:.65rem;height:.65rem;border-radius:50%;background:var(--flow-sea)}.flow-diagram__legend-dot--gate{background:var(--flow-brass)}.flow-diagram__legend-dot--proof{background:var(--flow-proof)}.flow-diagram--stack .flow-diagram__steps{display:grid;gap:.85rem;max-width:38rem}.flow-diagram--stack .flow-diagram__step+.flow-diagram__step{margin-left:0}.flow-diagram--stack .flow-diagram__connector{top:100%;left:1.95rem;width:2px;height:.85rem}.flow-diagram--stack .flow-diagram__connector:after{top:auto;right:auto;bottom:-.05rem;left:50%;transform:translate(-50%) rotate(135deg)}@container (max-width: 52rem){.flow-diagram__steps{display:grid;gap:.85rem}.flow-diagram__step{min-height:0}.flow-diagram__step+.flow-diagram__step{margin-left:0}.flow-diagram__connector{top:100%;left:1.95rem;width:2px;height:.85rem}.flow-diagram__connector:after{top:auto;right:auto;bottom:-.05rem;left:50%;transform:translate(-50%) rotate(135deg)}}@media(max-width:34rem){.flow-diagram{padding:1rem;border-radius:1rem}.flow-diagram__step{min-height:0}}.isolation-map{margin:1.8rem 0;padding:1.25rem;border:1px solid #bed6dd;border-radius:1rem;background:linear-gradient(135deg,#f8fbfa,#e7f4f4);color:#10243a;box-shadow:0 .7rem 1.5rem #10243a14}.isolation-map figcaption{display:grid;gap:.35rem}.isolation-map figcaption span{color:#055561;font-size:.7rem;font-weight:800;letter-spacing:.12em}.isolation-map figcaption strong{font-size:1.1rem}.isolation-map__trunk,.isolation-map__merge{margin:1rem auto;max-width:30rem;padding:.75rem 1rem;border:1px solid #7fcba4;border-radius:.75rem;background:#e4f5ec;text-align:center}.isolation-map b,.isolation-map small,.isolation-map span{display:block}.isolation-map small{margin-top:.25rem;color:#536578;font-size:.78rem}.isolation-map__branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;position:relative}.isolation-map__branches:before{content:"";position:absolute;top:-.45rem;left:25%;right:25%;border-top:2px solid #a9c8cf}.isolation-map__branches div{padding:.85rem;border:1px solid #cbd8e5;border-radius:.75rem;background:#fff;text-align:center}.isolation-map__branches span{color:#055561;font-size:.72rem;font-weight:800;letter-spacing:.08em}.isolation-map__branches b{margin-top:.35rem}.isolation-map__merge{margin-bottom:0}@media(max-width:38rem){.isolation-map__branches{grid-template-columns:1fr}.isolation-map__branches:before{display:none}}