.annoyer {
  display: grid;
  gap: var(--1);
  grid-template-columns: repeat(3, 1fr);
  padding: var(--1);
}

@media (min-width: 726px) {
  .annoyer--highlight {
    grid-template-areas:
      'h h h'
      't1 t2 t3';
  }

  .annoyer--highlight > a:nth-child(1) {
    grid-area: h;
  }

  .annoyer--highlight > a:nth-child(2) {
    grid-area: t1;
  }

  .annoyer--highlight > a:nth-child(3) {
    grid-area: t2;
  }

  .annoyer--highlight > a:nth-child(4) {
    grid-area: t3;
  }
}

@media (min-width: 1180px) {
  .annoyer--quad {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 725px) {
  .annoyer,
  .annoyer--highlight {
    grid-template-columns: 1fr;
  }
}