/* === Основное выравнивание === */
body {
  background-color: #ffffff;
  color: #222;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  font-size: 16px;
  margin: 0;
  padding: 0;
}

/* === Заголовки === */
h1, h2 {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 0.5em;
  color: #4b2e2e;
  font-size: 2.6rem;
}

h3, h4, h5, h6 {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
  color: #4b2e2e;
}

/* === Изображения === */
img {
  display: block;
  margin: 30px auto;
  max-width: 100%;
  height: auto;
  float: none;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

img:hover {
  filter: grayscale(0%);
}

/* === Галерея === */
.gallery {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin: 20px 0;
}

.gallery figure {
  margin: 0;
  max-width: 600px;
}

.gallery img {
  width: 100%;
  height: auto;
  display: block;
}

/* === Подписи к изображениям === */
figcaption {
  text-align: center;
  font-size: 0.9em;
  color: #666;
  margin-top: 10px;
}

/* === Ссылки === */
a {
  color: #6b4c3b;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* === Контейнер поста === */
.blog-post {
  padding: 40px 20px;
  max-width: 800px;
  margin: 0 auto;
}

/* === Логотип в шапке === */
.avatar-img {
  aspect-ratio: 1 / 1;
  width: 60px;
  height: auto;
  object-fit: cover;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
}

/* === Кнопка версии LAT === */
.version-button {
  display: inline-block;
  margin-top: 24px;
  font-weight: bold;
  text-transform: uppercase;
  color: #444;
  text-decoration: none;
  padding: 6px 12px;
  border: 2px solid #444;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.version-button:hover {
  background-color: #444;
  color: #fff;
}

.version-button.active {
  background-color: transparent;
  color: #444;
  border-style: solid;
  cursor: default;
}

/* === Разделитель поста === */
.post-divider {
  width: 100%;
  max-width: 800px;
  height: 1px;
  margin: 60px auto 40px auto;
  background: linear-gradient(to right, transparent, #ccc, transparent);
  opacity: 0.6;
}

/* === Языковые кнопки === */
.lang-btn {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 4px;
  background-color: #f0f0f0;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.95em;
  color: #333;
  transition: background-color 0.2s ease;
}

.lang-btn:hover {
  background-color: #ddd;
}

.active-lang {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 4px;
  background-color: #d0d0d0;
  border-radius: 4px;
  font-size: 0.95em;
  color: #000;
  font-weight: bold;
}

/* === Панель навигации === */
nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: #333 !important;
  padding: 1rem;
}

/* === Центровка контента === */
main {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 20px;
  margin-top: 20px;
}

/* === Баннеры === */
.banner img {
  width: 100%;
  max-width: 800px;
  filter: grayscale(100%);
  transition: filter 0.8s ease, transform 0.8s ease;
}

.banner img:hover {
  filter: grayscale(0%);
  transform: scale(1.02);
}

/* === ✉️ Иконка почты — центр и аккуратный размер === */
.email-icon-container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  text-align: center !important;
  margin-top: 2em !important;
}

.email-icon-container img.email-icon {
  width: 70px !important;
  height: 70px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  transition: transform 0.3s ease-in-out !important;
}

.email-icon-container img.email-icon:hover {
  transform: scale(1.15) !important;
}

/* === 💎 Адаптивные таблицы без скролла и полос === */
.scroll-table {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  margin: 2em auto;
  padding: 0.8em;
  border-radius: 8px;
  background: #ffffff !important;
  box-shadow: 0 0 6px rgba(0,0,0,0.06);
  box-sizing: border-box;
  overflow-x: visible; /* пусть браузер не режет таблицу, мы переносим строки */

}

/* === Таблица === */
.scroll-table table {
  width: 100% !important;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  background-color: #fff;
  color: #111;
  font-size: 1.1rem !important;
  line-height: 1.7 !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* === Ячейки === */
.scroll-table th,
.scroll-table td {
  border: 1px solid #ccc;
  padding: 12px 14px;
  text-align: left;
  vertical-align: top;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

/* === Шапка === */
.scroll-table th {
  background: #f6f8fa !important;
  font-weight: 600;
  color: #111;
}

/* === Зебра и hover === */
.scroll-table tr:nth-child(even) td {
  background-color: #fafafa !important;
}
.scroll-table tr:hover td {
  background-color: #f0f0f0 !important;
}

/* === 📱 Мобильная адаптация === */
@media (max-width: 768px) {
  .scroll-table {
    padding: 0.5em;
    border-radius: 6px;
  }

  .scroll-table table {
    font-size: 1.2rem !important;
    line-height: 1.8 !important;
  }

  .scroll-table th,
  .scroll-table td {
    padding: 10px 12px !important;
    white-space: normal !important;
  }
}

/* === 💣 Полный запрет на чёрные полосы === */
.scroll-table th,
.scroll-table td,
.scroll-table tr {
  background-color: #ffffff !important;
  color: #111 !important;
  border-color: #ccc !important;
}

/* === 🌿 Базовая типографика для Hugo === */

html {
  font-size: 16px;            /* Базовый масштаб — 1rem = 16px */
  scroll-behavior: smooth;    /* Плавная прокрутка */
}

body {
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 1rem;            /* 16px базовый */
  line-height: 1.75;          /* Воздушно, читабельно */
  color: #222;                /* Глубокий серо-чёрный, не кислотный */
  background-color: #fdfaf7;  /* Мягкий фон бумаги */
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* === 📖 Контент === */
main, .content, .section-content {
  max-width: 880px;           /* Идеальная ширина для глаз */
  margin: 0 auto;
  padding: 2rem 1rem;
}

/* === 🧩 Заголовки === */
h1, h2, h3, h4, h5, h6 {
  font-family: "Lora", serif;
  color: #111;
  line-height: 1.3;
  margin: 1.6em 0 0.6em;
}

h1 { font-size: 2.2rem; }     /* ≈ 35px */
h2 { font-size: 1.8rem; }     /* ≈ 29px */
h3 { font-size: 1.5rem; }     /* ≈ 24px */
h4 { font-size: 1.3rem; }     /* ≈ 21px */
h5 { font-size: 1.1rem; }     /* ≈ 18px */
h6 { font-size: 1rem; }       /* ≈ 16px */

/* === ✍️ Абзацы и ссылки === */
p {
  margin: 1em 0;
  text-align: justify;
  text-justify: inter-word;
}

a {
  color: #6b4c3b;
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: #9b6b50;
  text-decoration: underline;
}

/* === 📱 Мобильная адаптация === */
@media (max-width: 768px) {
  html { font-size: 15px; }       /* немного меньше базовый */
  main, .content {
    padding: 1.5rem 1rem;
  }
  h1 { font-size: 1.9rem; }
  h2 { font-size: 1.6rem; }
  h3 { font-size: 1.4rem; }
  p  { font-size: 1.05rem; line-height: 1.7; }
}

/* === 🩷 Отступ между логотипом и титулом === */
main, .section-content, .content {
  margin-top: 1.5rem !important; /* Отодвигает титул от логотипа */
}

img[align="left"] {
  margin-right: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
img[align="right"] {
  margin-left: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

nav, .navbar, footer, .site-footer {
  font-family: "Lora", serif !important;
  font-size: 1rem !important;
  color: #111 !important;
}

/* === 🕊️ Футер: выравнивание со шрифтами заголовков === */
footer, .site-footer {
  font-family: "Lora", serif !important;
  font-size: 1rem !important;
  color: #4b2e2e !important;
  text-align: center !important;
  line-height: 1.6 !important;
}

footer a {
  color: #6b4c3b !important;
  text-decoration: none !important;
}

footer a:hover {
  color: #7a5040 !important;
  text-decoration: underline !important;
}

/* === 🩶 Гармошка: единый стиль текста === */
details, summary, details p, details li {
  font-family: "Lora", serif !important;
  color: #222 !important;
  line-height: 1.7 !important;
  font-size: 1.05rem !important;
}

/* Немного улучшаем визуализацию summary (треугольничек и плавность) */
summary {
  cursor: pointer;
  font-weight: 600;
  color: #4b2e2e !important;
  transition: color 0.2s ease;
}

summary:hover {
  color: #7a5040 !important;
}

/* === 🕊️ Футер: улучшенный контраст и читаемость === */
footer, .site-footer {
  font-family: "Lora", serif !important;
  font-size: 1rem !important;
  color: #6b4c3b !important; /* 💡 светлее и теплее */
  text-align: center !important;
  line-height: 1.7 !important;
}

footer a {
  color: #8c5c4a !important; /* немного темнее основного текста */
  text-decoration: none !important;
  transition: color 0.2s ease;
}

footer a:hover {
  color: #a0674a !important; /* бронзовый акцент при наведении */
  text-decoration: underline !important;
}

/* === 🍫 Шоколадные заголовки === */
h1, h2, h3, h4, h5, h6 {
  color: #5c3628 !important; /* глубокий шоколад */
}

/* немного теплее и живее при наведении */
h1:hover, h2:hover, h3:hover {
  color: #7a5040 !important;
  transition: color 0.3s ease;
}

body {
  background-color: #ffffff !important; /* чисто белый */
}

.scroll-table td {
  word-break: break-all !important;   /* 💡 разрешаем разрыв внутри длинных слов */
  overflow-wrap: break-word !important;
}

.markdown-body table,
figure table,
.scroll-table {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  display: table !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

/* 🔧 Универсальная фиксация таблиц и длинных строк на мобильном */
.section-content table,
.content table,
.markdown-body table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;      /* фикс-сетка => перенос работает предсказуемо */
  border-collapse: collapse !important;
}

/* Ячейки: переносим всё, что может разъехать строку */
.section-content table th,
.section-content table td,
.content table th, .content table td,
.markdown-body table th, .markdown-body table td {
  white-space: normal !important;
  word-break: break-word !important;    /* обычные слова/URL */
  overflow-wrap: anywhere !important;   /* современный перенос для длинных токенов */
  hyphens: auto !important;             /* мягкая расстановка дефисов, где возможно */
}

/* Очень длинные токены/хэши/URL в таблицах и тексте */
code, pre,
td a,
.sha, .hash, .token, .url {
  white-space: pre-wrap !important;     /* сохраняем пробелы, но разрешаем перенос */
  word-break: break-all !important;     /* если совсем без разделителей (SHA256) */
  overflow-wrap: anywhere !important;
}

/* === ⚙️ Универсальная серебристая кнопка === */
.silver-button {
  display: inline-block;
  font-size: 1.05rem;
  padding: 0.6rem 1.2rem;
  background-color: #cccccc;
  color: #333;
  text-transform: uppercase;
  border-radius: 4px;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.silver-button:hover {
  transform: scale(1.05);
  box-shadow: 0 3px 9px rgba(0,0,0,0.18);
}

.email-icon-container a {
  margin: 0 0.4rem;
  display: inline-block;
  transition: transform 0.2s ease-in-out;
}

.email-icon-container a:hover {
  transform: scale(1.15);
}

.email-icon {
  width: 52px;
  height: 52px;
  vertical-align: middle;
}

/* Контейнер иконок связи */
.contact-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem; /* расстояние между кнопками */
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* Сами иконки */
.contact-icon {
  width: 70px;
  height: 70px;
  transition: transform 0.3s ease, filter 0.3s ease;
  cursor: pointer;
}

/* Эффект увеличения при наведении */
.contact-icon:hover {
  transform: scale(1.25);
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
}

.role-card {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background: #fafafa;
  padding: 1em;
  margin-bottom: 2em;
}

.parallax-banner {
  position: relative;
  height: 600px;
  overflow: hidden;
}

.parallax-banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(0);
  transition: transform 0.08s ease-out;
  will-change: transform;
}

/* ================ IMARCH CONTACTS CARD ================= */

.imarch-contacts-card {
  background: #ffffff;
  padding: 24px;
  border-radius: 6px;
}

.imarch-contacts-title {
  text-align: center;
  margin-bottom: 1.6rem;
  font-size: 1.3rem;
  font-weight: 600;
  color: #3b3b3b;
}

.imarch-section-title {
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.8rem;
  color: #555;
}

/* Базово (мобилка): 3 в ряд, компактно по центру */
.imarch-icon-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 62px);
  gap: 1.2rem;
  justify-content: center;
  margin-bottom: 1.6rem;
}

/* Контакты: тоже 3 в ряд, но с чуть большим зазором */
.imarch-icon-grid-contacts {
  display: grid;
  grid-template-columns: repeat(3, 62px);
  gap: 1.6rem;
  justify-content: center;
  margin-top: 1.2rem;
}

.imarch-icon {
  width: 62px;
  height: 62px;
  opacity: 0.88;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.imarch-icon:hover {
  opacity: 1;
  transform: scale(1.12);
}

/* На десктопе: 6 в ряд */
@media (min-width: 960px) {
  .imarch-icon-grid-3 {
    grid-template-columns: repeat(6, 62px);
  }
}

.imarch-contacts-divider {
  height: 1px;
  border: none;
  background: rgba(0,0,0,0.1);
  margin: 1.5rem 0;
}

.imarch-module + hr {
  display: none;
}

/* --- FIX: вернуть лёгкий текст внутри IMARCH-модуля --- */

.imarch-module p,
.imarch-module li,
.imarch-module div,
.imarch-module span,
.imarch-module strong,
.imarch-module em {
    font-weight: 400 !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
    color: inherit !important;
}

/* --- FIX: вернуть поля как у старого аккордеона --- */

.imarch-module .accordion-content,
.imarch-module .module-content,
.imarch-module .imarch-body {
    padding: 1rem 1.2rem !important;
    margin: 0 !important;
}

/* 1) Базовый текст внутри модуля — нормальный */
.imarch-module p,
.imarch-module li,
.imarch-module span,
.imarch-module div {
    font-weight: 400 !important;
}

/* 2) Markdown-жирность должна работать */
.imarch-module strong,
.imarch-module b {
    font-weight: 700 !important;
}

/* 3) Внутренние подзаголовки — чуть акцентные */
.imarch-module h3,
.imarch-module h4 {
    font-weight: 600 !important;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

/* --- IMARCH CTA BUTTON --- */
.imarch-cta-button {
    display: inline-block;
    margin-top: 1.2rem;
    padding: 10px 20px;
    background: #f4f4f4;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 500;
    color: #333 !important;
    text-decoration: none;
    transition: background 0.25s ease, transform 0.2s ease;
}

.imarch-cta-button:hover {
    background: #e9e9e9;
    transform: translateY(-1px);
}

/* === 🌳 Логотип наполовину на панели === */
.header-section {
  position: relative;
}

.logo-wrapper {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.site-logo.emblem-logo {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* === 🧭 Меню вправо === */
.main-menu__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  gap: 2rem;
}

.main-menu__link {
  text-decoration: none;
  font-weight: 600;
  color: #222;
  transition: color 0.2s ease;
}

.main-menu__link:hover {
  color: #7a5040;
}

/* === 🌐 Гармошка языков === */
.right-corner {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 30;
}

.accordion-toggle {
  background: #f0f0f0;
  border: none;
  padding: 0.5rem 1rem;
  font-weight: 600;
  cursor: pointer;
  border-radius: 4px;
}

.accordion-menu {
  display: none;
  flex-direction: column;
  background: #fff;
  border: 1px solid #ccc;
  margin-top: 0.5rem;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.accordion-item {
  padding: 0.4rem 0.8rem;
  text-decoration: none;
  color: #333;
  font-size: 0.95rem;
}

.accordion-item:hover {
  background: #7a5040;
  color: #fff;
}

.accordion.open .accordion-menu {
  display: flex;
}

.floating-btn {
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 9999;
  background: #ccc;       /* светло-серый фон */
  color: #000;            /* чёрный символ ✉ */
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 24px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  transition: background 0.3s, transform 0.2s;
}
.floating-btn:hover {
  background: #aaa;       /* чуть темнее при наведении */
  transform: scale(1.1);  /* лёгкое увеличение */
}
.floating-btn:active {
  background: #888;       /* ещё темнее при клике */
  transform: scale(0.95); /* лёгкое «нажатие» */
}

.zf_lB_Container_699066 {
  width: 90% !important;
  max-width: 850px !important;
  height: auto !important;
  max-height: 90vh !important;
}

.zf_main_id_699066 iframe {
  width: 100% !important;
  height: 100% !important;
}

.zf_lB_Container_699066 {
  overflow-y: auto !important;
}