main {
  display: flex; flex-direction: column; gap: 2rem;
  max-width: 1200px; min-height: calc(100svh - var(--mm-topnav-height));
  margin: var(--mm-topnav-height) auto 0; padding: 2rem 3rem 0;
}
.intro h1 { margin: 0 0 0.75rem; }
.tool-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; padding-bottom: 1rem; }
.tool-card {
  display: flex; flex-direction: column; overflow: hidden;
  background: var(--mm-bg-secondary); border: 1px solid var(--mm-border);
  border-radius: var(--mm-radius-card);
}
.tool-heading { display: flex; align-items: center; gap: 0.75rem; padding: 1.1rem 1.5rem; background: var(--mm-bg-tertiary); border-bottom: 1px solid var(--mm-border); }
.tool-heading h2 { font-size: 1rem; margin: 0; }
.tool-icon { width: 24px; height: 24px; flex-shrink: 0; color: var(--mm-accent); }
.tool-body { display: flex; flex-direction: column; align-items: start; padding: 1.5rem; flex: 1; }
.tool-body > p { font-size: 0.933rem; color: var(--mm-text-secondary); line-height: 1.8; margin: 0 0 1rem; }
.tool-body .tool-requirement { font-size: 0.75rem; color: var(--mm-text-tertiary); margin-bottom: 1.5rem; }
.tool-body .primary { margin-top: auto; max-width: 100%; padding-inline: 1.25rem; }
.mm-footer { margin-top: auto; }
@media (max-width: 767.98px) {
  main { padding: 1.5rem 1rem 0; }
  .tool-grid { grid-template-columns: minmax(0, 1fr); }
}