.news-workflow-public { padding-block: 1rem 3rem; }
.news-workflow-public__article { margin-block: 1rem; }
.news-workflow-public__article::after { content: ""; display: table; clear: both; }
.news-workflow-public__book { color: #8f7100; clear: both; }
.news-workflow-public__comment { border: 1px solid currentColor; border-radius: .6rem; padding: 1rem; margin-block: 1rem; overflow-wrap: anywhere; }
.news-workflow-public__comment header { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.news-workflow-public__comment p { white-space: normal; margin-block: 1rem 0; }
.news-workflow-public__form { max-width: 44rem; display: grid; gap: 1rem; }
.news-workflow-public__form label { display: grid; gap: .4rem; }
.news-workflow-public__honeypot { position: absolute; left: -10000px; }
.news-workflow { padding-block: 1rem 3rem; }
body:has(.news-workflow, .news-workflow-public, .news-archive) .header .navbar-collapse { position: static; }
.news-workflow__toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-block: 1rem; }
.news-workflow__layout { display: grid; grid-template-columns: minmax(15rem, 1fr) minmax(0, 3fr); gap: 1.5rem; }
.news-workflow__list { display: grid; gap: .4rem; align-content: start; }
.news-workflow__list button { text-align: left; white-space: normal; }
.news-workflow__form { display: grid; gap: 1rem; align-content: start; align-self: start; }
.news-workflow__form label { display: grid; gap: .3rem; }
.news-workflow__form fieldset { min-width: 0; }
.news-workflow__actions { position: sticky; bottom: 0; padding: .8rem; background: #fff; border-top: 1px solid #ddd; z-index: 5; }
.news-workflow__photo { max-width: 130px; max-height: 200px; object-fit: contain; }
.news-workflow__preview { width: 100%; min-height: 35rem; border: 1px solid #ddd; }
.news-workflow__comment { border-bottom: 1px solid #ddd; padding-block: 1rem; overflow-wrap: anywhere; }
.news-workflow__comment textarea { width: 100%; min-height: 7rem; }
.news-workflow__comment label { display: block; }
.news-workflow__error { color: #a31c1c; }
@media (max-width: 767px) { .news-workflow__layout { grid-template-columns: 1fr; } }

.news-workflow [hidden] { display: none !important; }
