Новый стили для таблицы

frontend/src/content/blog/protocol-vs-resolution.mdx

@@ -0,0 +1,81 @@
+---
+title: "Протокол и постановление ГИБДД: отличия и что важно знать"
+description: "Разбираемся в двух ключевых документах при нарушении ПДД. Что такое протокол, что такое постановление и как понимание разницы помогает защитить свои права."
+author: "Автоюрист"
+category: "Штрафы"
+categoryColor: "bg-green"
+date: 2024-04-15
+readTime: "7 мин"
+imageUrl: "/images/posts/2026/04/protocol-vs-resolution.avif"
+draft: false
+---
+
+## Введение
+
+Многие водители путают два документа, которые сотрудники ГИБДД составляют при нарушении правил дорожного движения — протокол и постановление. Между тем, это принципиально разные документы с разными юридическими последствиями. Понимание разницы поможет вам правильно оценить ситуацию и при необходимости защитить свои права.
+
+## Что такое протокол
+
+Протокол — это документ, фиксирующий факт совершения административного правонарушения. Его составляет инспектор ГИБДД на месте остановки вашего транспортного средства.
+
+**Протокол содержит:**
+- Дату, время и место составления
+- Данные инспектора (должность, звание, ФИО)
+- Сведения о нарушителе (ваши данные)
+- Описание нарушения со ссылкой на статью КоАП
+- Объяснения нарушителя и свидетелей
+
+> **Важно:** Протокол — это не решение о наказании, а лишь документ, фиксирующий нарушение. После составления протокола материалы передаются для рассмотрения.
+
+### Когда составляется протокол
+
+Протокол составляется при любом нарушении ПДД, независимо от того, какое наказание предусмотрено — предупреждение, штраф или лишение прав. Это обязательный первичный документ.
+
+## Что такое постановление
+
+Постановление — это итоговый документ, который выносится по результатам рассмотрения дела об административном правонарушении. Именно постановление устанавливает вину и назначает наказание.
+
+**Постановление содержит:**
+- Результаты рассмотрения дела
+- Признание виновным или невиновным
+- Назначенное наказание (размер штрафа, срок лишения прав)
+- Порядок обжалования
+
+### Когда выносится постановление
+
+Постановление выносится после того, как материалы дела изучаются должностным лицом (инспектором, начальником подразделения) или судом. Если вы согласны с нарушением, постановление может быть вынесено сразу на месте.
+
+## Ключевые отличия
+
+| Критерий | Протокол | Постановление |
+|----------|----------|---------------|
+| **Назначение** | Фиксация нарушения | Решение о вине и наказании |
+| **Кто составляет** | Инспектор на месте | Уполномоченное лицо после рассмотрения |
+| **Оспаривание** | Можно указать несогласие | Обжалование в течение 10 дней |
+| **Юридическая сила** | Документ-основание | Исполнительный документ |
+| **Последствия** | Передача дела на рассмотрение | Штраф, лишение прав, предупреждение |
+
+## На что обратить внимание водителю
+
+### При подписании протокола
+
+1. **Внимательно читайте** весь текст перед подписью
+2. **Укажите «не согласен»** в грапе объяснений, если считаете себя невиновным
+3. **Запишите данные свидетелей**, если они есть
+4. **Проследите**, чтобы инспектор зафиксировал все обстоятельства
+
+### После получения постановления
+
+1. **Проверьте сроки** — на обжалование даётся 10 дней
+2. **Сохраните копию** постановления
+3. **Оплатите штраф** в течение 60 дней (или 20 дней со скидкой 50%)
+4. **Не игнорируйте** — неоплаченные штрафы приводят к проблемам
+
+## Заключение
+
+Протокол и постановление — это разные этапы одного процесса привлечения к ответственности. Протокол фиксирует нарушение, постановление налагает наказание. Зная эту разницу, вы сможете:
+- Правильно реагировать на действия инспектора
+- Грамотно защитить свои интересы при обжаловании
+- Не пропустить сроки для оспаривания
+
+Если вы получили протокол или постановление и считаете, что нарушения не было — обращайтесь за консультацией к автоюристу. Правильно составленная жалоба может отменить незаконное решение.

frontend/src/pages/blog/[slug].astro

@@ -152,6 +152,38 @@ const heroImage = getPostImageUrl(post);
     font-style: italic;
   }
 
+  .post-content :global(table) {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 2rem 0;
+    font-size: 0.95rem;
+    background: #fff;
+    border-radius: 0.5rem;
+    overflow: hidden;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+  }
+
+  .post-content :global(th) {
+    background: #1e3a5f;
+    color: #fff;
+    padding: 1rem;
+    text-align: left;
+    font-weight: 600;
+  }
+
+  .post-content :global(td) {
+    padding: 0.875rem 1rem;
+    border-bottom: 1px solid #e2e8f0;
+  }
+
+  .post-content :global(tr:last-child td) {
+    border-bottom: none;
+  }
+
+  .post-content :global(tr:hover td) {
+    background: #f8fafc;
+  }
+
   @media (max-width: 768px) {
     .post-content :global(h2) {
       font-size: 1rem;

frontend/src/styles/global.css

@@ -36,4 +36,30 @@ html, body {
 .post-content { counter-reset: post-h2; }
 .post-content h2 { counter-reset: post-h3; }
 .post-content h2::before { counter-increment: post-h2; content: counter(post-h2) "."; margin-right: 0.5rem; color: #1e3050; font-weight: 700; }
-.post-content h3::before { counter-increment: post-h3; content: counter(post-h2) "." counter(post-h3) "."; margin-right: 0.4rem; color: #1e3050; font-weight: 600; font-size: 0.9em; }
+.post-content h3::before { counter-increment: post-h3; content: counter(post-h2) "." counter(post-h3) "."; margin-right: 0.4rem; color: #1e3050; font-weight: 600; font-size: 0.9em; }
+
+/* ТАБЛИЦЫ В ПОСТАХ */
+.post-content table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 1.5rem 0;
+  font-size: 0.95rem;
+  border: 1px solid #e2e8f0;
+}
+
+.post-content th,
+.post-content td {
+  padding: 0.75rem 1rem;
+  border: 1px solid #e2e8f0;
+  text-align: left;
+}
+
+.post-content th {
+  background: #1e3a5f;
+  color: #ffffff;
+  font-weight: 600;
+}
+
+.post-content tr:hover td {
+  background: #f8fafc;
+}