Template:Newsletter/styles.css

/* container */
.amaranth-legacy-newsletter {
	background-color: var(--template-arg-background-color);
	border: var(--border-width-thick) solid var(--template-arg-color);
	padding: var(--space-xl) var(--space-md);
	width: 100%;
	max-width: 900px;
	margin-inline: auto;
	margin-block: var(--space-md);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: var(--space-xs);
}

.amaranth-legacy-newsletter > .hatnote-wrapper:first-of-type {
	width: 100%;
	max-width: unset;
}

.amaranth-legacy-newsletter > .hatnote-wrapper:first-of-type > hr:first-child {
	margin-block-start: 0;
}

.amaranth-legacy-newsletter > .hatnote-wrapper:first-of-type > hr:last-child,
.amaranth-legacy-newsletter-sections > :last-child > .amaranth-legacy-newsletter-section-content > p:last-of-type {
	margin-block-end: 0;
}

.amaranth-legacy-newsletter-title, .amaranth-legacy-newsletter-section-title {
	color: var(--template-arg-color);
	font-weight: bold;
}

.amaranth-legacy-newsletter-title {
	font-family: var(--font-family-serif);
}

.amaranth-legacy-newsletter-overview > p {
	margin-block: var(--space-xs);
}

.amaranth-legacy-newsletter-sections {
	column-count: 2;
	width: 100%;
}

@media only screen and (max-width: 639px) {
	.amaranth-legacy-newsletter-sections {
		column-count: 1;
	}
}

.amaranth-legacy-newsletter-section, .amaranth-legacy-newsletter-section-content {
	break-inside: avoid-column;
}

.amaranth-legacy-newsletter-section-title {
	border-bottom: var(--border-width-thick) solid var(--template-arg-color);
}

.amaranth-legacy-newsletter-section-content ul,
.amaranth-legacy-newsletter-section-content ol {
	margin-inline-start: var(--space-xl);
}