.tools-main { padding-top: 42px; padding-bottom: 64px; }
.tools-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; padding-bottom: 24px; }
.tools-heading h1 { order: -1; margin-top: 0; font-size: 42px; }
.tool-entry { border-top: 1px solid var(--line); padding-top: 28px; }
.tool-entry-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.tool-name { display: flex; align-items: center; gap: 16px; min-width: 0; }
.tool-name > img { flex: 0 0 52px; width: 52px; height: 52px; border-radius: 6px; }
.tool-name h2 { font-size: 28px; overflow-wrap: anywhere; }
.tool-name p, .tool-version { font-size: 12px; color: var(--muted); }
.tool-version { white-space: nowrap; }
.tool-summary { max-width: 760px; color: var(--muted); margin-top: 18px; }
.tool-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 26px; margin-top: 22px; }
@media (max-width: 760px) {
  .site-nav > .menu-toggle { margin-left: auto; }
  .tools-main { padding-top: 30px; padding-bottom: 42px; }
  .tools-heading h1 { font-size: 34px; }
  .tools-heading { padding-bottom: 23px; }
  .tools-heading .section-label { font-size: 10px; }
  .tool-entry { padding-top: 22px; }
  .tool-entry-heading { align-items: flex-start; gap: 10px; flex-wrap: wrap; }
  .tool-name { gap: 12px; }
  .tool-name h2 { font-size: 24px; }
  .tool-name > img { width: 44px; height: 44px; flex-basis: 44px; }
  .tool-summary { font-size: 14px; }
  .tool-actions { gap: 18px; }
  .tool-actions .line-link { font-size: 13px; }
}