body {
    font-family: sans-serif;
    padding: 20px;
    max-width: 900px;
    margin: auto;
  }
  
  h2 {
    text-align: center;
  }
  
  .columns {
    column-count: 3;
    column-gap: 20px;
    margin-bottom: 30px;
  }
  
  .columns p {
    break-inside: avoid;
    margin-bottom: 10px;
  }
  
  .pagination {
    text-align: center;
    margin: 20px 0;
  }
  
  .pagination a {
    display: inline-block;
    padding: 8px 12px;
    margin: 0 5px;
    background: #eee;
    text-decoration: none;
    color: #333;
    border-radius: 4px;
  }
  
  .pagination a:hover,
  .pagination a.active {
    background: #007bff;
    color: white;
  }
  
  .page {
    display: none;
  }
  
  .page:target {
    display: block;
  }
  
  /* Show the first page by default if no anchor is used */
  .page:first-of-type:target ~ .page {
    display: none;
  }
  .page:first-of-type {
    display: block;
  }