/* ==========================================================================
   Tag archive — scoped polish on top of the shared chrome (.archive-wrap,
   .section-header, .post-list/.post, .pagination-nav, .aside) in main.css.
   Astro category/category-2 look, dimocracy brand. Tag-specific bits only.
   ========================================================================== */

/* The "#tag" treatment on the section-header title (astro category kicker vibe,
   recoloured to the dimocracy news-red). Sits just before the tag name. */
.tag-archive__title .tag-archive__hash {
	color: var(--color-accent-red);
	font-family: var(--font-serif);
	font-weight: 700;
	margin-right: .12em;
}

/* Breadcrumb: tag.php now emits the shared astro .breadcrumb markup
   (.breadcrumb/.breadcrumb-list/.breadcrumb-item) styled in main.css — same
   chevron separator + red-hover as search/single. No per-template override
   needed here; it renders identically to the other archives. */

/* Optional tag description (only rendered when the term has one). */
.tag-archive__desc {
	font-family: var(--font-sans);
	font-size: 15px;
	line-height: 1.6;
	color: var(--color-muted);
	max-width: 70ch;
	margin: 14px 0 0;
}

.tag-archive__desc p {
	margin: 0 0 .6em;
}

.tag-archive__desc a {
	color: var(--color-accent-red);
}

.tag-archive__desc a:hover {
	color: var(--color-accent-red-dark);
}

/* Empty state. */
.tag-archive .no-results {
	font-family: var(--font-sans);
	font-size: 16px;
	color: var(--color-muted);
	padding: 48px 0;
	border-top: 1px solid var(--color-line);
	margin: 0;
}

/* The first list row already loses its top padding via .post:first-child in
   main.css; give the main column a hairline so it reads as a defined block
   directly under the section-header rule, matching astro's .section-content. */
.tag-archive__list {
	border-top: 1px solid var(--color-line);
}

.tag-archive__list .post:first-child {
	padding-top: 22px;
}

/* Sidebar: the latest-widget compact rows show a small thumb (astro newsroom
   sidebar). The ranked ΔΗΜΟΦΙΛΗ list stays text-only (astro .post--top), so
   its rows have no figure — keep the red numeral hugging the title. */
.tag-archive__aside .aside__list .post-thumbnail {
	border-radius: var(--radius);
}

/* Ranked popular rows are text-only: tighten so the big numeral and title
   align nicely without an empty thumb gap. */
.tag-archive__aside .aside__list--ranked .post {
	align-items: baseline;
}

/* On small screens the sidebar drops below the list (shared chrome already
   collapses .archive-layout to 1 col ≤980px); add a little breathing room and
   a divider so the widgets don't crowd the pagination. */
@media (max-width: 980px) {
	.tag-archive__aside {
		padding-top: 8px;
		border-top: 2px solid var(--color-ink);
	}
}

/* Very small screens: let the tag hash + name wrap gracefully. */
@media (max-width: 600px) {
	.tag-archive__title {
		word-break: break-word;
	}
}