.og-preview-card {
    max-width: 100%;
    padding: 20px;
    margin: 10px 0;
    background-color: var(--color-bg);
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: 6px;
}

.og-preview-image {
    width: 100%;
    height: auto;
}

.og-preview-content a {
    color: var(--color-link);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.og-preview-content a:hover {
    color: var(--color-link-hover);
}

.og-preview-content a:focus-visible {
    outline: 2px solid var(--color-focus-ring);
    outline-offset: 2px;
}

.og-preview-title a {
    color: var(--color-text);
    text-decoration: none;
    font-weight: 700;
}

.og-preview-title a:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

.og-preview-description {
    color: var(--color-text-mid);
    margin-top: 0.35rem;
}