/* SitesOrbit Codes 1.5.13: the other authors of a post, shown as participants.
   Loaded only on a single post that has them. Deliberately lighter than the theme's own byline and author
   box, so a reader can tell the main author from the people who took part: smaller, thinner, no shadow.
   Colours are the theme's (links keep its colour and hover), so it reads right in a dark mode too. */

/* After "by Ника": With: (pic) Лена (pic) Соня. Each picture stays with its name when the line wraps. */
.so-codes-with { font-size: .92em; margin-inline-start: .4em; }
.so-codes-with .so-codes-with-label { opacity: .65; margin-inline-end: .1em; }
.so-codes-with a.so-codes-with-person { display: inline-flex; align-items: center; gap: .3em; vertical-align: middle; white-space: nowrap; margin-inline-start: .45em; text-decoration: none; border: 0; box-shadow: none; }
.so-codes-with img.so-codes-with-pic { display: block; width: 24px; height: 24px; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 50%; object-fit: cover; box-shadow: none; }

/* Near the author box: small horizontal cards, side by side where there is room, stacked on a phone. */
.so-codes-participants { margin: 24px 0 40px; text-align: start; }
.so-codes-participants p.so-codes-participants-title { margin: 0 0 10px; font-size: 13px; line-height: 1.4; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; opacity: .6; }
.so-codes-participants .so-codes-participants-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 12px; }
.so-codes-participants .so-codes-participant { display: flex; align-items: flex-start; gap: 12px; min-width: 0; padding: 12px; border: 1px solid rgba(127, 127, 127, .22); border-radius: 12px; box-shadow: none; background: transparent; }
.so-codes-participants a.so-codes-participant-face { flex: 0 0 auto; display: block; line-height: 0; text-decoration: none; border: 0; box-shadow: none; }
.so-codes-participants img.so-codes-participant-pic { display: block; width: 64px; height: 64px; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 50%; object-fit: cover; box-shadow: none; }
.so-codes-participants .so-codes-participant-text { flex: 1 1 auto; min-width: 0; }
.so-codes-participants a.so-codes-participant-name { display: inline-block; font-size: 15px; line-height: 1.4; font-weight: 600; text-decoration: none; border: 0; box-shadow: none; overflow-wrap: anywhere; }
.so-codes-participants p.so-codes-participant-bio { margin: 3px 0 0; font-size: 14px; line-height: 1.45; opacity: .7; overflow: hidden; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }

@media (max-width: 479px) {
	.so-codes-participants .so-codes-participants-list { grid-template-columns: minmax(0, 1fr); }
}