/* Стили вспомогательных страниц и элементов проекта */
/* Не использовать совместно с частными стилями дашбордов - будут наложения */

/* Документ-страницы */
.doc-page 
.doc-container 
{ max-width: 760px; margin: 32px auto; padding: 0 16px; line-height: 1.6; 
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
 color: #333; /* Тёмно-серый вместо чёрного */
 font-size: 18px; /* Оптимальный размер для чтения */
}

/* Модалка-помощник */
.modal-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,.4);
  display: flex; align-items: center; justify-content: center; z-index: 1000;
}
.modal-window {
  background: #fff; max-width: 720px; width: 92vw; max-height: 80vh; overflow: auto;
  border-radius: 12px; padding: 20px 24px; box-shadow: 0 10px 30px rgba(0,0,0,.2);
}
.modal-close {
  position: sticky; top: 0; float: right; border: 0; background: transparent;
  font-size: 28px; line-height: 1; cursor: pointer;
}
.modal-content h3 { margin-top: 0; }
.help-link { font-size: .9rem; margin-left: .75rem; }