nav.menu{
	display:inline-block;
	>menu{
		background:var(--bg);
		padding:0px;
		&.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);
				}
			}
		}
		>li{
			list-style:none;
			>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{
		>nav.menu{
			display:inline-block;
			>header{
				display:none;
			}
			>menu{
				background:var(--bg);
				color:var(--fg);
				>li{
					display:inline-block;
					>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>nav.menu{
		display:block;
		margin-bottom:0.5em;
		font-size:90%;
		&:last-child{
			margin-bottom:0px;
		}
		>header{
			background:var(--bg);
			color:var(--fg);
			border:0px;
			display:inline-block;
			padding:0px 0.15em;
			&::before{
				font-family:'Material Design Icons';
				font-size:16px;
				font-weight:normal;
				content:"\F0140";
			}
		}
		>menu{
			>li{
				>a{
					padding-left:0.75em;
					border:0px;
					&.active{
						background:var(--bg);
						color:var(--fg);
						font-weight:bold;
					}
				}
			}
		}
	}
	>main>nav.menu{
		display:block;
		background:var(--bg);
		border:1px solid var(--border);
		border-width:1px 1px 0px 1px;
		padding:2px 2px 0px 2px;
		>header{display:none;}
		>menu{
			display:flex;
			gap:2px;
			>li{
				>a{
					display:inline-grid;
					border:0px;
					border-radius:2px 2px 0px 0px;
					&.active{
						background:var(--bg);
						color:var(--fg);
						font-weight:bold;
					}
				}
			}
		}
	}
	>main>nav.menu+nav.breadcrumb{
		border-top:0px;
	}
}