/* path: zultalk/css/sections/links.css */

.links__card{
  padding: 22px;
  border-radius: var(--r2);
  background: rgba(255,255,255,.56);
  box-shadow: var(--shadow);
}

.links__head{
  display:flex;
  flex-direction:column;
  gap: 6px;
  max-width: 68ch;
  margin-bottom: 16px;
}

.links__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

@media (max-width: 900px){
  .links__grid{
    grid-template-columns: 1fr;
    gap: 10px; /* ~1.5x less than 14px */
  }
  .links__card{ padding: 18px; }
}

@media (min-width: 901px){
  /* Desktop: only buttons (no card/container look) */
  .links .container{ width: 100%; margin: 0; }
  .links__card{
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .links__grid{
    width: min(var(--container), calc(100% - 40px));
    margin-inline: auto;
  }
}