.stl-timeline {
	--stl-accent-color: #2271b1;
	--stl-background-color: transparent;
	--stl-post-color: transparent;
	--stl-text-color: inherit;
	--stl-muted-color: #646970;
	--stl-border-color: #dcdcde;
	--stl-link-color: #2271b1;
	--stl-button-color: #2271b1;
	--stl-button-text-color: #fff;
	--stl-label-color: #2271b1;
	box-sizing: border-box;
	width: 100%;
	max-width: 760px;
	container-type: inline-size;
	container-name: stl-feed;
	margin: 1.5rem auto;
	background: var(--stl-background-color);
	color: var(--stl-text-color);
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	overflow-wrap: anywhere;
}
.stl-timeline *, .stl-timeline *::before, .stl-timeline *::after { box-sizing: border-box; }
.stl-entry { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 12px; margin: 0; padding: 18px 12px; border: 0; border-bottom: 1px solid var(--stl-border-color); background: var(--stl-post-color); color: var(--stl-text-color); }
.stl-entry > :not(.stl-entry__avatar) { grid-column: 2; min-width: 0; }
.stl-entry__avatar { grid-column: 1; grid-row: 1 / span 8; align-self: start; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--stl-border-color); border-radius: 50%; overflow: hidden; background: var(--stl-post-color); color: var(--stl-text-color); font-size: 20px; font-weight: 700; line-height: 1; }
.stl-entry__avatar img { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; }
.stl-entry:first-child { border-top: 1px solid var(--stl-border-color); }
.stl-entry__header { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 7px; margin: 0 0 5px; padding: 0; font-size: 14px; line-height: 1.5; }
.stl-entry__name { min-width: 0; max-width: 100%; overflow-wrap: anywhere; color: var(--stl-text-color); font-size: 15px; font-weight: 700; }
.stl-entry__label { display: inline-block; padding: 0 5px; border: 1px solid var(--stl-label-color); border-radius: 4px; color: var(--stl-label-color); font-size: 10px; font-weight: 400; line-height: 1.6; white-space: nowrap; }
.stl-entry--article .stl-entry__label { border-style: dashed; }
.stl-entry__date { color: var(--stl-muted-color); font-size: 12px; font-weight: 400; text-decoration: none; }
.stl-entry__content > :first-child, .stl-article-card__body > :first-child { margin-top: 0; }
.stl-entry__content > :last-child, .stl-article-card__body > :last-child { margin-bottom: 0; }
.stl-entry__content { font-size: 16px; font-weight: 400; line-height: 1.65; }
.stl-timeline .stl-entry__content :is(h2, h3, h4) { margin: 1em 0 .4em; padding: 0; font-size: 1.1em; line-height: 1.6; }
.stl-timeline .stl-entry__content pre { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; }
.stl-timeline .stl-entry__content :is(figure, video, iframe, table) { max-width: 100%; margin-left: 0; margin-right: 0; }
.stl-timeline .stl-entry__content > p { padding: 0; margin-bottom: 0; font-size: inherit; font-weight: 400; line-height: inherit; text-indent: 0; }
/* Keep paragraph spacing inside the timeline when a theme resets all p margins. */
.stl-timeline .stl-entry__content > p + p { margin-top: 1em !important; }
.stl-entry__content img, .stl-entry__image img, .stl-article-card__image img { display: block; max-width: 100%; height: auto; border-radius: .4rem; }
.stl-entry__image { display: block; margin-top: 12px; overflow: hidden; border: 1px solid var(--stl-border-color); border-radius: 14px; }
.stl-entry__image img { width: 100%; border-radius: 0; }
.stl-timeline a { color: var(--stl-link-color); text-decoration-thickness: .08em; text-underline-offset: .15em; }
.stl-timeline a:focus-visible, .stl-button:focus-visible { outline: 3px solid var(--stl-accent-color); outline-offset: 3px; }
.stl-article-card { display: block; margin-top: 8px; overflow: hidden; border: 1px solid var(--stl-border-color); border-radius: 14px; }
.stl-article-card__body { padding: 12px; }
.stl-article-card__image { display: block; }
.stl-article-card__image img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 0; }
.stl-article-card__title { margin: 0 0 6px; padding: 0; border: 0; background: none; font: inherit; font-size: 16px; font-weight: 700; line-height: 1.45; }
.stl-article-card__title a { color: var(--stl-text-color); }
.stl-timeline .stl-article-card__excerpt { margin: 0 0 8px; padding: 0; color: var(--stl-muted-color); font-size: 13px; font-weight: 400; line-height: 1.6; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.stl-article-card__link { font-size: 13px; font-weight: 700; }
.stl-related { margin-top: 12px; padding: 10px 12px; border: 1px solid var(--stl-border-color); border-radius: 10px; background: var(--stl-post-color); }
.stl-related__heading { margin: 0 0 .35rem; padding: 0; font: inherit; font-size: .85rem; font-weight: 700; color: var(--stl-muted-color); }
.stl-related ul { margin: 0; padding: 0; list-style: none; font-size: 14px; }
.stl-related li + li { margin-top: .25rem; }
.stl-related a { display: block; min-height: 32px; padding: 4px 0; line-height: 1.6; overflow-wrap: anywhere; }
.stl-entry__footer { margin-top: 10px; font-size: 13px; }
.stl-entry__footer a { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; color: var(--stl-muted-color); text-decoration: none; }
.stl-entry__footer a:hover { color: var(--stl-link-color); text-decoration: underline; }
.stl-comment-icon { width: 19px; height: 19px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.stl-timeline__more { margin: 1.25rem 0 0; text-align: center; }
.stl-timeline .stl-button { display: inline-block; max-width: 100%; min-height: 40px; padding: .65rem 1.15rem; border: 2px solid var(--stl-button-color); border-radius: .3rem; background: var(--stl-button-color); color: var(--stl-button-text-color) !important; font-family: inherit; font-size: inherit; font-weight: 700; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; text-decoration: none; }
.stl-timeline .stl-button:hover { filter: none; text-decoration: underline; }
.stl-pagination { display: flex; flex-wrap: wrap; gap: .4rem; justify-content: center; margin-top: 1.25rem; }
.stl-pagination .page-numbers { display: inline-flex; min-width: 2.5rem; min-height: 2.5rem; align-items: center; justify-content: center; padding: .3rem .6rem; border: 1px solid var(--stl-border-color); border-radius: .25rem; text-decoration: none; }
.stl-pagination .current { background: var(--stl-button-color); color: var(--stl-button-text-color); border-color: var(--stl-button-color); }
.stl-timeline__empty { padding: 1rem 0; color: var(--stl-muted-color); }
@media (max-width: 480px) {
	.stl-entry { grid-template-columns: 38px minmax(0, 1fr); column-gap: 10px; padding: 14px 10px; }
	.stl-entry__avatar { width: 38px; height: 38px; font-size: 18px; }
	.stl-article-card__excerpt { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (max-width: 340px) {
	.stl-entry { grid-template-columns: 34px minmax(0, 1fr); column-gap: 8px; padding-right: 8px; padding-left: 8px; }
	.stl-entry__avatar { width: 34px; height: 34px; font-size: 16px; }
}
/* Named container queries also adapt a narrow desktop column, not just phones. */
@container stl-feed (max-width: 480px) {
	.stl-entry { grid-template-columns: 38px minmax(0, 1fr); column-gap: 10px; padding: 14px 10px; }
	.stl-entry__avatar { width: 38px; height: 38px; font-size: 18px; }
}
@container stl-feed (max-width: 340px) {
	.stl-entry { grid-template-columns: 34px minmax(0, 1fr); column-gap: 8px; padding-right: 8px; padding-left: 8px; }
	.stl-entry__avatar { width: 34px; height: 34px; font-size: 16px; }
	.stl-related, .stl-article-card__body { padding: 8px; }
}
@media (prefers-reduced-motion: reduce) {
	.stl-timeline * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}
.stl-timeline .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; border: 0; }