:root{--navy:#003366;--deep:#002147;--ink:#2f3a44;--muted:#5b6770;--paper:#f6f9fa;--mist:#edf6f9;--white:#fff;--teal:#006d77;--aqua:#83c5be;--line:#d8e3e7;--peach:#ffe7de;--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0}body{background:#e9eef1;color:var(--ink);font-family:var(--sans);line-height:1.45;font-size:12px}
a{color:var(--teal)}a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.toolbar{max-width:8.5in;margin:18px auto 10px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}
.toolbar a{font-weight:700;text-decoration:none;color:var(--navy);border-bottom:1px solid currentColor}
.toolbar .pdf{background:var(--navy);color:var(--white);border:0;border-radius:8px;padding:9px 14px}
.sheet{width:8.5in;min-height:11in;margin:0 auto 28px;background:var(--white);box-shadow:0 18px 50px #00336622;padding:.5in .55in .45in;display:flex;flex-direction:column}
.top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:2px solid var(--navy);padding-bottom:12px}
.brand{display:flex;gap:10px;align-items:center}.brand img{width:26px;height:36px;object-fit:contain}.brand b{display:block;font-size:14px;color:var(--navy)}.brand span{display:block;font-size:8.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--teal);font-weight:700;margin-top:2px}
.stamp{text-align:right;font-size:9.5px;color:var(--muted);line-height:1.5}.stamp b{color:var(--navy)}
h1{font-size:24px;line-height:1.1;letter-spacing:-.6px;color:var(--navy);margin:14px 0 4px}
.lede{font-size:12.5px;color:var(--muted);margin:0 0 12px;max-width:6.6in}
.diagram{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:stretch;background:var(--mist);border:1px solid #c6e1e5;border-radius:10px;padding:12px;margin-bottom:12px;position:relative}
.dbox{background:var(--white);border:1px solid #b9d6db;border-radius:8px;padding:8px 8px 7px;position:relative}
.dbox b{display:block;font-size:10.5px;color:var(--navy);line-height:1.25}.dbox span{display:block;font-size:9px;color:var(--muted);margin-top:3px;line-height:1.35}
.dbox.edge{border-color:var(--teal)}.dbox:not(:last-child):after{content:'→';position:absolute;right:-9px;top:40%;font-size:12px;color:var(--teal);font-weight:700}
.dbox.stack{display:flex;flex-direction:column;gap:6px;padding:0;border:0;background:transparent}.dbox.stack .dbox{flex:1}.dbox.stack .dbox:after,.diagram .dbox.stack:after{content:none}
.vpc-label{grid-column:3/-1;font-size:8.5px;letter-spacing:1px;text-transform:uppercase;color:var(--teal);font-weight:700;margin-top:-2px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.block{border-top:1px solid var(--line);padding-top:7px}
.block h2{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--teal);margin:0 0 5px}
.block ul{margin:0;padding:0;list-style:none}.block li{position:relative;padding-left:13px;margin:0 0 3.5px;font-size:11px;line-height:1.42}
.block li:before{content:'';position:absolute;left:1px;top:6px;width:5px;height:5px;border-radius:50%;background:var(--teal)}
.block li b{color:var(--navy)}
.tag{display:inline-block;font-size:8px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;border-radius:99px;padding:1px 6px;vertical-align:1px;margin-right:4px}
.tag.live{background:var(--teal);color:var(--white)}.tag.ready{background:var(--mist);color:#004f56;box-shadow:inset 0 0 0 1px #9fcfd4}.tag.soon{background:var(--peach);color:#8a3b1e}
.flow{margin-top:10px;background:var(--deep);color:#dbe8f0;border-radius:10px;padding:10px 14px;display:grid;grid-template-columns:1fr 1fr;gap:6px 22px;font-size:10.5px}
.flow b{color:var(--aqua);display:block;font-size:9px;letter-spacing:1.1px;text-transform:uppercase;margin-bottom:2px}
.foot{margin-top:auto;padding-top:9px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;font-size:9px;color:var(--muted);line-height:1.5}
.foot b{color:var(--navy)}
@media screen and (max-width:860px){body{background:var(--white)}.sheet{width:auto;min-height:0;box-shadow:none;padding:20px 16px;margin:0}.top{flex-direction:column}.stamp{text-align:left}.diagram{grid-template-columns:1fr}.dbox:not(:last-child):after{content:'↓';right:auto;left:50%;top:auto;bottom:-12px}.vpc-label{grid-column:auto}.grid2,.flow{grid-template-columns:1fr}.foot{flex-direction:column}}
@media print{@page{size:letter;margin:0}body{background:var(--white)}.toolbar{display:none}.sheet{box-shadow:none;margin:0;width:8.5in;height:11in;min-height:0}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.block li:has(.tag){padding-left:0}.block li:has(.tag):before{display:none}
.foot span:last-child{white-space:nowrap;text-align:right}

h1{text-wrap:balance}