/* Newsletter form ([yns_newsletter]) — sits on the yellow banner of the home page. */
.yns-nl { display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 560px; }
.yns-nl__hp { position:absolute!important; inset:auto!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; }
.yns-nl__fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 10px; }
@media (max-width: 767px) { .yns-nl__fields { grid-template-columns: minmax(0, 1fr); } }
html body .yns-nl input[type="text"],
html body .yns-nl input[type="email"] {
	width: 100%;
	height: 52px;
	padding: 0 18px;
	border: 1.5px solid rgba(30, 41, 59, .14);
	border-radius: 100px;
	background: #fffffc;
	color: var(--yn-heading, #1E293B);
	font: inherit;
	font-size: 16px;
	box-shadow: 0 1px 0 rgba(30, 41, 59, .04), 0 8px 18px -12px rgba(120, 90, 0, .45);
	transition: border-color .2s, box-shadow .2s;
}
html body .yns-nl input[type="email"] { text-align: right; }
html body .yns-nl input::placeholder { color: var(--yn-muted, #69727D); opacity: 1; }
html body .yns-nl input:hover { border-color: rgba(30, 41, 59, .3); }
html body .yns-nl input:focus-visible { outline: none; border-color: var(--yn-primary, #0258A2); box-shadow: 0 0 0 3px rgba(2, 88, 162, .18); }
html body .yns-nl .yns-nl__submit { align-self: flex-start; min-height: 52px; font-size: 16px; }
.yns-nl.is-busy .yns-nl__submit { opacity: .7; cursor: progress; }
.yns-nl__msg {
	margin: 0;
	padding: 12px 16px;
	border-radius: 16px;
	background: rgba(255, 255, 252, .75);
	color: var(--yn-heading, #1E293B);
	font-size: 15px;
	line-height: 1.7;
}
.yns-nl__msg.is-error { background: #fffffc; color: #B42318; }
.yns-nl__code {
	display: inline-block;
	padding: 2px 10px;
	border: 1.5px dashed var(--yn-primary, #0258A2);
	border-radius: 8px;
	color: var(--yn-primary, #0258A2);
	font-size: 17px;
	letter-spacing: .04em;
	direction: ltr;
	user-select: all;
}