article.submission-area { padding-top: 200px; }
.submission-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.submission-message { max-width: 720px; margin: 0 auto; padding: 48px 24px; }
.submission-message h1, .submission-feedback h2 { font-size: 28px; letter-spacing: 0; }
.submission-feedback { border-left: 4px solid #c58402; padding: 16px 20px; margin-bottom: 24px; background: #fff; }
.submission-feedback p { white-space: pre-wrap; overflow-wrap: anywhere; }
.needs-correction { border-left: 3px solid #c58402; padding-left: 12px; }
.submission-image { display: block; width: 100%; max-width: 320px; max-height: 240px; object-fit: contain; margin: 12px 0; }
.submission-errors, .field-validation-error { color: #a51e29; overflow-wrap: anywhere; }
.submission-errors.validation-summary-valid, .field-validation-valid { display: none; }
.submission-form input[readonly] { background: #f1f1f1; }
.submission-form .step-title { overflow-wrap: anywhere; }
.submission-form .form-step { min-width: 0; }
.published-stories { max-width: 1160px; margin: 0 auto; padding: 24px; }
.published-story { display: flex; gap: 24px; padding: 24px 0; border-bottom: 1px solid #ddd; }
.published-story > div { min-width: 0; }
.published-story h2 { font-size: 28px; letter-spacing: 0; overflow-wrap: anywhere; }
.published-story p { overflow-wrap: anywhere; }
.published-story-image { width: 200px; flex: 0 0 200px; aspect-ratio: 4 / 3; }
.published-story-image img { width: 100%; height: 100%; object-fit: cover; }
.published-story-author { font-size: 14px; }
@media (max-width: 600px) { .published-story { flex-direction: column; gap: 12px; } .published-story-image { width: 100%; flex: auto; } }
@media (max-width: 990px) {
	article.submission-area { padding-top: 128px; }
	body:has(article.submission-area):not(.menu-open) header .main-menu,
	body:has(article.published-stories):not(.menu-open) header .main-menu { display: none; }
}