.router-example{margin:32px 0;padding:28px;background:var(--dark);color:var(--paper);min-width:0}.router-example .section-num{color:#c6b9aa}.router-example pre{margin:0;padding:0;border:0;background:none;color:inherit;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 var(--mono)}.router-example code{font:inherit;background:none;color:inherit;padding:0}.router-steps{list-style:none;padding:0;margin:32px 0;counter-reset:step}.router-steps li{display:grid;grid-template-columns:190px 1fr;gap:24px;padding:20px 0;border-top:1px solid var(--rule);counter-increment:step}.router-steps li:last-child{border-bottom:1px solid var(--rule)}.router-steps span{font:20px var(--serif)}.router-steps span::before{content:counter(step,decimal-leading-zero) ' / ';font:11px var(--mono);color:var(--sota)}.router-steps p{margin:0;font-size:16px}.router-page .vision-note code{overflow-wrap:anywhere}
@media(max-width:600px){.router-example{padding:20px}.router-example pre{font-size:11px}.router-steps li{grid-template-columns:1fr;gap:8px}}