ページ内でセクションを分けたいときなどに使える記法の

.line:not(.cursor-line) .deco:has(.deco-\~) {
	display: flex;
	align-items: center;
	text-align: center;

	&::before, &::after {
		flex-grow: 1;
		min-width: 30px;
		content: "";
		border-top: 1px solid #afafaf;
	}
	
	&::before {
		margin-right: 10px;
	}
	
	&::after {
		margin-left: 10px;
	}

	&:has(.deco-\-) {
		&::before, &::after {
			border-style: dashed none none;
		}
	}

	.deco-\- {
		text-decoration: none;
	}
}


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.