.continuation {
	> div {
		background-color: #f9fae1;
		padding: 20px min(5vw, 30px) 25px;
		border-radius: 10px;
		margin-top: 20px;

		> div {
			display: grid;
			grid-template-columns: 1fr 1fr;
			align-items: start;
			gap: 20px 30px;

			@media (width < 768px) {
				grid-template-columns: auto;
			}
		}
	}

	.images {
		@media (width > 767px) {
			order: 1;
		}

		> div {
			margin-top: 10px;

			@media (width > 767px) {
				font-size: 18px;
			}

			a {
				background-color: var(--c-orange2);
				color: white;
				display: grid;
				grid-template-columns: auto auto;
				justify-content: center;
				align-items: baseline;
				text-decoration: none;
				border-radius: calc(1px / 0);
				padding: calc(var(--leading-trim) + 0.85em) 1em;
				transition: background-color 0.3s, color 0.3s;
				border: 1px solid var(--c-orange2);

				&:is(:hover, :focus-visible) {
					background-color: white;
					color: var(--c-orange2);
				}

				> i {
					transform: translateY(0);
				}
			}
		}
	}

	.details {
		min-inline-size: 0;
		
		@media (width > 767px) {
			order: 2;
		}

		> div {
			padding: 20px 10px 15px;
			border: 1px solid var(--c-gray2);
			margin-top: 25px;
			border-radius: 4px;

			> p {
				margin-block: calc(var(--leading-trim) - 1.8em) 10px;
				width:fit-content;
				margin-inline: auto;
				background-color: #f9fae1;
				padding-inline: 0.5em;
				font-size: 1.5rem;
				font-weight: bold;
				text-align: center;
				line-height: 1.5;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
			}

			> div {
				display: grid;
				grid-template-columns: auto auto;
				gap: 10px;
				justify-content: center;

				> div {
					color: white;
					border: 1px solid var(--c-pinkred);
					aspect-ratio: 1;
					display: grid;
					place-items: center;
					border-radius: 3px;
					background-color: var(--c-pinkred);
					container-type: inline-size;
					box-shadow: 0 1px 6px rgba(0,0,0,.16);
				}
			}
		}
	}
}

.continuation-bottom {
	background: #F5F5F5;
	padding: 1em;
	display: grid;
	justify-content: center;
	text-align: center;
	row-gap: 1em;

	a br {
		@media (width > 768px) {
			display: none;
		}
	}
}