/* Responsive layout rules live beside main.css so the desktop composition stays legible. */
@media(max-width:500px){.snapshot-grid{grid-template-columns:1fr}.snapshot{border-right:0!important;border-bottom:1px solid var(--line)!important}.snapshot:last-child{border-bottom:0!important}.hero-actions .button{width:100%;justify-content:space-between}.system-node{font-size:9px;padding:8px}.node-client{left:0}.node-service{right:0}}