Разметка без атрибутов style: htmlhint проходит без замечаний

Скрытые блоки личного кабинета — атрибут hidden (скрипт по-прежнему переключает их
через style.display), размеры карты — в css/index.css. esc() без оператора ??, который
не разбирает конфигурация ESLint проекта (es6).

account.html

@@ -44,14 +44,14 @@
                 <span id="ordersCount" class="badge bg-primary">0 заявок</span>
             </div>
             <div class="card-body">
-                <div id="emptyState" class="text-center py-5" style="display: none;">
+                <div id="emptyState" class="text-center py-5" hidden>
                     <i class="bi bi-inbox fs-1 text-muted"></i>
                     <h4 class="mt-3">У вас пока нет заявок</h4>
                     <p class="text-muted">Оформите заявку на курс или репетитора на главной странице</p>
                     <a href="index.html" class="btn btn-primary">Выбрать курс</a>
                 </div>
 
-                <div id="ordersTable" style="display: none;">
+                <div id="ordersTable" hidden>
                     <div class="table-responsive">
                         <table class="table table-hover">
                             <thead>
@@ -116,7 +116,7 @@
                         <input type="hidden" id="editCourseId">
                         <input type="hidden" id="editTutorId">
 
-                        <div id="editCourseFields" style="display: none;">
+                        <div id="editCourseFields" hidden>
                             <div class="mb-3">
                                 <label class="form-label">Название курса</label>
                                 <input type="text" id="editCourseName" class="form-control" readonly>
@@ -209,7 +209,7 @@
                             </div>
                         </div>
 
-                        <div id="editTutorFields" style="display: none;">
+                        <div id="editTutorFields" hidden>
                             <div class="mb-3">
                                 <label class="form-label">Репетитор</label>
                                 <input type="text" id="editTutorName" class="form-control" readonly>

css/index.css

@@ -116,11 +116,6 @@
     color: #6c757d;
 }
 
-#resourcesList {
-    max-height: 500px;
-    overflow-y: auto;
-}
-
 .resource-item {
     padding: 15px;
     border-bottom: 1px solid #dee2e6;
@@ -171,4 +166,14 @@
         font-size: 0.8rem;
         padding: 0.3rem 0.6rem;
     }
-}
+}
+/* Перенесено из атрибута style в разметке (htmlhint: inline-style-disabled) */
+#resourceMap {
+    height: 500px;
+    border-radius: 8px;
+}
+
+#resourcesList {
+    max-height: 500px;
+    overflow-y: auto;
+}

index.html

@@ -250,14 +250,14 @@
 
             <div class="row">
                 <div class="col-lg-8 mb-4 mb-lg-0">
-                    <div id="resourceMap" style="height: 500px; border-radius: 8px;"></div>
+                    <div id="resourceMap"></div>
                 </div>
                 <div class="col-lg-4">
                     <div class="card">
                         <div class="card-header">
                             <h5 class="mb-0">Список ресурсов</h5>
                         </div>
-                        <div id="resourcesList" class="card-body" style="max-height: 500px; overflow-y: auto;"></div>
+                        <div id="resourcesList" class="card-body"></div>
                     </div>
                 </div>
             </div>

js/utils.js

@@ -1,7 +1,7 @@
 // Экранирование данных перед вставкой в HTML (данные приходят из общего учебного API);
 // utils.js подключается раньше app.js, account.js и map.js, поэтому esc() доступна во всех них
 function esc(value) {
-    return String(value ?? '')
+    return String(value === null || value === undefined ? '' : value)
         .replace(/&/g, '&')
         .replace(/</g, '&lt;')
         .replace(/>/g, '&gt;')