.kg-card {
    max-width: 70ch;
    margin: 0 auto 1.25em auto;
    padding: 0;
    width: 100%;
}

.kg-card > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0;
}

.kg-card figcaption {
    color: var(--system-color-tertiary);
    font-size: 0.9em;
    margin-top: 0.5em;
}

.kg-code-card pre {
    margin: 0;
}

.kg-image-card {

}

.kg-bookmark-card {
    border-left: 3px solid var(--system-color-primary);
    padding: 1.5rem 0 1.5rem 1.5rem;
}

.kg-bookmark-card:before {
    color: var(--system-color-primary);
    content: 'Related content';
    font-size: 0.9rem;
    text-transform: uppercase;
}

.kg-bookmark-card figcaption {
    display: none;
}

.kg-bookmark-card a {
    color: var(--system-color-text-primary);
}

.kg-bookmark-card a:hover,
.kg-bookmark-card a:focus {
    text-decoration: none;
}

.kg-bookmark-card a:hover .kg-bookmark-title,
.kg-bookmark-card a:focus .kg-bookmark-title {
    color: var(--system-color-primary);
    text-decoration: underline;
}

.kg-bookmark-card .kg-bookmark-content {

}

.kg-bookmark-card .kg-bookmark-content .kg-bookmark-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
}

.kg-bookmark-card .kg-bookmark-content .kg-bookmark-description {
    margin: 1.5rem 0 0 0;
    font-style: italic;
}

.kg-bookmark-card .kg-bookmark-content .kg-bookmark-metadata {
    margin: 1.5rem 0 0 0;
}

.kg-bookmark-card .kg-bookmark-content .kg-bookmark-metadata .kg-bookmark-icon {
    display: none;
}

.kg-bookmark-card .kg-bookmark-content .kg-bookmark-metadata .kg-bookmark-publisher {
    display: none;
}

.kg-bookmark-card .kg-bookmark-thumbnail {
    display: none;
}

.kg-callout-card {
    border-left: 2px dashed var(--system-color-secondary);
    display: flex;
    padding: 1.5rem 0 1.5rem 1.5rem;
}

.kg-callout-card.kg-callout-card-blue {
    border-color: #3b82f6;
}

.kg-callout-card.kg-callout-card-green {
    border-color: #22c55e;
}

.kg-callout-card.kg-callout-card-purple {
    border-color: #a855f7;
}

.kg-callout-card.kg-callout-card-red {
    border-color: #ef4444;
}

.kg-callout-card.kg-callout-card-yellow {
    border-color: #eab308;
}

.kg-callout-card .kg-callout-emoji {
    display: inline-block;
}

.kg-callout-card .kg-callout-text {
    display: inline-block;
}

.kg-callout-card .kg-callout-emoji + .kg-callout-text {
    padding: 0 0 0 1rem;
}