/* The account area's links: a row, with the page you're on marked. A thin strip
   in the admin header's shade, right above each account page's own header band. */
.account-nav-band {
	background-color: var(--fill-secondary);

	> page-module {
		padding-block: var(--space-medium) 0;
	}
}

.account-nav {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-small) var(--space-medium);

	[aria-current='page'] {
		text-decoration: none;
		color: var(--ink-primary);
		font-weight: bold;
	}
}

/* The overview's three parts: each name close to its line, clear space between parts. */
.account-parts {
	display: grid;
	gap: var(--space-large);
	padding: 0;
	list-style: none;

	p {
		margin-top: var(--space-small);
	}
}