/* About Me header layout */
.dd-about {
	display: flex;
	gap: 1.25rem;
	align-items: center;
	padding: 1rem;
	border-radius: 0.75rem;
	background: var(--md-default-bg-color);
	border: 1px solid var(--md-default-fg-color--lightest);
}

.dd-about__avatar {
	width: 96px;
	height: 96px;
	object-fit: cover;
	border-radius: 999px;
	border: 2px solid var(--md-default-fg-color--lightest);
}

/* Simple avatar utility (used by about-me.md) */
.dd-avatar {
	width: 96px;
	height: 96px;
	object-fit: cover;
	border-radius: 999px;
	border: 2px solid var(--md-default-fg-color--lightest);
}

.dd-avatar--sm {
	width: 80px;
	height: 80px;
}

.dd-about__content {
	min-width: 0;
}

.dd-about__meta ul {
	margin: 0.35rem 0 0;
}

.dd-about__meta li {
	margin: 0.1rem 0;
	color: var(--md-default-fg-color--light);
}

@media (max-width: 600px) {
	.dd-about {
		flex-direction: column;
		align-items: flex-start;
	}

	.dd-about__avatar,
	.dd-avatar {
		width: 80px;
		height: 80px;
	}
}