fix(ui): align component theme and mobile subscription layout

public/marketing.cssmodified+6-1

Changes to public/marketing.css

		⋯280 linesShow the 280 lines above this hunk@@ -281,7 +281,12 @@ a.cell:hover .cell-more { color: var(--accent); gap: 0.55rem; }
281	281	/* One line, reserved by min-height so a reply does not shift the section. */
282	282	.sub-status { margin: 0.85rem auto 0; min-height: 1.25rem; color: var(--text-2); font-size: 0.88rem; }
283	283	.sub-status[data-state="error"] { color: var(--accent); }
284		-@media (max-width: 30rem) { .sub-form { flex-direction: column; } .sub-form .btn { width: 100%; justify-content: center; } }
	284	+@media (max-width: 30rem) {
	285	+ .sub-form { flex-direction: column; }
	286	+ /* A row's 15rem width basis becomes height when the form stacks. */
	287	+ .sub-field { flex: none; }
	288	+ .sub-form .btn { width: 100%; justify-content: center; }
	289	+}
285	290
286	291	/* footer */
287	292	.footer { padding: 2.5rem 0; }