/* ANIMATION  */

@keyframes fadeUp {
  from { 
    opacity: 0; transform: translateY(18px); 
  }
  to { 
    opacity: 1; transform: translateY(0);
  }
}

  /* RESPONSIVE */

@media (max-width: 720px) {
  .layout {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .toc { 
    position: static; 
  }

  .quick-grid { 
    grid-template-columns: 1fr 1fr; 
  }
}

@media (max-width: 420px) {
  .quick-grid { 
    grid-template-columns: 1fr; 
  }
}