/* 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-guide-ares */
	& #page-guide-ares {
		display: grid;
		row-gap: var(--size-40-80);
		padding-block: var(--size-30-100) var(--size-30-100);
		padding-inline: var(--size-15-0);
		color: var(--color-white----);

		& > header {
			position: relative;
			display: grid;
			align-items: center;
			justify-content: center;
			text-align: center;
			row-gap: var(--size-5-10);
			padding-block: var(--size-25-45);
			padding-inline: var(--size-15-0);

			& > .title {
				display: grid;
				row-gap: 10px;
				text-align: center;
				order: 2;
			}

			& > .tagline {
				font: var(--type-base-h3-----fonts);
				font-size: var(--ff-size-18-22);
				font-weight: 500;
				letter-spacing: 0.6em;
				line-height: var(--size-rem-1d4-1d2);
				text-transform: uppercase;
				color: var(--color-parchment);
			}

			& > .content {
				order: 3;
				max-width: 980px;
				margin-inline: auto;

				& > p {
					/*  */
				}
			}

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

		& > footer {
			overflow: hidden;
			border-radius: 10px;

			&:empty {
				display: none;
			}
		}
	}

	/* MARK :: SHORTCODE :: page-guide-boreas */
	& #page-guide-boreas {
		padding-block: var(--size-40-80);
		max-width: 980px;
		margin-inline: auto;

		& > header {
			display: grid;
			align-items: center;
			justify-content: center;
			text-align: center;

			& > h2 {
				font: var(--type-base-h2-----fonts);
				letter-spacing: var(--type-base-h2-----space);
				margin: 0;
				padding: 0;

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

			& .close {
				color: var(--color-coal-----);

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

		& > section {
			display: flex;
			column-gap: var(--size-30-60);
			row-gap: var(--size-15-30);
			align-items: start;
			justify-content: space-between;
			font: var(--type-base-body---fonts);
			letter-spacing: var(--type-base-body---space);

			& > section {
				& > article {
					display: grid;
					row-gap: 20px;

					& > p,
					& > ul {
						margin: 0;
						padding: 0;
					}

					& > ul {
						display: grid;
						row-gap: 10px;

						& > li {
							margin: 0;
							padding: 0;
							list-style: none;
							display: flex;
							column-gap: var(--size-10-20);
							align-items: start;
							justify-content: start;

							& > svg {
								flex: 0 0 auto;
								width: var(--size-20-25);
								height: var(--size-20-25);
								margin-block-start: 3px;

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

								& .foreground {
									color: var(--color-plum-----);
								}
							}
						}
					}
				}

				& > footer {
					display: grid;
					font: var(--type-alt--body---fonts);
					letter-spacing: var(--type-alt--body---space);
					margin-block-start: 20px;

					& form {
						& .wpforms-field-container {
							display: grid;
							row-gap: var(--size-15-20);

							& .wpforms-field {
								padding-block: 0;

								&.wpforms-field-checkbox {
									& ul {
										list-style: none;
										display: grid;
										row-gap: 10px;
										margin: 0;
										padding: 0;
										padding-block-start: 5px;
										font: var(--type-base-body---fonts);
										letter-spacing: var(--type-base-body---space);

										& li {
											list-style: none;
											display: flex;
											align-items: center;
											margin: 0;
											padding: 0;

											& input {
												margin: 0;
												margin-inline-end: 10px;

												&:focus-visible {
													outline: var(--outline-basis);
													outline-offset: var(--outline-off--);
												}
											}
										}
									}
								}

								&.wpforms-field-textarea {
									& textarea {
										min-height: 120px;
									}
								}

								& .wpforms-field-label {
									font: var(--type-base-body---fonts);
									letter-spacing: var(--type-base-body---space);
									font-weight: 500;
									margin-block-end: 5px;

									& .wpforms-required-label {
										display: none;
									}
								}

								& input[type="text"],
								& input[type="email"],
								& textarea {
									box-sizing: border-box;
									display: block;
									width: 100%;
									max-width: 100%;

									border: 1px solid var(--color-pastel---);
									border-radius: 10px;
									padding-block: 10px;
									padding-inline: var(--size-10-25);

									transition: var(--transition-color-foreground), var(--transition-color-background);

									color: var(--color-black----);
									background-color: var(--color-white----);

									font: var(--type-base-body---fonts);
									letter-spacing: var(--type-base-body---space);

									&::placeholder {
										color: var(--color-slate----);
										opacity: 1;
										white-space: pre-line;
									}

									&:focus-visible,
									&:focus-within {
										outline: var(--outline-basis);
										outline-offset: -1px;
									}

									& + .wpforms-error {
										color: var(--color-proofread);
										margin-block-start: 10px;
									}
								}
							}
						}

						& .wpforms-submit-container {
							position: relative;

							& button[type="submit"] {
								cursor: pointer;
								text-indent: 4px;

								position: relative;
								box-sizing: border-box;
								display: block;
								width: 100%;
								max-width: 100%;
								border: none;
								border-radius: 100vw;
								font: var(--type-base-body---fonts);
								letter-spacing: var(--type-base-body---space);
								font-weight: 600;
								line-height: 120%;
								padding-block: var(--size-5-15);
								padding-inline: var(--size-10-25);
								color: var(--color-white----);
								background-color: var(--color-grape----);
								margin-block-start: 20px;
								transition:
									var(--transition-color-foreground), var(--transition-color-background), var(--transition-opacity);

								&:active {
									opacity: 0.8;
								}

								&:hover {
									background-color: var(--color-plum-----);
								}

								&:focus-visible,
								&:focus-within {
									outline: var(--outline-basis);
									outline-offset: var(--outline-off--);
								}

								&.wpforms-disabled {
									cursor: not-allowed;
									color: transparent;

									& svg {
										display: none;
									}

									&,
									&:hover {
										background-color: var(--color-white----);
									}
								}

								& .wpforms-submit-spinner {
									position: absolute;
									inset-block: 50%;
									inset-inline: 50%;
									translate: -50% -50%;
									margin: 0;
									padding: 5px;
									background-color: var(--color-white----);
									border-radius: 100%;
									box-sizing: content-box;
								}
							}

							& > .wpforms-field-gdpr-checkbox {
								padding-block: 15px;

								& ul {
									padding: 0;
									margin: 0;
									list-style: none;

									& li {
										list-style: none;

										&::marker {
											display: none;
										}
									}
								}

								& .wpforms-field-label-inline {
									display: block;
									text-align: center;
									color: var(--color-royal----);
									font: var(--type-base-tagA---fonts);
									letter-spacing: var(--type-base-tagA---space);
									font-size: 12px;
									line-height: 1.6em;

									& > a {
										color: var(--color-royal----);
										display: inline;
										padding: 0;
										text-decoration: underline !important;

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

			& > aside {
				--size-300-500: clamp(300px, -353.3333px + 66.6667vw, 500px);

				flex: 0 0 auto;
				width: var(--size-300-500);
				max-width: 100%;

				& > figure {
					margin: 0;
					padding: 0;

					&,
					& > img {
						display: block;
						max-width: 100%;
						margin-inline: auto;
					}
				}

				&:empty {
					display: none;
				}
			}

			@media (max-width: 980px) {
				& {
					flex-wrap: wrap;

					& > aside {
						flex: 1 0 auto;
						width: auto;
					}
				}
			}
		}
	}
}