/* V26.4 — twee horizontale hulpmiddelenkaarten. Iconen hebben expliciete grenzen,
   zodat algemene regels of wijzigingen in andere stylesheets ze niet opblazen. */
.v26-tool-grid a.v264-tool-card {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:21px;
  min-width:0;
  min-height:156px;
  padding:23px 26px;
  background:#fff;
  border:1px solid #d9e8ef;
  border-radius:15px;
  box-shadow:0 6px 22px rgba(6,34,53,.055);
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.v26-tool-grid a.v264-tool-card:hover {
  transform:translateY(-3px);
  border-color:#55ccaa;
  box-shadow:0 13px 29px rgba(6,34,53,.11);
}
.v26-tool-grid a.v264-tool-card:focus-visible {outline:3px solid #008b70;outline-offset:4px}
.v26-tool-grid a.v264-tool-card .v264-tool-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 68px;
  width:68px;
  height:68px;
  min-width:68px;
  min-height:68px;
  max-width:68px;
  max-height:68px;
  padding:0;
  margin:0;
  border-radius:15px;
  background:#e1f9f1;
  color:#007f68;
  overflow:hidden;
  line-height:0;
}
.v26-tool-grid a.v264-tool-card .v264-tool-icon svg {
  display:block;
  flex:0 0 52px;
  width:52px;
  height:52px;
  min-width:52px;
  min-height:52px;
  max-width:52px;
  max-height:52px;
  padding:0;
  margin:0;
}
.v26-tool-grid a.v264-tool-card .v264-tool-copy {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  min-width:0;
  flex:1 1 auto;
  margin:0;
  padding:0;
  color:#073248;
}
.v26-tool-grid a.v264-tool-card .v264-tool-title {
  display:block;
  margin:0;
  color:#073248;
  font-size:18px;
  line-height:1.3;
  font-weight:800;
}
.v26-tool-grid a.v264-tool-card .v264-tool-description {
  display:block;
  margin:0;
  padding:0;
  font-size:14px;
  line-height:1.55;
  font-weight:400;
  color:#516b7e;
}
.v26-tool-grid a.v264-tool-card .v264-tool-link {
  display:block;
  margin:1px 0 0;
  padding:0;
  color:#007c5e;
  font-size:14px;
  line-height:1.4;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:4px;
}
.v26-tool-grid a.v264-tool-card:hover .v264-tool-link {color:#00654d}
@media (max-width:760px) {
  .v26-tool-grid a.v264-tool-card {gap:16px;padding:20px;min-height:0}
  .v26-tool-grid a.v264-tool-card .v264-tool-icon {flex-basis:60px;width:60px;height:60px;min-width:60px;min-height:60px;max-width:60px;max-height:60px;border-radius:13px}
  .v26-tool-grid a.v264-tool-card .v264-tool-icon svg {flex-basis:44px;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px}
  .v26-tool-grid a.v264-tool-card .v264-tool-title {font-size:17px}
}
@media (max-width:380px) {
  .v26-tool-grid a.v264-tool-card {gap:12px;padding:17px 14px}
  .v26-tool-grid a.v264-tool-card .v264-tool-icon {flex-basis:54px;width:54px;height:54px;min-width:54px;min-height:54px;max-width:54px;max-height:54px}
  .v26-tool-grid a.v264-tool-card .v264-tool-icon svg {flex-basis:40px;width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px}
  .v26-tool-grid a.v264-tool-card .v264-tool-title {font-size:16px}
  .v26-tool-grid a.v264-tool-card .v264-tool-description,.v26-tool-grid a.v264-tool-card .v264-tool-link {font-size:13px}
}
@media (prefers-reduced-motion:reduce) {
  .v26-tool-grid a.v264-tool-card {transition:none}
  .v26-tool-grid a.v264-tool-card:hover {transform:none}
}
