/* NOTE: Selector Specificity: (1, 5, 2) */
html body.et-db #et-boc .et_builder_outer_content .et-l[class*="et-l--"] .et_builder_inner_content {
	/* MARK :: SHORTCODE :: page-affiliate-ares */
	& #page-affiliate-ares {
		padding-block: var(--size-50-100);
		color: var(--color-white----);
		padding-inline: 15px;

		display: grid;
		row-gap: var(--size-30-60);

		& > header {
			position: relative;
			display: grid;
			align-items: center;
			justify-content: center;
			text-align: center;
			row-gap: var(--size-50-100);
			padding-block-start: var(--size-25-45);

			& > h1 {
				padding-inline: 15px;
			}

			& > .description {
				max-width: 1080px;
				margin-inline: auto;
			}

			& .frames {
				pointer-events: none;
				position: absolute;
				inset: calc(var(--size-10-0) * -1);
				color: var(--color-peach----);
				max-width: 100vw;
				margin-inline: auto;
			}
		}

		& > section {
			&.features {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: var(--size-20-40);

				& .card {
					display: grid;
					grid-template-rows: max-content 1fr;
					align-items: start;
					justify-items: center;
					gap: var(--size-15-30);
					padding: var(--size-25-50) var(--size-20-25);
					border: 2px solid var(--color-plum-----);
					border-radius: 5px;
					text-align: center;
				}

				@media (max-width: 980px) {
					& {
						grid-template-columns: 1fr;
					}
				}
			}
		}
	}

	/* MARK :: SHORTCODE :: page-affiliate-boreas */
	& #page-affiliate-boreas {
		--column-gap: var(--size-25-50);
		padding-block: var(--size-50-100);

		& > header {
			display: grid;
			row-gap: var(--size-15-30);
			text-align: center;
			place-items: center;
			color: var(--color-plum-----);

			& > section.title-decoration {
				display: flex;
				align-items: center;
				gap: 15px;

				& .decoration {
					color: var(--color-parchment);

					&,
					& > svg {
						display: block;
						width: 32px;
						height: auto;
						color: var(--color-plumlink-);
					}
				}

				@media (max-width: 767px) {
					& {
						flex-direction: column;
						justify-content: center;
					}
				}
			}
		}

		& > .columns {
			display: grid;
			column-gap: var(--size-25-50);
			row-gap: var(--size-15-30);
			grid-template-columns: repeat(4, 1fr);
			align-items: stretch;
			text-align: center;
			justify-content: space-between;
			width: 100%;

			&,
			&.raw {
				& > section {
					display: grid;
					place-items: center;
					row-gap: var(--size-15-30);
					grid-auto-rows: max-content 1fr;

					& svg {
						max-width: 42px;

						& .background {
							color: var(--color-grape----);
						}
					}
				}
			}

			&.cards {
				column-gap: var(--size-20-40);
				row-gap: var(--size-25-50);
				padding-block-start: var(--size-30-60);

				& > header {
					grid-column: 1 / -1;
				}

				& > section {
					display: grid;
					text-align: start;
					place-items: start;
					row-gap: var(--size-20-25);
					grid-auto-rows: max-content;
					color: var(--color-white----);
					background-color: var(--color-plum-----);
					border: none;
					border-radius: 6px;
					padding-block: var(--size-15-30);
					padding-inline: var(--size-10-25);

					& .icon {
						color: var(--color-parchment);
						height: 42px;

						& > svg {
							display: block;
							width: auto;
							height: 100%;
							max-width: 100%;
							max-height: 100%;
						}
					}

					& .content {
						display: grid;
						row-gap: 5px;

						& > p {
							padding: 0;
						}
					}
				}

				& > footer {
					grid-column: 1 / -1;
					padding-block-start: var(--size-15-30);
				}
			}

			@media (max-width: 980px) {
				& {
					grid-template-columns: 1fr;
				}
			}
		}
	}

	/* MARK :: SHORTCODE :: page-affiliate-circe */
	& #page-affiliate-circe {
		padding-block: var(--size-50-100);
		display: grid;
		column-gap: var(--size-15-30);
		grid-template-columns: repeat(2, 1fr);

		& .boxed-list {
			border: 2px solid var(--color-plum-----);
			border-radius: 10px;
			padding: var(--size-25-50);

			& ul {
				display: grid;
				margin: 0;
				padding: 0;
				padding-block-start: var(--size-20-40);
				grid-template-columns: 1fr;
				row-gap: var(--size-10-15);
				color: var(--color-white----);

				& li {
					list-style: none;
					display: grid;
					gap: var(--size-10-15);
					place-items: start;
					grid-template-columns: max-content 1fr;

					& .decoration {
						display: grid;
						place-items: center;
						color: var(--color-parchment);
						min-height: 1.6em;

						& svg {
							width: 18px;
							height: auto;
						}
					}

					& strong {
					}
				}
			}
		}

		@media (max-width: 980px) {
			& {
				grid-template-columns: 1fr;
			}
		}
	}

	/* MARK :: SHORTCODE :: page-affiliate-djinn */
	& #page-affiliate-djinn {
		&[data-module="faq"] {
			color: var(--color-grape----);

			& > section.accordion-faq {
				& > section.question-list {
					& > article {
						& > details.question-wrapper {
							& > summary.question {
								& > svg {
									color: var(--color-grape----);
								}
							}

							& > section.answer {
								& > p {
									color: var(--color-plum-----) !important;

									& a {
										color: var(--color-grape----);

										&:hover {
											color: var(--color-proofread);
										}
									}
								}

								& > ul {
									& > li {
										&::marker {
											color: var(--color-proofread);
										}
									}
								}
							}
						}
					}

					& > i.separator {
						background-color: var(--color-plum-----);
					}
				}
			}
		}
	}

	/* MARK :: SHORTCODE :: page-affiliate-enki */
	& #page-affiliate-enki {
		padding-block: var(--size-50-100);

		& article {
			display: grid;
			place-items: center;
			row-gap: var(--size-20-40);
			text-align: center;
			width: 100%;
			padding: var(--size-40-80) var(--size-20-40);
			border-radius: 10px;
			color: var(--color-white----);
			background-color: var(--color-plum-----);

			& h2 {
				font: var(--type-base-h3-----fonts);
				letter-spacing: var(--type-base-h3-----space);
			}

			& a.wwm-button {
				display: flex;
				column-gap: 0.4em;
				align-items: center;

				& .icon {
					display: grid;
					place-items: center;
				}

				& svg {
					width: unset;
					height: 1.2em;
				}
			}
		}
	}
}