Раздатка: переработан блок ведущего — заголовок на всю ширину, регалии одной строкой

razdatka_ii_socpredprinimatelstvo.html

@@ -8,12 +8,15 @@
   body { font-family: "DejaVu Sans", Arial, sans-serif; color: #1A222E;
          margin: 0; font-size: 10.2px; line-height: 1.35; }
   .head { background: #0F2A4A; color: #fff; border-radius: 8px;
-           padding: 12px 16px; display: flex; justify-content: space-between;
+           padding: 12px 16px; }
-           align-items: center; gap: 16px; }
+  .head h1 { margin: 0; font-size: 20px; }
-  .head h1 { margin: 0; font-size: 19px; }
   .head .sub { color: #2E9E8F; font-weight: bold; font-size: 12px; margin-top: 2px; }
-  .head .lead { text-align: right; font-size: 10px; color: #C9D6E4; line-height: 1.4; }
+  .head .host { margin-top: 9px; padding-top: 8px;
-  .head .lead b { color: #fff; font-size: 11.5px; }
+                 border-top: 1px solid rgba(201,214,228,.25);
+                 font-size: 10.5px; color: #C9D6E4; }
+  .head .host b { color: #fff; }
+  .head .host-lbl { color: #2E9E8F; font-weight: bold; text-transform: uppercase;
+                     letter-spacing: .6px; font-size: 8.5px; margin-right: 8px; }
 
   .section-title { font-size: 13px; font-weight: bold; color: #0F2A4A;
                     margin: 12px 0 6px; border-left: 4px solid #2E9E8F; padding-left: 8px; }
@@ -47,14 +50,9 @@
 </head>
 <body>
   <div class="head">
-    <div>
     <h1>Нейросети для добрых дел</h1>
     <div class="sub">Практический мастер-класс · 5 готовых промптов для социального предпринимателя</div>
-    </div>
+    <div class="host"><span class="host-lbl">Ведущий</span><b>Бойко Кирилл</b> — Председатель республиканского отделения ОО «ОПОРА РОССИИ»</div>
-    <div class="lead">
-      Ведущий<br><b>Бойко Кирилл</b><br>
-      Председатель республиканского<br>отделения ОО «ОПОРА РОССИИ»
-    </div>
   </div>
 
   <div class="section-title">Формула промпта — 5 элементов</div>