.tool-catalog {
  display: grid;
  grid-template-columns: repeat(2, minmax(320px, 1fr));
  gap: 14px;
  max-width: 1050px;
}
.tool-card {
  padding: 19px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: 0 2px 8px #00695c0a;
}
.tool-card-head { display: flex; align-items: center; gap: 11px; }
.tool-icon {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 9px;
  color: #fff;
  background: var(--teal);
  font-size: 12px;
}
.tool-card-head > div { min-width: 0; flex: 1; }
.tool-card h2 { margin: 0; color: var(--teal-dark); font-size: 14px; }
.tool-card code { display: block; margin-top: 3px; color: #89a29d; font-size: 9px; }
.tool-state { padding: 4px 8px; border-radius: 12px; font-size: 9px; white-space: nowrap; }
.tool-state.available { color: #228567; background: #eaf8f3; }
.tool-state.unavailable { color: #b66a28; background: #fff3e8; }
.tool-card > p { min-height: 34px; margin: 14px 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.tool-card dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border: 1px solid #edf5f3; border-radius: 7px; overflow: hidden; }
.tool-card dl > div { padding: 10px 12px; background: #f8fbfa; border-bottom: 1px solid #edf5f3; }
.tool-card dl > div:nth-child(odd) { border-right: 1px solid #edf5f3; }
.tool-card dl > div:nth-last-child(-n+2) { border-bottom: 0; }
.tool-card dt { color: #91aaa5; font-size: 8px; }
.tool-card dd { margin: 3px 0 0; color: #3d5f59; font-size: 10px; font-weight: 700; }
.tool-config { margin-top: 13px; color: var(--teal); font-size: 10px; }
.tool-config:hover { color: var(--teal-dark); }
.tool-loading { grid-column: 1 / -1; padding: 30px; color: var(--muted); background: #fff; border: 1px solid var(--line); border-radius: 10px; text-align: center; }
.tool-loading.error { color: #b42318; }
.tools-note { max-width: 1050px; margin-top: 14px; }
@media (max-width: 900px) { .tool-catalog { grid-template-columns: 1fr; } }
@media (max-width: 700px) {
  .tool-card dl { grid-template-columns: 1fr; }
  .tool-card dl > div { border-right: 0 !important; border-bottom: 1px solid #edf5f3 !important; }
  .tool-card dl > div:last-child { border-bottom: 0 !important; }
}