.insta-grid {
    display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;           /* 親幅にフィット */
    max-width: 100%;
      height: 100%;
}

.insta-grid li {
    /* aspect-ratio: 1/1;     正方形サムネイル */
    overflow: hidden;
    border-radius: 2px;
    background: #eee;
    padding: 0;
    margin: 0;
    transition: box-shadow 0.2s;
}

.insta-grid li:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.10);
}

.insta-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media print, screen and (max-width: 767px) {
    .insta-grid {
        grid-template-columns: repeat(3, 1fr);
    }
   .insta-grid li:nth-last-child(-n+2) {
        display: none;
    }
}