note-editor {
	flex-direction: column;

	.custom-head {
		display: flex;
		flex-direction: row;
		align-self: stretch;
		gap: 6px;
		padding: 6px 8px;
		background: var(--material-toolbar);
		border-bottom: var(--material-panedivider);
		height: 28px;

		&:empty {
			display: none;
		}

		button {
			height: 26px;
			margin: 0;
			flex-grow: 1;
		}
	}
}

links-box {
	display: flex;
	flex-direction: column;
	padding-inline: 8px;

	border-top: 1px solid var(--fill-quinary);
	
	tags-box, related-box {
		> collapsible-section > .body {
			max-height: 25vh;
			overflow-y: auto;
			scrollbar-width: thin;
			scrollbar-color: var(--color-scrollbar) var(--color-scrollbar-background);
			padding-bottom: 1px; // Leave room for the editable-text focus ring
		}
	}
}