.kg-card {
    &&.kg-image-card {
        img {
            width: 100%;
            height: auto;
        }
        &&.kg-width-full {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-column-start: 1;
            grid-column-end: 13;
            z-index: 1;
            img {
                grid-column: span 12;
                width: 100vw;
                height: auto;
                margin-left: calc(-1 * var(--three-spacer));
                @media screen and (max-width: 781px) {
                    margin-left: calc(-1 * var(--one-point-five-spacer));
                }
            }
            figcaption {
                margin-top: var(--zero-point-five-spacer);
                grid-column: span 12;
                @media screen and (min-width: 782px) {
                    grid-column-start: 4;
                    grid-column-end: 11;   
                }
            }
        }
    }
    figcaption {
        font-family: 'Latin Modern Mono', monospace !important;
        font-size: 0.875rem !important;
        color: var(--dark-pillar) !important;
        * {
            font-family: 'Latin Modern Mono', monospace !important;
            font-size: 0.875rem !important;
            color: var(--dark-pillar) !important;
        }
        margin-top: var(--zero-point-five-spacer);
        grid-column: span 12;
        @media screen and (min-width: 782px) {
            grid-column-start: 4;
            grid-column-end: 11;   
        }
    }
    &&.kg-button-card {
        a {
            background-color: transparent !important;
            padding: var(--zero-point-five-spacer) var(--one-spacer);
            font-size: 1rem;
            color: var(--black);
            font-family: 'Latin Modern Mono', monospace;
            text-decoration: none !important;
            border: 1px solid;
            border-radius: 0 !important;
        }
    }
    &&.kg-bookmark-card {
        .kg-bookmark-container {
            border: 1px dashed;
            border-radius: 0;
            background-color: transparent;
            text-decoration: none;
            .kg-bookmark-title {
                /* Matching standard h3 */
                font-family: 'Lateral', sans-serif;
                font-size: 1.25rem;
                font-weight: 700;
                line-height: 1.1;
                letter-spacing: -1%;
                /* ^^^ */
            }
            .kg-bookmark-description {
                font-family: 'Latin Modern Mono';
                font-size: 1rem;
                line-height: 1.25;
                margin-top: var(--one-spacer);
            }
            .kg-bookmark-metadata {
                display: flex;
                gap: var(--one-spacer);
                align-items: flex-start;
                @media screen and (max-width: 781px) {
                    gap: var(--zero-point-five-spacer);
                    flex-direction: column;
                }
                margin-top: var(--one-spacer);
                .kg-bookmark-author,
                .kg-bookmark-publisher {
                    opacity: 1;
                    color: var(--black);
                    /* Matched to p.meta */
                    font-family: 'Lateral', sans-serif;
                    font-size: 1rem;
                    font-weight: 700;
                    line-height: 1.1;
                    letter-spacing: -2%;
                    /* ^^^ */
                }
                .kg-bookmark-publisher {
                    color: var(--black-75) !important;
                    &&::before {
                        content: none;
                    }
                }
                img {
                    display: none;
                }
            }
        }
    }
}

.kg-width-wide {
    width: 100%;
}