@charset "UTF-8";
/* CSS Document */

  .main-wrapper-index {
    max-width: 880px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 30px; 
    padding: 10px;
    box-sizing: border-box;
  }

  .content-box-index {
    /* (100% - middle gap) / 2 columns */
    flex: 0 0 calc((100% - 30px) / 2); 
    min-height: 100px;
    box-sizing: border-box;
    /* Force the dotted border to show */
    border: 1px dotted #ccc; 
    padding: 10px;
    background-color: #F3F8FF;
  }

  /* Force links to NOT be bold */
  .content-box-index a {
    font-weight: normal !important;
    text-decoration: none; /* Optional: removes underline if you want */
  }

  .content-box-index img {
    max-width: 100%;
    height: auto;
  }

  /* Responsive switch to 1 column */
  @media (max-width: 800px) {
    .content-box-index {
      flex: 0 0 100%;
    }
  }