.cards { gap:14px; }
.tool-card {
  position:relative;
  min-height:86px;
  gap:16px;
  padding:17px 18px;
  border-color:#e3e9f4;
  border-radius:12px;
  box-shadow:0 1px 2px rgba(20,34,60,.02);
}
.tool-card::before {
  content:"";
  width:4px;
  align-self:stretch;
  margin:-17px 0 -17px -18px;
  border-radius:12px 0 0 12px;
  background:transparent;
  transition:background .18s ease;
}
.tool-card:hover { border-color:#b7cbf7; box-shadow:0 10px 24px rgba(37,99,235,.09); }
.tool-card:hover::before { background:#2563eb; }
.tool-copy { min-width:0; flex:1; }
.tool-card strong { font-size:15px; letter-spacing:-.1px; }
.tool-card small { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:2px; color:#718097; }
.tool-card b { width:27px; height:27px; display:grid; place-items:center; flex:0 0 27px; border-radius:50%; background:#f1f5fe; color:#2563eb; font-size:17px; transition:transform .18s ease, background .18s ease; }
.tool-card:hover b { background:#2563eb; color:#fff; transform:translateX(3px); }
@media (max-width:520px) { .tool-card { min-height:78px; padding:14px 15px; } .tool-card::before { margin:-14px 0 -14px -15px; } }

.content,
.content h2,
.content p { text-align:left; }

/* Keep the narrower tool description aligned with the site's main left edge. */
.content.wrap {
  margin-left:max(20px, calc((100% - 1160px) / 2));
  margin-right:auto;
}
@media (max-width:520px) {
  .content.wrap { margin-left:14px; }
}

.related-tools { margin-top:38px; padding-top:28px; border-top:1px solid #e4e9f2; }
.related-tools h2 { margin:0 0 14px; font-size:21px; }
.related-links { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:9px; }
.related-links a { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:10px 12px; border:1px solid #e3e9f4; border-radius:7px; color:#34445d; font-size:14px; text-decoration:none; transition:.15s ease; }
.related-links a:hover { border-color:#b7cbf7; color:#2563eb; background:#f7faff; }
.related-links span { color:#2563eb; font-size:16px; }
@media (max-width:520px) { .related-links { grid-template-columns:1fr; } }