/* SitesOrbit Codes 1.5.13: [sitesorbit_latest_posts] - a post per card, picture on the left.
   The text colour is the page's. For a dark mode, restyle from the page, for example:
     body.dark .so-codes-latest .so-codes-latest-card { background: #303134; border-color: #5f6368; }
     body.dark .so-codes-latest .so-codes-latest-who { color: #9aa0a6; } */

.so-codes-latest { display: flex; flex-direction: column; gap: 10px; color: inherit; text-align: start; }
.so-codes-latest a.so-codes-latest-card { display: flex; gap: 14px; align-items: center; min-width: 0; box-sizing: border-box; margin: 0; padding: 10px; border: 1px solid #dfe1e5; border-radius: 16px; background: #fff; color: inherit; text-decoration: none; text-align: start; box-shadow: none; transition: box-shadow .15s; }
.so-codes-latest a.so-codes-latest-card:hover,
.so-codes-latest a.so-codes-latest-card:focus-visible { box-shadow: 0 1px 6px rgba(32, 33, 36, .28); border-color: rgba(223, 225, 229, 0); color: inherit; }
.so-codes-latest img.so-codes-latest-pic { display: block; flex: none; width: 160px; height: 90px; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 10px; object-fit: cover; box-shadow: none; }
.so-codes-latest .so-codes-latest-text { display: block; flex: 1 1 auto; min-width: 0; }
.so-codes-latest .so-codes-latest-title { display: block; font-weight: 600; font-size: 15px; line-height: 1.35; overflow-wrap: anywhere; }
.so-codes-latest .so-codes-latest-who { display: block; margin-top: 6px; font-size: 13px; line-height: 1.4; color: #70757a; }
.so-codes-latest-error { padding: 10px 12px; border: 1px dashed #d63638; border-radius: 8px; color: #d63638; font-size: 14px; }

@media (max-width: 480px) {
	.so-codes-latest img.so-codes-latest-pic { width: 112px; height: 63px; }
	.so-codes-latest .so-codes-latest-title { font-size: 14px; }
}