/*<style>*/
  body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont,
                 "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background: #e3e3e3;
    color: #222;
    line-height: 1.6;
  }

  main {
    max-width: 960px;
    margin: 0 auto;
    padding: 1rem;
    background: #ffffff;
  }

  h1 {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-top: 0;
  }

  h2 {
    font-size: 1.2rem;
    margin-top: 2rem;
  }

  a {
    color: #1a4fd8;
    text-decoration: none;
  }

  a:hover {
    text-decoration: underline;
  }

  img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0.5rem auto;
  }

  .center {
    text-align: center;
  }

  .issue {
    margin-left: 1rem;
    margin-bottom: 0.5rem;
  }

  hr {
    border: none;
    border-top: 2px solid #ddd;
    margin: 2rem 0;
  }

  /* Mobile tweaks */
  @media (max-width: 600px) {
    h1 {
      font-size: 1.25rem;
    }

    .issue {
      margin-left: 0.5rem;
    }
  }
 /*</style>*/
 
 
 
 
 /*<style>*/
   details {
     margin: 1.2rem 0;
     border: 1px solid #ddd;
     border-radius: 8px;
     background: #fafafa;
   }

   summary {
     cursor: pointer;
     padding: 0.7rem 1rem;
     font-size: 1.1rem;
     font-weight: bold;
     color: #333399;
     background: #f0f0f0;
     border-radius: 8px;
     list-style: none;
   }

   summary::-webkit-details-marker {
     display: none;
   }

   summary::after {
     content: "▸";
     float: right;
     transition: transform 0.2s ease;
   }

   details[open] summary::after {
     transform: rotate(90deg);
   }

   .year-content {
     padding: 0.5rem 1rem 1rem;
   }

   .issue {
     margin-left: 1rem;
     margin-bottom: 0.4rem;
   }

   @media (max-width: 600px) {
     summary {
       font-size: 1rem;
     }

     .issue {
       margin-left: 0.5rem;
     }
   }
/* </style>*/
 
 
 /*  <style>*/
     .toggle-controls {
       display: flex;
       gap: 0.5rem;
       margin: 1rem 0;
       flex-wrap: wrap;
     }

     .toggle-controls button {
       padding: 0.4rem 0.8rem;
       font-size: 0.9rem;
       border-radius: 6px;
       border: 1px solid #ccc;
       background: #f0f0f0;
       cursor: pointer;
     }

     .toggle-controls button:hover {
       background: #e6e6e6;
     }

     @media (max-width: 600px) {
       .toggle-controls button {
         font-size: 0.85rem;
       }
     }
   /*</style>*/
 
 
 
   /*<style>*/
   #razina2 {
     background-color: lightblue;
     color: black;
	  font-size: 1.2rem;
     padding: 15px;
     text-align: center;
   }
   /*</style>*/