:root{--ink:#16334c;--muted:#5a7285;--line:#d6e0e7;--paper:#f5f8fa;--blue:#2a6e9d;--teal:#1d847c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:3px;outline:3px solid #6ebbd7}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 42px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:14px;font-size:20px;font-weight:600;display:flex}.brand b{color:var(--blue);font-weight:400}.brand-mark{background:var(--ink);color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:24px;font-weight:700;display:grid}.brand-mark span{color:#6cc3b5}.environment{color:var(--muted);font-size:12px}.page-grid{grid-template-columns:230px minmax(0,1fr);max-width:1600px;margin:auto;display:grid}.sidebar{border-right:1px solid var(--line);flex-direction:column;gap:4px;min-height:calc(100vh - 76px);padding:40px 18px 24px 28px;display:flex}.sidebar-title{color:var(--muted);margin:0 0 16px 14px;font-size:12px;font-weight:700}.sidebar a{color:#456177;border-radius:10px;padding:12px 14px;font-size:14px}.sidebar a:hover,.sidebar a.nav-active{color:#16466b;background:#e5eff5}.sidebar-note{border-top:1px solid var(--line);color:var(--muted);margin:auto 10px 0;padding:18px 0;font-size:12px;line-height:1.55}.content{width:100%;max-width:1250px;padding:40px clamp(24px,5vw,76px) 90px}.intro{justify-content:space-between;align-items:end;gap:32px;padding-bottom:36px;display:flex}.section-kicker{color:var(--blue);margin:0 0 12px;font-size:13px;font-weight:700}.intro h1{letter-spacing:-.045em;max-width:650px;margin:0 0 18px;font-size:clamp(34px,4vw,55px);line-height:1.04}.intro p:not(.section-kicker){max-width:640px;color:var(--muted);margin:0;font-size:16px;line-height:1.6}.connection{white-space:nowrap;color:var(--muted);padding-bottom:5px;font-size:12px}.pulse{background:#a6aeb6;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.pulse.ok{background:var(--teal)}.flow-section{border:1px solid var(--line);background:#fff;border-radius:18px;padding:30px 34px 40px;box-shadow:0 12px 35px #1b3d540a}.section-heading{justify-content:space-between;align-items:start;gap:24px;margin-bottom:28px;display:flex}.section-heading h2,.month-section h2,.handoff h2{letter-spacing:-.025em;margin:0 0 8px;font-size:26px}.section-heading p,.month-section p:not(.section-kicker){color:var(--muted);margin:0;font-size:14px;line-height:1.5}.legend{white-space:nowrap;color:var(--muted);margin-top:6px;font-size:12px}.legend i{background:#d79034;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.flow-grid{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);align-items:center;gap:12px;display:grid}.flow-column{flex-direction:column;gap:18px;display:flex}.flow-node{border:1px solid #dae5eb;border-left:4px solid var(--blue);background:#f8fbfc;border-radius:12px;align-items:center;gap:16px;min-height:106px;padding:19px 19px 19px 16px;display:flex;position:relative}.flow-node:not(:last-child):after{content:"";background:#afc6d3;width:2px;height:18px;position:absolute;top:100%;left:33px}.flow-node.done{border-left-color:var(--teal)}.flow-node.attention{border-left-color:#d5953b}.node-number{color:var(--blue);background:#e7f1f5;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;font-size:12px;font-weight:700;display:grid}.node-content{flex:1;min-width:0}.node-content h3{letter-spacing:-.01em;margin:0 0 5px;font-size:15px}.node-content p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.node-count{text-align:right;min-width:68px;color:var(--muted)}.node-count strong{color:var(--ink);font-size:24px;font-weight:600;line-height:1;display:block}.node-count span{font-size:11px}.flow-join{height:100%;color:var(--blue);justify-content:center;align-items:center;font-size:23px;display:flex;position:relative}.flow-join span:first-child{background:#afc6d3;width:100%;height:2px;position:absolute}.flow-join span:last-child{z-index:1;background:#fff;padding:2px 7px}.month-section{background:#e8f1f4;border:1px solid #c9dde5;border-radius:18px;grid-template-columns:1.3fr .9fr;gap:48px;margin-top:28px;padding:30px 34px;display:grid}.month-section p:not(.section-kicker){max-width:600px}.month-states{grid-template-columns:1fr 1fr;align-content:center;gap:10px;display:grid}.month-states div{background:#fff;border:1px solid #d2e0e6;border-radius:8px;align-items:center;gap:8px;padding:13px;font-size:12px;display:flex}.state-dot{border-radius:50%;flex:none;width:9px;height:9px}.state-dot.complete{background:var(--teal)}.state-dot.archive{background:var(--blue)}.state-dot.missing{background:#ad4136}.state-dot.uncertain{background:#d5953b}.handoff{padding:42px 0}.handoff-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;display:grid}.handoff article{border-top:2px solid var(--ink);padding:20px 4px}.handoff article span{color:var(--blue);font-size:12px;font-weight:700}.handoff article h3{margin:9px 0;font-size:20px}.handoff article p{color:var(--muted);max-width:430px;margin:0;font-size:14px;line-height:1.55}.locked{max-width:640px;margin:15vh auto;padding:32px}.locked p{color:var(--muted)}@media (max-width:1050px){.page-grid{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;min-height:0;padding:10px 20px;overflow:auto}.sidebar-title,.sidebar-note{display:none}.sidebar a{white-space:nowrap}.content{padding:35px 24px 70px}.flow-grid{grid-template-columns:1fr}.flow-join{height:28px;transform:rotate(90deg)}.bank-column{padding-top:4px}}@media (max-width:650px){.topbar{height:64px;padding:0 18px}.environment{display:none}.intro{display:block}.connection{margin-top:18px}.flow-section,.month-section{padding:23px 18px}.section-heading{display:block}.legend{margin-top:14px;display:block}.flow-node{gap:10px;padding:15px 12px}.node-count{min-width:50px}.node-content h3{font-size:14px}.node-content p{font-size:11px}.month-section{grid-template-columns:1fr;gap:22px}.month-states,.handoff-grid{grid-template-columns:1fr}}