/* about/notes page styles */

.p-notes-section-wrapper {
	display: grid;
	gap: var(--space-xl);
}

.p-notes-section {
	display: grid;
	gap: var(--space-xs);
}

.p-notes-list {
	list-style: decimal;
	padding-left: 1.5em;
}

.p-notes-section__ttl {
	font-size: var(--font-size-lg);
	font-weight: var(--font-weight-bold);
	display: flex;
	align-items: center;
	gap: var(--space-xs);
}

.p-notes-section__ttl::before {
	content: "";
	display: block;
	width: 6px;
	align-self: stretch;
	margin-block: 4px;
	background-color: #389bf5;
	flex-shrink: 0;
}

@media screen and (max-width: 896px) {
	.p-notes-section-wrapper {
		display: grid;
		gap: var(--space-lg);
	}

	.p-notes-section__ttl {
		font-size: var(--font-size-md);
	}
}