/* meshcoremap-tools-center: center the Tools landing and Path Inspector in
   the same column as the Alerts page (.mcm-alerts: max-width 940px,
   padding 22px 20px 48px; 14px 12px 96px at <=640px). Scoped to tools-only
   root classes; no other page uses them.
   Trace Viewer (.traces-page) is intentionally left at CoreScope's own
   centered 95vw: its path graph is an SVG of 200px per hop column inside an
   overflow-x box, so a 940px column would hide most of the graph. */
body .tools-landing,
body .path-inspector-page {
  max-width: 940px;
  width: 100%;
  margin: 0 auto;
  padding: 22px 20px 48px;
  box-sizing: border-box;
}
/* landing: the two tool cards side by side on desktop, stacked on phones */
body .tools-landing .tools-menu {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 16px;
}
@media (max-width: 640px) {
  body .tools-landing,
  body .path-inspector-page { padding: 14px 12px 96px; }
  body .tools-landing .tools-menu { grid-template-columns: 1fr; gap: 12px; }
}