:root{--nav:#0e243d;--ink:#172e46;--muted:#586c7e;--green:#087c67;--accent:#62e3c4;--bg:#f2f6fa;--line:#dbe5ee;--surface:#fff;--soft:#eaf1f7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:var(--green)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:9px 15px;background:white;color:var(--ink);font-weight:600}button:hover{background:#edf8f5}button[aria-pressed=true]{background:var(--nav);border-color:var(--nav);color:var(--accent)}button:disabled{opacity:.4;cursor:default}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#086650}:focus-visible{outline:3px solid #169d85;outline-offset:4px}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:white;padding:10px}.skip:focus{top:10px}header{min-height:84px;padding:14px 28px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.6px}.brand small{display:block;font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted)}.mark{display:grid;place-items:center;width:42px;height:42px;background:var(--nav);color:var(--accent);border-radius:9px;font-size:26px}.header-actions,.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.status{font-size:13px;padding:4px 9px;background:var(--soft);border-radius:5px;color:var(--muted)}.shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:calc(100vh - 84px)}aside{background:var(--nav);color:white;padding:28px 18px}aside .eyebrow{color:#96b3ce}nav{display:grid;gap:4px;margin:18px 0 32px}nav a{color:#c6d6e5;text-decoration:none;font-size:15px;border-radius:6px;padding:10px 12px}nav a[aria-current=page]{background:#203e59;color:var(--accent);border-left:3px solid var(--accent)}.nav-note{border-top:1px solid #34536c;padding:22px 12px}.nav-note strong{color:var(--accent)}.nav-note p{margin:8px 0 18px}.nav-note small{font-size:13px;color:#96b3ce}main{min-width:0;padding:32px 38px;max-width:1500px;width:100%;margin:0 auto}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:800;color:var(--muted)}h1{font-size:34px;line-height:1.2;letter-spacing:-.7px;margin:6px 0 12px}h2{font-size:23px;line-height:1.35;margin:0 0 14px}h3{font-size:18px;margin:0 0 8px}p{margin:0 0 16px}.lead{color:var(--muted);max-width:850px;margin-bottom:26px}.card{border:1px solid var(--line);background:var(--surface);padding:24px;border-radius:12px;margin-bottom:20px}.card-title{display:flex;justify-content:space-between;align-items:start;gap:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid.three{grid-template-columns:repeat(3,1fr)}.split{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.sticky{position:sticky;top:108px;align-self:start}.key{padding:16px 19px;background:#e5f6ef;border-left:4px solid var(--green);border-radius:0 8px 8px 0;margin:16px 0}.key b{display:block;color:var(--green);font-size:12px;letter-spacing:1px;margin-bottom:6px}.muted{color:var(--muted)}.small{font-size:14px}.pill{display:inline-block;background:var(--soft);color:#36516a;border-radius:5px;padding:4px 9px;font-size:13px;font-weight:600}.option-row{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.option-row button{font-size:14px}details{border:1px solid var(--line);border-radius:8px;margin:12px 0;background:white}summary{padding:14px 18px;font-weight:600;cursor:pointer}.detail-body{padding:18px}details[open]>summary{border-bottom:1px solid var(--line)}ul,ol{padding-left:24px}li{margin-bottom:8px}.band{padding:18px;border:1px solid var(--line);border-left:5px solid #617f9a;background:white;border-radius:9px;display:grid;grid-template-columns:170px 1fr;gap:15px}.band.cloud{border-left-color:#c39127}.band.dmz{border-left-color:#b56b4f}.band.local{border-left-color:var(--green)}.nodes{display:flex;flex-wrap:wrap;gap:8px}.nodes button{text-align:left;font-size:14px}.flow-label{text-align:center;padding:10px 4px;font-size:14px;font-weight:600;color:var(--muted)}.local-branch{grid-column:1/-1;background:#e5f6ef;border-radius:7px;padding:13px;font-size:14px}.command{border:2px dashed #b56b4f;border-radius:9px;padding:18px;margin:18px 0}.step{border-left:4px solid var(--green);padding:18px;background:white;margin-bottom:14px;border-radius:0 9px 9px 0}.number{font-size:12px;letter-spacing:1px;font-weight:800;color:var(--green)}pre,.path{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--nav);color:#b9eddc;padding:18px;border-radius:8px;font-size:14px}table{width:100%;border-collapse:collapse;font-size:14px}.table-wrap{overflow-x:auto}th,td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--line)}th{background:var(--soft)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:14px}input:not([type=checkbox]),select,textarea{width:100%;font:inherit;border:1px solid #b9c9d6;padding:10px 12px;border-radius:7px;background:white;color:var(--ink)}textarea{min-height:120px;resize:vertical}label textarea,label input,label select{margin:5px 0 12px}output{display:block;background:#e5f6ef;padding:16px;border-radius:8px;margin:14px 0}.boundary{border-left:3px solid var(--green);padding:11px 13px;background:var(--soft);margin-bottom:10px}.checks label{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}input[type=checkbox]{margin-top:5px;width:18px;height:18px;accent-color:var(--green)}.entry{padding:18px 0;border-top:1px solid var(--line)}.entry h3{margin-top:10px}dialog{width:min(740px,95vw);max-height:90vh;overflow-y:auto;border:1px solid var(--line);border-radius:14px;padding:24px;color:var(--ink)}dialog::backdrop{background:#08182dab}dialog nav a{background:var(--soft);color:var(--ink)}.mobile{display:none}#toast{position:fixed;bottom:24px;right:24px;background:var(--nav);color:white;border-radius:8px;padding:13px 20px;z-index:40}#toast[hidden],#presentation[hidden]{display:none}#print-report{display:none}#presentation{position:fixed;inset:0;background:#f7fafc;z-index:30;display:flex;flex-direction:column;padding:18px 30px;overflow:auto}.deck-toolbar,.deck-controls{display:flex;align-items:center;justify-content:space-between;gap:14px}.deck-toolbar{border-bottom:1px solid var(--line);padding-bottom:12px;font-size:14px;color:var(--muted)}#slide{flex:1;padding:30px 6vw 24px;max-width:1400px;width:100%;margin:0 auto}#slide h1{font-size:clamp(30px,3.3vw,52px)}#slide h2{font-size:clamp(23px,2vw,30px)}#slide p,#slide li{font-size:clamp(16px,1.5vw,22px)}#slide .small,#slide .pill{font-size:14px}#slide .grid{gap:24px}#slide .card{padding:25px}.deck-controls{padding-top:12px;border-top:1px solid var(--line)}#slide-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}#slide-dots button{padding:4px 9px;font-size:13px}.presentation-open{overflow:hidden}.present-kicker{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.search{display:grid;grid-template-columns:1fr 220px;gap:12px;margin-bottom:20px}.progress{height:7px;background:var(--soft);border-radius:7px;overflow:hidden;margin:12px 0}.progress span{height:100%;display:block;background:var(--green)}.section-top{scroll-margin-top:110px}.blue-card{background:var(--nav);color:white;border:0}.blue-card p{color:#c8dbe9}.blue-card .eyebrow{color:var(--accent)}.metric-label{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}a.tile-link{display:block;text-decoration:none;color:var(--ink)}.tile-link:hover{border-color:var(--green)}.caption{font-size:14px;color:var(--muted)}.print-note{margin-top:24px;color:var(--muted);font-size:14px}
.band p{margin-bottom:8px}@media(max-width:1100px){#component{display:none}.split{grid-template-columns:1fr}.sticky{position:static}.grid.three{grid-template-columns:1fr 1fr}.header-actions .status{display:none}.brand small{display:none}main{padding:28px 24px}}@media(max-width:760px){header{padding:12px;flex-wrap:wrap;gap:10px}.brand{font-size:12px}.header-actions{width:100%}.header-actions button{flex:1;font-size:14px}.mobile{display:block}.shell{display:block}.shell>aside{display:none}main{padding:24px 16px}.grid,.grid.three,.fields,.search{grid-template-columns:1fr}.band{grid-template-columns:1fr}.card{padding:20px}h1{font-size:29px}.option-row button{flex:1 1 40%}#presentation{padding:14px}#slide{padding:24px 0}.deck-controls{flex-wrap:wrap}#slide-dots{order:3;width:100%}dialog{padding:18px}.card-title{flex-wrap:wrap}}@media print{body>*{display:none!important}#print-report{display:block!important;padding:0;color:black;background:white;font-size:12pt}#print-report h1{font-size:25pt}#print-report h2{font-size:18pt}#print-report h3{font-size:14pt}#print-report .report-section{break-before:page}#print-report .report-section:first-child{break-before:auto}#print-report .card,#print-report .step,#print-report .band{break-inside:avoid}#print-report .split,#print-report .grid{display:block}#print-report button,#print-report input,#print-report select,#print-report textarea,#print-report .option-row{display:none}#print-report .sticky{position:static}#print-report details{display:block}#print-report details>*{display:block!important}#print-report p,#print-report li{font-size:12pt}#print-report a{color:black}#print-report .blue-card{background:white;color:black;border:1px solid #bbb}#print-report .blue-card p{color:black}}

.enterprise-branch{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px}.enterprise-branch p{font-size:14px;color:var(--muted)}

.brand>span:last-child{max-width:360px;line-height:1.35}.brand .mark{flex-shrink:0}@media(max-width:760px){.brand{max-width:calc(100% - 84px)}.brand>span:last-child{max-width:230px;font-size:12px;overflow-wrap:break-word}}
.session-tools{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 28px;background:var(--surface);border-bottom:1px solid var(--line)}.session-tools label{display:flex;gap:8px;align-items:center}.session-tools input{width:80px!important;margin:0!important}.session-tools output{margin:0;font-weight:700}.scenario-control button{min-height:44px;touch-action:manipulation}.scenario-control{border-top:4px solid var(--green)}[data-theme=dark]{--bg:#091725;--surface:#142a3e;--ink:#e7eef6;--muted:#b4c6d7;--line:#395065;--soft:#203a50;--green:#57d9b8}[data-theme=dark] header,[data-theme=dark] button,[data-theme=dark] details,[data-theme=dark] .band,[data-theme=dark] .step,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] dialog,[data-theme=dark] #presentation{background:var(--surface);color:var(--ink)}[data-theme=dark] .key,[data-theme=dark] .local-branch,[data-theme=dark] output{background:#163d37}[data-theme=dark] .pill{color:var(--ink)}[data-theme=dark] button:hover{background:#25485a}[data-theme=dark] button[aria-pressed=true]{background:#075d4f;color:white}[data-theme=dark] .primary{background:#086b59;color:white}#presentation .scenario-control{padding:14px 20px;margin-bottom:20px}#presentation .scenario-control h2{font-size:20px}#presentation .scenario-control p{font-size:15px}#presentation .scenario-control .option-row{margin:8px 0}@media(max-width:760px){.scenario-control .option-row button{flex:1 1 45%}.session-tools{padding:12px 16px}.session-tools .caption{width:100%}}

.check{display:flex;gap:10px;align-items:start;padding:8px 0}.check input{flex-shrink:0}#cc-confirm{flex-shrink:0}#cc-receive,#cc-accept{background:var(--green);color:white}