/* Themes stretch every image inside a figure to the content width - Twenty
   Twenty-Four does it with .wp-block-image.alignwide img { width: 100% } - which
   turns the fixed 80x15 Creative Commons badge into a several-hundred pixel tall
   caption. Two classes plus two elements outweighs that rule. */
figcaption.media-license__figcaption img.media-license__cc-badge,
.media-license-footer__entry__information img.media-license__cc-badge {
    width: auto;
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

.media-license-list__summary {
    cursor: pointer;
    font-weight: 700;
}
/* Themes and the block stylesheet both set list-style on ul/li, so the marker
   needs removing on the list and the items to actually disappear. */
.media-license-list ul.media-license-list__items,
.media-license-list ul.media-license-list__items > li {
    list-style: none;
    list-style-type: none;
}
.media-license-list ul.media-license-list__items {
    margin: 0.5rem 0 0;
    padding: 0;
}
.media-license-list__item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0 0 0.5rem;
}
.media-license-list__anchor {
    display: block;
    flex-shrink: 0;
    line-height: 0;
}
/* Same reason as the badge rule above: without this the theme's figure/content
   image rules can blow the thumbnail up to the full column width. object-fit
   keeps it square even where the thumbnail size is not cropped. */
.media-license-list__item img.media-license-list__thumbnail {
    width: 64px;
    height: auto;
    max-width: none;
    object-fit: cover;
}

#media-license-footer-container {
    display: none;
    justify-content: center;
    gap: 2rem;
}
.media-license-footer__entry {
    width: 100%;
    max-width: 800px;
    display: flex;
    gap: 1rem;
}
.media-license-footer__entry__image {
    max-width: 400px;
    width: 100%;
    height: auto;
}