:root {
    --mainColor: #ED1C24;
    --mainColorAlpha: #ED1C24bb;
}

/* Article entities use the site's existing taxonomy links and red accent. */
.column_1_3 .article-entity-tags { width: auto; margin-top: 15px; }
.article-entity-group { margin-bottom: 24px; }
.article-entity-group:last-child { margin-bottom: 0; }
.article-entities--visible { display: flow-root; padding-bottom: 32px; }
.article-entity-tags a:focus-visible, .entity-pagination a:focus-visible {
    outline: 2px solid var(--mainColor);
    outline-offset: 2px;
}
.entity-pagination { display: flex; gap: 10px; flex-wrap: wrap; }

.article-entity-waiting { color: #7c7c7c; font-size: 12px; margin-bottom: 32px; }

.article-entity-tags a { display: inline-flex; align-items: center; gap: 7px; }
.entity-tag-logo { width: 22px; height: 22px; object-fit: contain; flex-shrink: 0; }

/* In RTL metadata, the separator belongs on the left of the first date. */
.post_details:not(.simple) > li.date:first-child { border-right: 0; border-left: 1px solid #e9e9e9; margin-left: 12px; padding-left: 24px; background-position: left 7px center; }
html[data-theme=dark] .post_details:not(.simple) > li.date { border-color: #46536a; }

/* Page titles and breadcrumbs sit on the page, unlike boxed sidebar headings. */
html[data-theme=dark] .site_container .page .page_header,
html[data-theme=dark] .site_container .page .bread_crumb { background: transparent; }

.post.single ul.post_details > li.date:first-child { margin-left: 12px; padding-left: 28px; }
