.single-content.--subscription {
	display: grid;
	grid-template-columns: subgrid;

	@media (min-width: 48rem) {
		margin-block-start: -6.25rem;
	}
}

.single-content__container {
	grid-column: 2 / -2;
	background: #ffffff;
	box-shadow: 3px 3px 25px 0 rgba(0, 0, 0, 0.09);
	border-radius: 20px;
	padding: 40px;
}

.single-content__title {
	color: var(--color-1--100);
	font-family: var(--heading-3__font-family);
	font-size: var(--heading-3__font-size, 4.209rem);
	font-weight: var(--heading-3__font-weight, 700);
	line-height: var(--heading-3__line-height, 1.2);
}

.single-content__heading p {
	max-inline-size: 75rem;
}

.single-content.--subscription .button.--primary .button__icon {
	background: var(--color-1--100);
}

/* Accordion — card style
   Specificity: 5 classes to beat base theme's
   .accordion:not(.subjects__grid):not(.--faq) (4 classes) */
.draad-update-notifications-form .accordion:not(.subjects__grid):not(.--faq) {
	margin-block: 1rem;
}

.draad-update-notifications-form .accordion:not(.subjects__grid):not(.--faq) .accordion__item {
	background: #fff;
	border: 2px solid #b5ccc7;
	border-radius: 15px;
	overflow: visible;
}

.draad-update-notifications-form .accordion:not(.subjects__grid):not(.--faq) .accordion__item + .accordion__item {
	margin-block-start: 9px;
}

/* Accordion trigger */
.draad-update-notifications-form .accordion:not(.subjects__grid):not(.--faq) .accordion__trigger {
	background: transparent;
	display: grid;
	grid-template-columns: 40px 1fr;
	grid-template-rows: auto auto;
	column-gap: 1rem;
	row-gap: 0;
	align-items: center;
	justify-items: start;
	padding: 17px 24px;
	margin: -2px;
	width: calc(100% + 4px);
	border: 2px solid transparent;
	border-radius: 15px;
	transition: background 0.3s ease, border-color 0.3s ease;
}

.draad-update-notifications-form .accordion:not(.subjects__grid):not(.--faq) .accordion__trigger:hover:not([aria-expanded="true"]):not([disabled]) {
	background: #f1fbf3;
	border-color: #004d3d;
}

/* Hide base theme chevron SVG */
.draad-update-notifications-form .accordion:not(.subjects__grid):not(.--faq) .accordion__trigger > svg {
	display: none;
}

/* Icon */
.draad-update-notifications-form .accordion:not(.subjects__grid):not(.--faq) .accordion__icon {
	grid-row: 1 / -1;
	grid-column: 1;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #2d5a4e;
	color: #fff;
	transition: rotate 0.3s ease;
}

.draad-update-notifications-form .accordion:not(.subjects__grid):not(.--faq) .accordion__icon svg {
	display: block;
	width: 20px;
	min-width: 20px;
	max-width: 20px;
	height: auto;
	fill: currentColor;
	margin: auto;
	translate: 0 2px;
}

.draad-update-notifications-form .accordion:not(.subjects__grid):not(.--faq) .accordion__trigger[aria-expanded="true"] {
	background: #004d3d;
	border-color: #004d3d;
}

.draad-update-notifications-form .accordion:not(.subjects__grid):not(.--faq) .accordion__trigger[aria-expanded="true"] .accordion__icon {
	rotate: 180deg;
	background: var(--color-2--100);
	color: #fff;
}

.draad-update-notifications-form .accordion:not(.subjects__grid):not(.--faq) .accordion__trigger[aria-expanded="true"] .accordion__title {
	color: #fff;
}

.draad-update-notifications-form .accordion:not(.subjects__grid):not(.--faq) .accordion__trigger[aria-expanded="true"] .accordion__description {
	color: #b5ccc7;
}

.draad-update-notifications-form .accordion:not(.subjects__grid):not(.--faq) .accordion__trigger[aria-expanded="true"] .accordion__icon svg {
	rotate: 0deg;
}

/* Title */
.draad-update-notifications-form .accordion:not(.subjects__grid):not(.--faq) .accordion__title {
	grid-column: 2;
	grid-row: 1;
	font-weight: 700;
	color: #004d3d;
	font-size: 1rem;
	line-height: 1.2;
}

/* Description */
.draad-update-notifications-form .accordion:not(.subjects__grid):not(.--faq) .accordion__description {
	grid-column: 2;
	grid-row: 2;
	font-weight: 400;
	color: #455353;
	font-size: 0.875rem;
	line-height: 1.1;
	margin-block-start: 0;
}