/* open-graph-checker: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.og-card { background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-panel); overflow: hidden; }
.og-check-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 22px; margin-top: 16px; }
.og-checks { display: grid; gap: 6px; margin: 6px 0 18px; padding: 0; list-style: none; font-size: 0.9rem; }
.og-checks li { position: relative; padding-left: 24px; }
.og-checks li::before { position: absolute; left: 0; top: 0; font-weight: 700; }
.og-checks .is-ok::before { content: "✓"; color: var(--good); }
.og-checks .is-warn::before { content: "!"; color: var(--warn); left: 5px; }
.og-checks .is-bad::before { content: "✕"; color: var(--bad); }
#og-tags th { width: 1%; padding: 5px 10px 5px 0; color: var(--slate); font: 600 0.8rem var(--mono); text-align: left; white-space: nowrap; vertical-align: top; }
#og-tags td { padding: 5px 0; font-size: 0.85rem; text-align: left; white-space: normal; overflow-wrap: anywhere; }
.og-cards { display: grid; gap: 16px; }
.og-card { margin: 0; }
.og-card figcaption { margin-bottom: 6px; color: var(--slate); font-size: 0.8rem; font-weight: 600; }
.og-card-in { overflow: hidden; border: 1px solid #DADDE1; border-radius: 8px; background: #fff; }
.og-card-img { display: grid; place-items: center; aspect-ratio: 1.91; background: var(--mist); color: var(--slate); font-size: 0.85rem; }
.og-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.og-card-text { padding: 10px 12px; }
.og-card-text p { margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.og-card-host { color: #65676B; font-size: 0.75rem; }
.og-card-title { margin-top: 2px !important; color: #050505; font-weight: 700; font-size: 0.95rem; }
.og-card-desc { margin-top: 2px !important; color: #65676B; font-size: 0.85rem; }
.og-facebook .og-card-in { background: #F0F2F5; }
.og-x .og-card-in { border-radius: 16px; position: relative; }
.og-x .og-card-text { position: absolute; left: 10px; bottom: 10px; padding: 2px 8px; border-radius: 4px; background: rgb(0 0 0 / 0.75); }
.og-x .og-card-text .og-card-host { display: none; }
.og-x .og-card-title { color: #fff; font-size: 0.82rem; font-weight: 500; }
.og-whatsapp .og-card-in { display: grid; grid-template-columns: 96px minmax(0, 1fr); background: #D9FDD3; border: 0; }
.og-whatsapp .og-card-img { aspect-ratio: 1; }
@media (max-width: 760px) { .og-check-grid { grid-template-columns: minmax(0, 1fr); } }
.og-check-grid .result-label { color: var(--slate); }