.grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
        gap: 1rem;
        margin: 2rem;
    }
    .item {
    }   
    .item img {
        max-width: 100%;
        height: auto;
    }
    .item {
        img {
            max-width: 10em;
            height: auto;
        }
details {
  margin-bottom: .5rem;
  box-shadow: 0 .1rem 1rem -.5rem rgba(233, 230, 230, 0.4);
  border-radius: 5px;
  overflow: hidden;
}

summary {
  padding: .5rem .3rem .5rem 2.2rem;
  display: block;
  position: relative;
  cursor: pointer;
  user-select: none;
  background: var(--sidebar-heading-bg);
}
summary a {
    padding-right: .3rem;
    text-decoration: none;
    display: inline-block;
color: var(--sidebar-heading-hover-color);
}
summary:hover {
  background: var(--sidebar-heading-hover-bg);
}
summary a:hover {
    color: var(--sidebar-heading-hover-color);
    text-decoration: underline;
}
summary:before {
  content: '';
  border-width: .4rem;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0.9rem;
  left: 1rem;
  transform: rotate(0);
  transform-origin: .2rem 50%;
  transition: .25s transform ease;
}

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


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

details > p {
    background: #333;
padding: 1rem 1rem 1rem 2.2rem;
  margin: 0;
}

        #podcastpromo {
            display: flex;
            gap: 30px;
            flex-wrap: wrap;
            flex-direction: row;
        }
        #podcastpromo > a {
            flex: 1;
        }
        #podcastpromo > div {
            flex: 5;
        }


    }