div.menu{
	display:inline-block;
	>nav{
		background:var(--bg);
		&.context{
			min-width:200px;
			border-radius:3px;
			border:1px solid var(--border);
			padding:0.25em;
			font-size:85%;
			white-space:nowrap;
			>a{
				border-radius:3px;
				border:1px solid rgba(0,0,0,0);
				white-space:nowrap;
				&:hover{
					border:1px solid var(--border);
				}
			}
		}
		>a{
			text-decoration:none;
			align-items:center;
			background:var(--bg);
			border:1px solid var(--border);
			border-width:1px 1px 0px 1px;
			color:var(--fg);
			column-gap:0.25em;
			display:grid;
			grid-template-columns:16px auto;
			padding:0.25em;
			&:last-child{
				border-width:1px;
			}
		}
	}
}
body{
	>nav{
		>div.menu{
			display:inline-block;
			>header{
				display:none;
			}
			>nav{
				background:var(--bg);
				color:var(--fg);
				>a{
					padding:0.25em 1em;
					border-width:0px 1px 0px 0px;
					border-right:1px solid var(--border);
					display:inline-grid;
					&:last-child{
						border:0px;
					}
				}
			}
		}
	}
	>aside>div.menu{
		display:block;
		margin-bottom:0.5em;
		font-size:90%;
		&:last-child{
			margin-bottom:0px;
		}
		>header{
			background:var(--bg);
			color:var(--fg);
			border:0px;
		}
		>nav{
			>a{
				border:0px;
				&.active{
					background:var(--bg);
					color:var(--fg);
					font-weight:bold;
				}
			}
		}
	}
}