/* meta.css — styling for embedded content from Meta properties. */

@import "variables.css";

@media (min-width: 600px) {
    html.meta-import article {
        font-size: 1.75em;
    }
    html.meta-import article footer {
        font-size: 0.75em;
    }
}

html.meta-import article h1,
html.meta-import article > p,
html.meta-import figcaption,
html.meta-import article footer {
    margin: 0.5rem;
}
html.meta-import article > p,
html.meta-import figcaption {
    text-align: left;
}

html.meta-import article footer {
    text-align: center;
}

html.meta-import article footer > p {
    margin: 0;
    display: inline;
}
html.meta-import article footer > p::after {
    content: " ";
}

html.meta-import article {
    padding: 0;
}

html.meta-import figure {
    margin: 0;
}

html.meta-import figure img {
    width: 100%;
    height: auto;
}

html.meta-import figure.unfurled-link figcaption {
    text-align: center;
}

/* Tweets: colors and borders */
html.meta-import article {
    border: 1px solid var(--muted-fg);
    color: var(--muted-fg);
}