/* Scoped to the single-episode sidebar. */
.bh-theme .bh-episode-signup {
	background: var(--bh-studio-blue, #2563eb);
	border-radius: 20px;
	box-shadow: 0 8px 22px rgb(0 19 37 / 6%);
	color: #fff;
	min-width: 0;
	padding: 1.5rem;
	scroll-margin-top: 7rem;
}
.bh-episode-signup__eyebrow { display: flex; align-items: center; gap: .75rem; }
.bh-episode-signup__eyebrow p { color: #fff; font-size: .75rem; font-weight: 700; letter-spacing: .1em; line-height: 1.4; margin: 0; text-transform: uppercase; }
.bh-episode-signup__icon { align-items: center; background: var(--bh-studio-orange, #ff5937); border-radius: 50%; display: inline-flex; flex: 0 0 2.75rem; height: 2.75rem; justify-content: center; }
.bh-episode-signup__icon svg { height: 1.5rem; width: 1.5rem; }
.bh-theme .bh-episode-signup h2 { color: #fff; font: 700 2.125rem/1.06 var(--bh-studio-heading); letter-spacing: -.045em; margin: 1rem 0 0; overflow-wrap: normal; }
.bh-theme .bh-episode-signup__copy { color: #fff; font-size: 1rem; font-weight: 400; line-height: 1.55; margin: 1rem 0 1.5rem; }
.bh-episode-signup__form { display: grid; gap: .65rem; position: relative; }
.bh-episode-signup__form label { color: #fff; font-size: .9375rem; font-weight: 700; line-height: 1.4; }
.bh-theme .bh-episode-signup__form input[type="email"] { background: #fff; border: 2px solid transparent; border-radius: 10px; box-sizing: border-box; color: #11111d; font: 400 1rem/1.4 var(--bh-studio-body); margin: 0; min-height: 3.25rem; min-width: 0; padding: .8rem 1rem; width: 100%; }
.bh-episode-signup__form input::placeholder { color: #535a68; opacity: 1; }
.bh-theme .bh-episode-signup__form button { align-items: center; background: #11111d; border: 2px solid #11111d; border-radius: 10px; color: #fff; cursor: pointer; display: flex; font: 700 .9375rem/1.4 var(--bh-studio-body); gap: .45rem; justify-content: center; margin-top: .15rem; min-height: 3.25rem; padding: .8rem .7rem; width: 100%; }
.bh-episode-signup__form button svg { height: 1.1rem; width: 1.1rem; }
.bh-theme .bh-episode-signup__form button:hover { background: #242439; border-color: #242439; }
.bh-episode-signup__form :is(input, button):focus-visible { outline: 3px solid #ffd17a; outline-offset: 3px; }
.bh-episode-signup__form button:disabled { cursor: wait; opacity: .75; }
.bh-theme .bh-episode-signup__note { color: #fff; font-size: .75rem; font-weight: 400; line-height: 1.5; margin: .85rem 0 0; }
.bh-theme .bh-episode-signup__message { background: rgb(17 17 29 / 20%); border: 1px solid rgb(255 255 255 / 45%); border-radius: 10px; color: #fff; font-size: .9375rem; font-weight: 500; line-height: 1.5; margin: 1rem 0 0; padding: .85rem; }
.bh-episode-signup [hidden] { display: none !important; }
.bh-episode-signup__trap { height: 1px; left: -10000px; overflow: hidden; position: absolute; top: 0; width: 1px; }
@media (min-width: 48.01rem) and (max-width: 64rem) {
	.bh-theme .bh-episode-signup { padding: 1.2rem; }
	.bh-theme .bh-episode-signup h2 { font-size: 1.9rem; }
	.bh-episode-signup__eyebrow { gap: .6rem; }
	.bh-episode-signup__eyebrow p { font-size: .6875rem; letter-spacing: .07em; }
}
@media (min-width: 34.01rem) and (max-width: 48rem) {
	.bh-episode-signup { grid-column: 1 / -1; }
}