.dep-guide{display:flex;flex-direction:column;gap:10px;height:100%;padding:17px 15px;background:linear-gradient(150deg,#1d2b33,#182029);border:1px solid #38505b;border-radius:9px}.dep-kicker,.dep-guide>small{font:10px/1.5 var(--mono);color:#9cc7c9;letter-spacing:.05em}.dep-guide h2{font-size:clamp(19px,1.6vw,24px);font-weight:570;line-height:1.18}.dep-guide p,.dep-references p{font-size:13px;color:#c4cfd3;line-height:1.55}.dep-gauges{margin:0 0 auto}.dep-gauges div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.dep-gauges dt{font-size:11px;color:#aebec5}.dep-gauges dd{font:12px var(--mono);margin:0;text-align:right}.dep-transport,.dep-foot{display:flex;gap:8px;align-items:center;justify-content:space-between}.dep-timeline{padding:16px 20px;margin-top:12px}.dep-timeline header{display:flex;justify-content:space-between;align-items:center}.dep-timeline header h3{font-size:17px}.dep-timeline output{font:13px var(--mono);color:#a3d5cf}.dep-timeline input{width:100%;accent-color:#87c7bf;margin:15px 0 9px}.dep-keys{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.dep-keys button{padding:6px 8px;text-align:left;border:1px solid #39464f;border-radius:5px;background:#162029;color:#cbd9db}.dep-keys small,.dep-keys b{display:block}.dep-keys small{font:10px var(--mono);color:#a0b9bf}.dep-keys b{font-size:12px;font-weight:550}.dep-keys button[aria-current=step]{border-color:#8fc9b9;background:#233933}.dep-foot{margin-top:12px}.dep-references{margin-top:10px;padding:12px 16px}.dep-references summary{cursor:pointer;font-size:13px}.dep-references>div{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:14px 0}.dep-references h3{font-size:15px}.dep-references p{margin:5px 0}.dep-references a{display:block;font-size:12px;margin-top:6px}.dep-references p.dep-note{font-size:12px;color:var(--muted);max-width:88ch}@media(max-width:620px){.dep-keys{grid-template-columns:repeat(3,1fr)}.dep-guide{padding:12px}.dep-timeline{padding:12px}.dep-foot{flex-wrap:wrap}.dep-references>div{grid-template-columns:1fr}}

.dep-lenses{display:flex;flex-wrap:wrap;gap:4px}.dep-lenses .chip{padding:4px 7px;font-size:10px}.dep-lenses [aria-pressed=true]{color:#a7ddd1;border-color:#648b87}

.dep-joint{padding:7px 9px;color:#c9d7cd;background:#19282c;border-left:2px solid #83b6a7;font:11px/1.5 var(--mono)}
.dep-guide .dep-warning{color:#eac18e;border-left:2px solid #c89b68;padding-left:7px;font-size:11px}
.concept-deploy{margin:0 14px 12px}
