.source-article-action{clear:both;margin:24px 0 18px}.source-article-link{display:inline-block;padding:9px 14px;border:1px solid #e2e6eb;border-radius:5px;background:#f7f8fa;color:#697586;font-size:12px;line-height:1.8;text-decoration:none}.source-article-link:hover{background:#eef1f5;color:#465365}html[data-theme=dark] .source-article-link{background:#232b36;border-color:#354050;color:#b4becc}html[data-theme=dark] .source-article-link:hover{background:#2d3745;color:#d5dce6}

/* Article metadata shares one line height, with wrapping on narrow screens. */
.post.single ul.post_details{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;direction:rtl}
.post.single ul.post_details li.detail{float:none;display:inline-flex;align-items:center;min-height:24px;line-height:24px;margin:0;padding:0 0 0 20px;box-sizing:border-box;max-width:100%}
.post.single ul.post_details li.article-source{padding:0;gap:6px}
.post.single ul.post_details .article-source .source-name{float:none;margin:0;line-height:24px}
.post.single ul.post_details .article-source img.source-logo{float:none;flex:0 0 20px;object-fit:contain;margin:0}

.post.single ul.post_details{margin-bottom:20px}

/* Natural-width, right-aligned metadata with room around separators. */
.post.single ul.post_details{justify-content:flex-start;align-items:center;gap:8px 0;direction:rtl}
.post.single ul.post_details > li.detail{flex:0 1 auto;justify-content:flex-start;min-width:0;max-width:100%;padding:0;margin:0;border:0;line-height:24px;text-align:right}
.post.single ul.post_details > li.date:first-child{margin:0;padding:0 0 0 24px;border:0;background-position:left 5px center}
.post.single ul.post_details > li.detail + li.detail{margin-right:16px;padding-right:16px;border-right:1px solid #e1e5eb}
.post.single ul.post_details > li.author{padding-left:24px;background-position:left 5px center}
html[data-theme=dark] .post.single ul.post_details > li.detail + li.detail{border-color:#46536a}