/**
 * Özel blokların asgari düzeni.
 *
 * Tema `berkedalar` bu sınıfları kendi tipografisiyle zaten biçimlendirir; bu
 * dosya, başka bir tema kullanıldığında blokların dağılmaması içindir. Renk ve
 * yazı tipi bilinçli olarak tanımlanmaz — onlar temanın işi.
 */

.bd-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.bd-breadcrumbs li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.bd-topics,
.bd-channels,
.bd-chips {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bd-topics__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.25rem 1.25rem;
}

.bd-topics__name {
	margin: 0;
}

.bd-channels {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem 2.5rem;
}

.bd-channels--stacked {
	display: block;
}

.bd-channels--stacked > li + li {
	margin-top: 1.25rem;
}

.bd-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 0.75rem;
}

.bd-colophon {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem 1rem;
}

.bd-reading-time,
.bd-updated-date,
.bd-content-type,
.bd-work-field,
.bd-note-status,
.bd-contact-email,
.bd-topics__count,
.bd-topics__subtopics,
.bd-channels__note {
	margin: 0;
}