.og-card { border:1px solid #e2e8f0; border-radius:10px; overflow:hidden; max-width:500px; margin:0 auto; font-family:sans-serif; }
    .og-image { width:100%; height:200px; background:#e2e8f0; display:flex; align-items:center; justify-content:center; color:#94a3b8; font-size:0.875rem; overflow:hidden; }
    .og-image img { width:100%; height:100%; object-fit:cover; }
    .og-body { padding:12px 14px; background:#fff; }
    .og-domain { font-size:12px; color:#94a3b8; text-transform:uppercase; margin-bottom:4px; }
    .og-title { font-size:16px; font-weight:700; color:#1e293b; margin-bottom:4px; line-height:1.3; }
    .og-desc { font-size:14px; color:#64748b; line-height:1.4; }
    [data-theme="dark"] .og-card { border-color:#334155; }
    [data-theme="dark"] .og-body { background:#1e293b; }
    [data-theme="dark"] .og-title { color:#f1f5f9; }
    [data-theme="dark"] .og-desc { color:#94a3b8; }