.resource-modal-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.36);
    border-radius: 999px;
    color: #fff;
    background: rgba(0,0,0,.66);
}
.resource-modal-arrow:hover,
.resource-modal-arrow:focus {
    color: #fff;
    background: rgba(0,0,0,.88);
}
.resource-modal-gallery {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem;
}
.resource-modal-gallery--single {
    display: block;
}
.resource-modal-gallery img {
    display: block;
    max-width: 100%;
    max-height: 75vh;
    margin: 0 auto;
    object-fit: contain;
}
.resource-modal-arrow {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
}
.resource-description {
    overflow-wrap: anywhere;
}
.resource-description p:last-child,
.resource-description ul:last-child,
.resource-description ol:last-child,
.resource-description blockquote:last-child {
    margin-bottom: 0;
}
.resource-description blockquote {
    margin: .5rem 0;
    padding-left: .75rem;
    border-left: 3px solid rgba(255,255,255,.25);
}
@media (max-width: 575.98px) {
    .resource-modal-gallery {
        grid-template-columns: 1fr;
    }
    .resource-modal-arrow {
        position: absolute;
        z-index: 3;
        top: 50%;
        transform: translateY(-50%);
    }
    .resource-modal-arrow--prev { left: 10px; }
    .resource-modal-arrow--next { right: 10px; }
}
.resource-detail { max-width: 1100px; }
.resource-detail h1 { overflow-wrap: anywhere; }
.resource-image {
    display: block;
    max-width: 100%;
    max-height: 75vh;
    margin: 0 auto;
    object-fit: contain;
}
.resource-video { max-height: 75vh; background: #000; }
.resource-document { width: 100%; height: 75vh; min-height: 360px; border: 0; background: #fff; }
.resource-title-link { color: inherit; text-decoration: none; overflow-wrap: anywhere; }
.resource-title-link:hover { text-decoration: underline; }
.resource-share-status:empty { display: none; }
.resource-share-dialog {
    width: min(560px, calc(100% - 2rem));
    max-width: calc(100% - 2rem);
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 1rem;
    padding: 1.5rem;
    background: #161b22;
    color: #fff;
}
.resource-share-dialog::backdrop { background: rgba(0,0,0,.65); }