/* Список инструментов — только своё. Общее (page-title, divider) из ui.css. */

.main{max-width:720px}

/* ── tool cards grid ── */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:1.25rem;
}
.tool-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:1.5rem;
  transition:border-color .25s;
  display:flex;flex-direction:column;gap:.75rem;
  cursor:pointer;text-decoration:none;color:inherit;
}
.tool-card:hover{border-color:var(--accent-border-2)}
.tool-card.disabled{opacity:.35;cursor:default;pointer-events:none}
.tool-card.disabled:hover{border-color:var(--border)}
.tool-card-head{display:flex;align-items:center;gap:.6rem}
.tool-card-icon{line-height:0;color:var(--violet-lite);flex-shrink:0}
.tool-card-icon .icon{width:22px;height:22px;stroke-width:1.75}
.tool-card.disabled .tool-card-icon{color:rgba(255,255,255,.6)}
.tool-card-name{font-size:1rem;font-weight:600;color:var(--text);letter-spacing:-.01em}
.tool-card-desc{font-size:.82rem;color:var(--text-dimmer);font-weight:300;line-height:1.5}
.tool-card-badge{
  display:inline-block;font-size:.65rem;font-weight:500;
  padding:.15rem .5rem;border-radius:4px;letter-spacing:.03em;
  align-self:flex-start;
}
.badge-ready{background:var(--success-soft);color:var(--success)}
.badge-soon{background:var(--surface-2);color:rgba(255,255,255,.3)}