/* Ergänzungen ausschließlich für die gemeinsame Werkzeug-Startseite. */
.family-intro { max-width: 760px; margin: 20px auto 12px; }
.family-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.tool-card {
  display: flex;
  min-height: 240px;
  flex-direction: column;
  align-items: flex-start;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--card);
  box-shadow: 0 2px 9px #1d316e0c;
  color: var(--ink);
  text-decoration: none;
}
.tool-card:hover { border-color: #8291b0; box-shadow: 0 5px 18px #1d316e1c; }
.tool-card h2 { margin: 8px 0 6px; font-size: 1.3rem; color: #1f315d; }
.tool-card p { margin: 0; }
.tool-card .card-action { margin-top: auto; padding-top: 18px; color: var(--accent); font-weight: 800; }
.topic-chip {
  display: inline-block;
  padding: 3px 7px;
  border: 1px solid #aeb8ce;
  border-radius: 5px;
  background: var(--card);
  color: #51627d;
  font-size: .75rem;
  font-weight: 700;
}
.family-note { margin-top: 14px; }

@media (max-width: 700px) {
  .family-grid { grid-template-columns: 1fr; }
  .tool-card { min-height: 190px; }
}