.scnl-archive,
.scnl-form,
.scnl-notice {
	--scnl-main: var(--scmb-ink, #3a3036);
	--scnl-blue: var(--scmb-accent, #496b5b);
	--scnl-blue-dark: var(--scmb-accent-2, #b85f3f);
	--scnl-yellow: #f7c343;
	--scnl-green: #92b79f;
	--scnl-pink: #ec6ba5;
	--scnl-paper: var(--scmb-paper, #fbfaf8);
	--scnl-mist: #efefef;
	--scnl-beige: var(--scmb-line, #b2aea7);
	--scnl-button-color: #3a3036;
	--scnl-button-text: #fbfaf8;
	--scnl-button-radius: 6px;
	color: var(--scnl-main);
	font-family: var(--scmb-sans, inherit);
}

.scnl-archive[hidden] { display: none !important; }

.scnl-archive-list {
	border-top: 1px solid var(--scnl-main);
	counter-reset: scnl-newsletter;
	display: grid;
	gap: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.scnl-archive-item {
	--scnl-row-accent: var(--scnl-blue);
	align-items: center;
	border-bottom: 1px solid color-mix(in srgb, var(--scnl-main) 28%, transparent);
	display: grid;
	gap: clamp(16px, 3vw, 32px);
	grid-template-columns: minmax(0, 1fr) auto;
	padding: clamp(19px, 3vw, 29px) 0;
	position: relative;
}

.scnl-archive-accent-2 { --scnl-row-accent: var(--scnl-yellow); }
.scnl-archive-accent-3 { --scnl-row-accent: var(--scnl-green); }
.scnl-archive-accent-4 { --scnl-row-accent: var(--scnl-pink); }
.scnl-archive-item::before { display: none; }
.scnl-archive.has-numbers .scnl-archive-item { counter-increment: scnl-newsletter; grid-template-columns: 48px minmax(0, 1fr) auto; }
.scnl-archive.has-numbers .scnl-archive-item::before { color: color-mix(in srgb, var(--scnl-row-accent) 82%, var(--scnl-main)); content: counter(scnl-newsletter, decimal-leading-zero); display: block; font-size: .7rem; font-weight: 850; letter-spacing: .08em; }
.scnl-archive-copy { min-width: 0; }
.scnl-archive-title { font-family: var(--scmb-serif, inherit); font-size: clamp(1.08rem, 2vw, 1.45rem); font-weight: 700; letter-spacing: -.025em; line-height: 1.25; margin: 5px 0 0; }
.scnl-archive-title a { color: var(--scnl-main); text-decoration: none; }
.scnl-archive-title a:hover,
.scnl-archive-title a:focus-visible { color: var(--scnl-main); }
.scnl-archive-title a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.scnl-archive-date { color: #736970; font-size: .68rem; font-weight: 650; letter-spacing: .11em; text-transform: uppercase; }
.scnl-archive.has-custom-separator .scnl-archive-item { border-bottom: 0; }
.scnl-archive-separator { box-sizing: border-box; color: var(--scnl-main); }
.scnl-archive-separator > :first-child { margin-top: 0; }
.scnl-archive-separator > :last-child { margin-bottom: 0; }

.scnl-archive-button,
.scnl-submit {
	align-items: center;
	background: var(--scnl-button-color);
	border: 1px solid var(--scnl-button-color);
	border-radius: var(--scnl-button-radius);
	color: var(--scnl-button-text);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--scmb-sans, inherit);
	font-size: .71rem;
	font-weight: 700;
	justify-content: center;
	letter-spacing: .075em;
	min-block-size: 44px;
	padding: 10px 17px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .25s cubic-bezier(.22, 1, .36, 1);
}

.scnl-archive-button.is-shape-square,
.scnl-submit.is-shape-square { --scnl-button-radius: 0; }
.scnl-archive-button.is-shape-soft,
.scnl-submit.is-shape-soft { --scnl-button-radius: 6px; }
.scnl-archive-button.is-shape-pill,
.scnl-submit.is-shape-pill { --scnl-button-radius: 999px; }

.scnl-archive-button.is-filled:hover,
.scnl-archive-button.is-filled:focus-visible,
.scnl-submit.is-filled:hover,
.scnl-submit.is-filled:focus-visible { background: color-mix(in srgb, var(--scnl-button-color) 84%, #16140f); border-color: color-mix(in srgb, var(--scnl-button-color) 84%, #16140f); color: var(--scnl-button-text); outline: 0; transform: translateY(-2px); }

.scnl-archive-button.is-outline,
.scnl-submit.is-outline { background: transparent; color: var(--scnl-button-color); }
.scnl-archive-button.is-outline:hover,
.scnl-archive-button.is-outline:focus-visible,
.scnl-submit.is-outline:hover,
.scnl-submit.is-outline:focus-visible { background: var(--scnl-button-color); border-color: var(--scnl-button-color); color: var(--scnl-button-text); outline: 0; transform: translateY(-2px); }
.scnl-archive-button.is-link,
.scnl-submit.is-link { background: transparent; border-color: transparent; border-radius: 0; color: var(--scnl-button-color); min-block-size: auto; padding: 6px 0; text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--scnl-button-color) 44%, transparent); text-underline-offset: .3em; }
.scnl-archive-button.is-link:hover,
.scnl-archive-button.is-link:focus-visible,
.scnl-submit.is-link:hover,
.scnl-submit.is-link:focus-visible { background: transparent; border-color: transparent; color: var(--scnl-button-color); outline: 2px solid color-mix(in srgb, var(--scnl-button-color) 45%, transparent); outline-offset: 4px; transform: none; }

.scnl-form {
	background: transparent;
	border: 0;
	box-shadow: none;
	container-type: inline-size;
	max-inline-size: 760px;
	padding: 0;
	position: relative;
}

.scnl-form-grid { display: grid; gap: clamp(16px, 3vw, 22px); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.scnl-field { color: var(--scnl-main); display: grid; font-family: inherit; font-size: .84rem; font-weight: 700; gap: 8px; letter-spacing: .01em; line-height: 1.35; }
.scnl-field-email { grid-column: 1 / -1; }
.scnl-field input {
	appearance: none;
	background: var(--scnl-paper);
	border: 1px solid var(--scnl-beige);
	border-radius: 6px;
	box-sizing: border-box;
	color: var(--scnl-main);
	font: inherit;
	font-size: 1rem;
	font-weight: 400;
	inline-size: 100%;
	min-block-size: 52px;
	padding: 11px 14px;
	transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.scnl-field input:hover { border-color: color-mix(in srgb, var(--scnl-main) 52%, var(--scnl-beige)); }
.scnl-field input:focus-visible { border-color: var(--scnl-blue-dark); box-shadow: 0 0 0 3px color-mix(in srgb, var(--scnl-blue-dark) 20%, transparent); outline: 0; }
.scnl-field input:user-invalid { border-color: #a33434; }
.scnl-consent { align-items: flex-start; color: color-mix(in srgb, var(--scnl-main) 76%, transparent); display: flex; font-size: .82rem; gap: 10px; line-height: 1.55; margin: 20px 0; }
.scnl-consent input { accent-color: var(--scnl-blue-dark); flex: 0 0 auto; height: 18px; margin: 2px 0 0; width: 18px; }
.scnl-consent a { color: var(--scnl-blue-dark); font-weight: 700; text-underline-offset: 3px; }
.scnl-submit { gap: 9px; min-block-size: 50px; padding-inline: 25px; }
.scnl-submit.is-link { border-radius: 0; min-block-size: auto; padding: 6px 0; }
.scnl-form.is-loading .scnl-submit::after { animation: scnl-spin .7s linear infinite; border: 2px solid currentColor; border-left-color: transparent; border-radius: 50%; content: ""; height: 14px; width: 14px; }
.scnl-submit:disabled { cursor: wait; opacity: .64; transform: none; }
.scnl-form-message { font-size: .84rem; font-weight: 700; line-height: 1.5; margin: 14px 0 0; min-block-size: 1.5em; }
.scnl-form-message.is-success { color: #276b49; }
.scnl-form-message.is-error { color: #a33434; }
.scnl-honeypot { block-size: 1px; inline-size: 1px; overflow: hidden; position: absolute; inset: -9999px auto auto -9999px; }
.scnl-notice { border-left: 3px solid var(--scnl-yellow); font-size: .88rem; font-weight: 350; padding: 8px 12px; }

@container (max-width: 520px) {
	.scnl-form-grid { grid-template-columns: 1fr; }
	.scnl-field-email { grid-column: auto; }
	.scnl-submit { inline-size: 100%; }
}

@media (max-width: 620px) {
	.scnl-archive-item { align-items: start; gap: 8px 12px; grid-template-columns: minmax(0, 1fr); }
	.scnl-archive.has-numbers .scnl-archive-item { grid-template-columns: 32px minmax(0, 1fr); }
	.scnl-archive-button { grid-column: 1; justify-self: start; margin-top: 8px; }
	.scnl-archive.has-numbers .scnl-archive-button { grid-column: 2; }
	.scnl-form-grid { grid-template-columns: 1fr; }
	.scnl-field-email { grid-column: auto; }
	.scnl-submit { inline-size: 100%; }
}

@keyframes scnl-spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
	.scnl-archive-item,
	.scnl-archive-button,
	.scnl-submit { transition-duration: .01ms !important; }
	.scnl-form.is-loading .scnl-submit::after { animation-duration: 1.5s; }
}