figure.unfurled-link {
    border: 1px solid #888;
    font-size: 0.85em;
    margin-block: 0;
    margin-inline: 1ic;
    padding-block: 0;
    padding-inline: 0;
}

main > figure.unfurled-link {
    margin-block: 1rem;
    margin-inline: auto;
}

figure.unfurled-link > :not(figcaption) {
    margin-inline: 0;
    padding-inline: 1ic;
}

figure.unfurled-link > a:first-child > img:only-child {
    margin-block-start: 1ic;
    margin-block-end: 0.5ic;
    padding: 0;
}

figure.unfurled-link > p:first-child > a:only-child {
    font-size: 1.2em;
    font-weight: bold;
}

figure.unfurled-link > p:not(.bailed):first-child > a:only-child:after {
    display: block;
    content: attr(href);
    font-family: var(--code-font-stack);
    font-weight: normal;
    font-size: 0.5em;
    text-decoration-style: dotted;
    overflow: ellipsis;
}

figure.unfurled-link {
    text-align: left;
}

figure.unfurled-link > :has(img) {
    text-align: center;
}

figure.unfurled-link :not(figcaption) {
    max-width: calc(100% - 2ic);
}

figure.unfurled-link > figcaption {
    margin: 0;
    padding-inline: 1ic;
    width: calc(100% - 2ic);
    border-block-start: 1px solid #888;
    text-align: left;
    color: #333;
}

@media (prefers-color-scheme: dark) {
    figure.unfurled-link > figcaption {
        color: #ccc;
    }
}