/*
 * Layer: templates. Author / member profile (`/author/{nicename}`, utils' profile block). No kit
 * page (plan §6 gap): the article column and prose, the name as an inner-page title with the red
 * full stop, interests as tag links. Design-gap default.
 */
@layer templates {

	.wp-site-blocks > .nd-author,
	.wp-site-blocks > .nd-author + * {
		margin-block-start: 0;
	}

	.nd-author {
		padding-block: 32px 120px;
	}

	.nd-profile > h1 {
		margin-block-end: 24px;
		font-size: var(--wp--preset--font-size--display-page);
		line-height: var(--wp--custom--line-height--display-l);
		letter-spacing: var(--wp--custom--tracking--display);
		text-wrap: balance;
	}

	.nd-profile > h1::after {
		content: "";
		display: inline-block;
		width: 0.18em;
		height: 0.18em;
		margin-left: 0.08em;
		border-radius: 50%;
		background-color: var(--wp--preset--color--cinnabar);
		vertical-align: middle;
	}

	/* Interests: tag links (kit .nd-tag). */
	.nd-profile > ul {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		padding: 0;
		list-style: none;
	}

	.nd-profile > ul:empty {
		display: none;
	}

	.nd-profile > ul > li + li {
		margin-block-start: 0;
	}

	.nd-profile > ul a {
		display: inline-flex;
		align-items: center;
		padding: 7px 12px;
		border: 1px solid var(--wp--custom--glass--tag-border);
		border-radius: var(--wp--preset--border-radius--pill);
		background-color: var(--wp--custom--glass--chip);
		color: var(--wp--preset--color--ink);
		font-size: var(--wp--preset--font-size--tag);
		font-weight: 500;
		line-height: 1;
		text-decoration: none;
	}

	.nd-profile > ul a:hover {
		border-color: var(--wp--preset--color--brand-deep);
		color: var(--wp--preset--color--ink);
	}

	@media (max-width: 1100px) {

		.nd-author {
			padding-block: 16px 80px;
		}
	}
}