/*------------------------------------*\
    #TEXT PASSAGE
\*------------------------------------*/

/**
 * 1) A passage of text, including various components (i.e. article, blog post)
 */
.c-text-passage {

	p {
		margin-bottom: 1rem;
	}

	/**
	 * Link within the text passage
	 */
	a {
		text-decoration: underline;
	}

	/**
	 * Blockquote within text passage
	 */
	blockquote {
		padding-left: 0.8rem;
		border-left: 3px solid var(--color-neutral-gray-17);
		color: var(--color-neutral-gray-04);
		font-size: 1rem;
	 }

	 /**
	  * First-level heading within text passage
	  */
	 h1 {
		 margin-bottom: 1rem;
	 }

	/**
	 * Second-level heading within text passage
	 */
	h2 {
		margin: 1rem 0 1rem;
		color: var(--color-neutral-gray-17);
		font-weight: 700;
	}

	/**
	 * Third-level heading within text passage
	 */
	h3 {
		margin: 1rem 0 1rem;
	}

	/**
	 * Fourth-level heading within text passage
	 */
	h4 {
		margin: 1rem 0 1rem;
	}

	/**
	 * Fifth-level heading within text passage
	 */
	h5 {
		margin: 1rem 0 1rem;
	}

	/**
	 * Sixth-level heading within text passage
	 */
	h6 {
		margin: 1rem 0 1rem;
	}


	/**
	 * Unordered list within text passage
	 */
	ul {
		list-style: disc;
		margin-left: 1rem;
		margin-bottom: 1rem;

		li:last-child {
			margin-bottom: 0;
		}
	}

	/**
	 * Ordered list within text passage
	 */
	ol {
		list-style: decimal;
		margin-left: 1rem;
		margin-bottom: 1rem;

		li:last-child {
			margin-bottom: 0;
		}
	}

	li {
		margin-bottom: 0.5rem;
		line-height: 1.6;
	}
}