Коротко
hidden скрывает элемент (аналогично display:none по UA-стилю). Не использовать вместо условного рендера секретного контента — он всё ещё в DOM.
<div hidden>Черновик</div>
Итог: hidden прячет из отрисовки/a11y-дерева по умолчанию, но разметка остаётся в документе.
