@charset "UTF-8";
/* line 1, _settings.scss */
:root {
  --bg:var(--draft-bg, #ffffff);
  --bg-is-light:var(--draft-bg-is-light, true);
  --bg-minor-shade:var(--draft-bg-minor-shade, #f7f7f7);
  --bg-minor-shade-is-light:var(--draft-bg-minor-shade-is-light, true);
  --bg-major-shade:var(--draft-bg-major-shade, #ededed);
  --bg-major-shade-is-light:var(--draft-bg-major-shade-is-light, true);
  --bg-half-shade:var(--draft-bg-half-shade, #808080);
  --bg-half-shade-is-dark:var(--draft-bg-half-shade-is-dark, true);
  --color-btn-bg:var(--draft-color-btn-bg, #003c96);
  --color-btn-bg-is-dark:var(--draft-color-btn-bg-is-dark, true);
  --color-btn-bg-minor-shade:var(--draft-color-btn-bg-minor-shade, #004ab8);
  --color-btn-bg-minor-shade-is-dark:var(--draft-color-btn-bg-minor-shade-is-dark, true);
  --color-btn-bg-major-shade:var(--draft-color-btn-bg-major-shade, #0058dc);
  --color-btn-bg-major-shade-is-dark:var(--draft-color-btn-bg-major-shade-is-dark, true);
  --color-btn-bg-half-shade:var(--draft-color-btn-bg-half-shade, #4a92ff);
  --color-btn-bg-half-shade-is-dark:var(--draft-color-btn-bg-half-shade-is-dark, true);
  --color-accent-text:var(--draft-color-accent-text, #003c96);
  --color-accent-text-is-dark:var(--draft-color-accent-text-is-dark, true);
  --color-accent-text-minor-shade:var(--draft-color-accent-text-minor-shade, #004ab8);
  --color-accent-text-minor-shade-is-dark:var(--draft-color-accent-text-minor-shade-is-dark, true);
  --color-accent-text-major-shade:var(--draft-color-accent-text-major-shade, #0058dc);
  --color-accent-text-major-shade-is-dark:var(--draft-color-accent-text-major-shade-is-dark, true);
  --color-accent-text-half-shade:var(--draft-color-accent-text-half-shade, #4a92ff);
  --color-accent-text-half-shade-is-dark:var(--draft-color-accent-text-half-shade-is-dark, true);
  --color-text-dark:var(--draft-color-text-dark, #333333);
  --color-text-dark-is-dark:var(--draft-color-text-dark-is-dark, true);
  --color-text-dark-minor-shade:var(--draft-color-text-dark-minor-shade, #474747);
  --color-text-dark-minor-shade-is-dark:var(--draft-color-text-dark-minor-shade-is-dark, true);
  --color-text-dark-major-shade:var(--draft-color-text-dark-major-shade, #5c5c5c);
  --color-text-dark-major-shade-is-dark:var(--draft-color-text-dark-major-shade-is-dark, true);
  --color-text-dark-half-shade:var(--draft-color-text-dark-half-shade, #999999);
  --color-text-dark-half-shade-is-dark:var(--draft-color-text-dark-half-shade-is-dark, true);
  --color-text-light:var(--draft-color-text-light, #ffffff);
  --color-text-light-is-light:var(--draft-color-text-light-is-light, true);
  --color-text-light-minor-shade:var(--draft-color-text-light-minor-shade, #f7f7f7);
  --color-text-light-minor-shade-is-light:var(--draft-color-text-light-minor-shade-is-light, true);
  --color-text-light-major-shade:var(--draft-color-text-light-major-shade, #ededed);
  --color-text-light-major-shade-is-light:var(--draft-color-text-light-major-shade-is-light, true);
  --color-text-light-half-shade:var(--draft-color-text-light-half-shade, #808080);
  --color-text-light-half-shade-is-dark:var(--draft-color-text-light-half-shade-is-dark, true);
  --icons_pack:var(--draft-icons_pack, minimal);
  --controls-btn-border-radius:var(--draft-controls-btn-border-radius, 6px);
  --color-notice-warning:var(--draft-color-notice-warning, #fff3cd);
  --color-notice-warning-is-light:var(--draft-color-notice-warning-is-light, true);
  --color-notice-warning-minor-shade:var(--draft-color-notice-warning-minor-shade, #fff0be);
  --color-notice-warning-minor-shade-is-light:var(--draft-color-notice-warning-minor-shade-is-light, true);
  --color-notice-warning-major-shade:var(--draft-color-notice-warning-major-shade, #ffecac);
  --color-notice-warning-major-shade-is-light:var(--draft-color-notice-warning-major-shade-is-light, true);
  --color-notice-warning-half-shade:var(--draft-color-notice-warning-half-shade, #e6b000);
  --color-notice-warning-half-shade-is-dark:var(--draft-color-notice-warning-half-shade-is-dark, true);
  --color-notice-success:var(--draft-color-notice-success, #d4edda);
  --color-notice-success-is-light:var(--draft-color-notice-success-is-light, true);
  --color-notice-success-minor-shade:var(--draft-color-notice-success-minor-shade, #cae9d2);
  --color-notice-success-minor-shade-is-light:var(--draft-color-notice-success-minor-shade-is-light, true);
  --color-notice-success-major-shade:var(--draft-color-notice-success-major-shade, #bee4c7);
  --color-notice-success-major-shade-is-light:var(--draft-color-notice-success-major-shade-is-light, true);
  --color-notice-success-half-shade:var(--draft-color-notice-success-half-shade, #429e58);
  --color-notice-success-half-shade-is-dark:var(--draft-color-notice-success-half-shade-is-dark, true);
  --color-notice-error:var(--draft-color-notice-error, #f8d7da);
  --color-notice-error-is-light:var(--draft-color-notice-error-is-light, true);
  --color-notice-error-minor-shade:var(--draft-color-notice-error-minor-shade, #f6ccd0);
  --color-notice-error-minor-shade-is-light:var(--draft-color-notice-error-minor-shade-is-light, true);
  --color-notice-error-major-shade:var(--draft-color-notice-error-major-shade, #f3bcc1);
  --color-notice-error-major-shade-is-light:var(--draft-color-notice-error-major-shade-is-light, true);
  --color-notice-error-half-shade:var(--draft-color-notice-error-half-shade, #c52330);
  --color-notice-error-half-shade-is-dark:var(--draft-color-notice-error-half-shade-is-dark, true);
  --color-notice-info:var(--draft-color-notice-info, #cce5ff);
  --color-notice-info-is-light:var(--draft-color-notice-info-is-light, true);
  --color-notice-info-minor-shade:var(--draft-color-notice-info-minor-shade, #bedeff);
  --color-notice-info-minor-shade-is-light:var(--draft-color-notice-info-minor-shade-is-light, true);
  --color-notice-info-major-shade:var(--draft-color-notice-info-major-shade, #acd4ff);
  --color-notice-info-major-shade-is-light:var(--draft-color-notice-info-major-shade-is-light, true);
  --color-notice-info-half-shade:var(--draft-color-notice-info-half-shade, #006fe6);
  --color-notice-info-half-shade-is-dark:var(--draft-color-notice-info-half-shade-is-dark, true);
  --font-family:var(--draft-font-family, Roboto);
  --font-size:var(--draft-font-size, 16px);
  --font-family-heading:var(--draft-font-family-heading, 'Fira Sans');
  --heading-ratio:var(--draft-heading-ratio, 2);
  --heading-weight:var(--draft-heading-weight, 600);
  --collection_count:var(--draft-collection_count, 12);
  --search_count:var(--draft-search_count, 15);
  --blog_size:var(--draft-blog_size, 3);
  --product_not_available:var(--draft-product_not_available, shown);
  --layout-content-max-width:var(--draft-layout-content-max-width, 1408px);
  --delta_sidebar:var(--draft-delta_sidebar, 2);
  --sidebar_index_show:var(--draft-sidebar_index_show, false);
  --sidebar_index_position:var(--draft-sidebar_index_position, left);
  --sidebar_collection_show:var(--draft-sidebar_collection_show, true);
  --sidebar_collection_position:var(--draft-sidebar_collection_position, left);
  --sidebar_cart_show:var(--draft-sidebar_cart_show, false);
  --sidebar_cart_position:var(--draft-sidebar_cart_position, left);
  --sidebar_product_show:var(--draft-sidebar_product_show, false);
  --sidebar_product_position:var(--draft-sidebar_product_position, left);
  --sidebar_blog_show:var(--draft-sidebar_blog_show, false);
  --sidebar_blog_position:var(--draft-sidebar_blog_position, left);
  --sidebar_article_show:var(--draft-sidebar_article_show, false);
  --sidebar_article_position:var(--draft-sidebar_article_position, left);
  --sidebar_page_show:var(--draft-sidebar_page_show, false);
  --sidebar_page_position:var(--draft-sidebar_page_position, left);
  --sidebar_compare_show:var(--draft-sidebar_compare_show, false);
  --sidebar_compare_position:var(--draft-sidebar_compare_position, left);
  --sidebar_search_show:var(--draft-sidebar_search_show, false);
  --sidebar_search_position:var(--draft-sidebar_search_position, left);
  --feedback_captcha_enabled:var(--draft-feedback_captcha_enabled, true);
  --favorite_enabled:var(--draft-favorite_enabled, false); }

/* line 4, theme.scss */
.outside-widgets .delete-widget-link {
  display: none; }

/* line 8, theme.scss */
.outside-widgets .add-widget-link {
  display: none; }

/* =========================================================
   ARTICLE SYSTEM
   Markom 772839
   ========================================================= */
/* ---------- Основной контейнер статьи ---------- */
/* line 19, theme.scss */
.article {
  min-width: 0; }

/* ---------- Заголовок статьи ---------- */
/* line 26, theme.scss */
.article > .heading,
.article h1.heading {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(2.4rem, 5vw, 4.5rem);
  line-height: 1.06;
  font-weight: 400;
  letter-spacing: -0.025em; }

/* ---------- Основной текст статьи ---------- */
/* line 41, theme.scss */
.article-content {
  width: 100%;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.125rem;
  line-height: 1.72;
  min-width: 0; }

/* ---------- Абзацы ---------- */
/* line 57, theme.scss */
.article-content p {
  margin-top: 0;
  margin-bottom: 1.45rem; }

/* ---------- Вводный абзац ---------- */
/* line 65, theme.scss */
.article-content .article-lead {
  margin-bottom: 2.5rem;
  font-size: 1.25em;
  line-height: 1.55; }

/* ---------- H2 ---------- */
/* line 75, theme.scss */
.article-content h2 {
  margin-top: 4.75rem;
  margin-bottom: 1.5rem;
  font-size: clamp(1.85rem, 3vw, 2.25rem);
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: -0.018em;
  scroll-margin-top: 120px; }

/* ---------- H3 ---------- */
/* line 91, theme.scss */
.article-content h3 {
  margin-top: 3.25rem;
  margin-bottom: 1.15rem;
  font-size: clamp(1.4rem, 2vw, 1.65rem);
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: -0.01em;
  scroll-margin-top: 120px; }

/* ---------- H4 ---------- */
/* line 107, theme.scss */
.article-content h4 {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 600; }

/* ---------- Списки ---------- */
/* line 119, theme.scss */
.article-content ul,
.article-content ol {
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-left: 1.5rem; }

/* line 126, theme.scss */
.article-content li {
  margin-bottom: 0.55rem; }

/* ---------- Ссылки ---------- */
/* line 133, theme.scss */
.article-content a {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em; }

/* =========================================================
   CONTENT / ОГЛАВЛЕНИЕ
   ========================================================= */
/* line 143, theme.scss */
.article-toc {
  width: 100%;
  max-width: 760px;
  margin: 0 auto 4rem;
  padding: 1.75rem 2rem;
  background: rgba(0, 0, 0, 0.035);
  border-radius: var(--img-border-radius, 0); }

/* line 155, theme.scss */
.article-toc__title {
  margin-bottom: 1.25rem;
  font-size: 1.1rem;
  line-height: 1.3;
  font-weight: 600; }

/* line 163, theme.scss */
.article-toc__list,
.article-toc__sublist {
  margin: 0; }

/* line 168, theme.scss */
.article-toc__list {
  padding-left: 1.35rem; }

/* line 172, theme.scss */
.article-toc__sublist {
  margin-top: 0.6rem;
  padding-left: 1.3rem; }

/* line 177, theme.scss */
.article-toc__item {
  margin-bottom: 0.7rem; }

/* line 181, theme.scss */
.article-toc__subitem {
  margin-bottom: 0.5rem; }

/* line 185, theme.scss */
.article-toc a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.2s ease; }

/* line 192, theme.scss */
.article-toc a:hover {
  opacity: 0.55; }

/* =========================================================
   ИЗОБРАЖЕНИЯ
   ========================================================= */
/* line 201, theme.scss */
.article-content img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
  border-radius: var(--img-border-radius, 0); }

/* ---------- Figure ---------- */
/* line 217, theme.scss */
.article-content figure {
  margin: 3rem 0; }

/* line 221, theme.scss */
.article-content figure img {
  margin: 0; }

/* line 225, theme.scss */
.article-content figcaption {
  margin-top: 0.8rem;
  font-size: 0.85em;
  line-height: 1.45;
  opacity: 0.65; }

/* ---------- Широкое изображение ---------- */
/* line 236, theme.scss */
.article-content .article-image--wide {
  width: min(960px, calc(100vw - 40px));
  max-width: none;
  margin-left: 50%;
  transform: translateX(-50%); }

/* line 244, theme.scss */
.article-content img.article-image--wide {
  width: min(960px, calc(100vw - 40px));
  max-width: none;
  margin-left: 50%;
  transform: translateX(-50%); }

/* ---------- Очень широкое изображение ---------- */
/* line 255, theme.scss */
.article-content .article-image--full {
  width: min(1200px, calc(100vw - 40px));
  max-width: none;
  margin-left: 50%;
  transform: translateX(-50%); }

/* line 263, theme.scss */
.article-content img.article-image--full {
  width: min(1200px, calc(100vw - 40px));
  max-width: none;
  margin-left: 50%;
  transform: translateX(-50%); }

/* =========================================================
   ЦИТАТА
   ========================================================= */
/* line 276, theme.scss */
.article-content blockquote,
.article-content .article-quote {
  margin: 3.5rem 0;
  padding-left: 1.75rem;
  border-left: 2px solid currentColor;
  font-size: 1.2em;
  line-height: 1.55; }

/* line 287, theme.scss */
.article-content blockquote p:last-child,
.article-content .article-quote p:last-child {
  margin-bottom: 0; }

/* =========================================================
   СОВЕТ
   ========================================================= */
/* line 297, theme.scss */
.article-content .article-tip {
  margin: 3rem 0;
  padding: 1.75rem 2rem;
  background: rgba(0, 0, 0, 0.035);
  border-radius: var(--img-border-radius, 0); }

/* line 306, theme.scss */
.article-content .article-tip__title {
  margin-bottom: 0.7rem;
  font-size: 0.95rem;
  line-height: 1.3;
  font-weight: 600; }

/* line 314, theme.scss */
.article-content .article-tip p:last-child {
  margin-bottom: 0; }

/* =========================================================
   ПРИМЕЧАНИЕ
   ========================================================= */
/* line 323, theme.scss */
.article-content .article-note {
  margin: 3rem 0;
  padding: 1.75rem 2rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: var(--img-border-radius, 0); }

/* line 332, theme.scss */
.article-content .article-note__title {
  margin-bottom: 0.7rem;
  font-size: 0.95rem;
  line-height: 1.3;
  font-weight: 600; }

/* line 340, theme.scss */
.article-content .article-note p:last-child {
  margin-bottom: 0; }

/* =========================================================
   ЧИТАЙТЕ ТАКЖЕ
   ========================================================= */
/* line 349, theme.scss */
.article-content .article-related {
  margin: 3.5rem 0;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.15); }

/* line 356, theme.scss */
.article-content .article-related__title {
  margin-bottom: 0.9rem;
  font-size: 0.9rem;
  line-height: 1.3;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em; }

/* =========================================================
   ТАБЛИЦЫ
   ========================================================= */
/* line 372, theme.scss */
.article-content .table-wrapper {
  width: 100%;
  margin: 3rem 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

/* line 381, theme.scss */
.article-content table {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse; }

/* line 388, theme.scss */
.article-content th,
.article-content td {
  padding: 0.9rem 1rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */
@media screen and (max-width: 767px) {
  /* line 405, theme.scss */
  .article > .heading,
  .article h1.heading {
    font-size: clamp(2rem, 10vw, 2.8rem);
    line-height: 1.08; }

  /* line 411, theme.scss */
  .article-content {
    font-size: 1rem;
    line-height: 1.68; }

  /* line 416, theme.scss */
  .article-content .article-lead {
    font-size: 1.15em; }

  /* line 420, theme.scss */
  .article-content h2 {
    margin-top: 3.75rem;
    margin-bottom: 1.25rem;
    font-size: 1.75rem; }

  /* line 427, theme.scss */
  .article-content h3 {
    margin-top: 2.75rem;
    margin-bottom: 1rem;
    font-size: 1.4rem; }

  /* line 434, theme.scss */
  .article-toc {
    margin-bottom: 3rem;
    padding: 1.4rem 1.25rem; }

  /* line 439, theme.scss */
  .article-content .article-tip,
  .article-content .article-note {
    margin: 2.5rem 0;
    padding: 1.4rem 1.25rem; } }
/* =========================================================
   ARTICLE LAYOUT v3
   STICKY TOC + ACTIVE SECTION
   Markom 772839
   ========================================================= */
/* =========================================================
   ОБЩИЙ КОНТЕЙНЕР CONTENT + ARTICLE
   ========================================================= */
/* line 457, theme.scss */
.article-layout {
  width: 100%; }

/* =========================================================
   DESKTOP
   ========================================================= */
@media screen and (min-width: 1100px) {
  /*
   * Сетка:
   *
   * 220px   = Content
   * 64px    = промежуток
   * 720px   = статья
   *
   * Общая ширина = 1004px
   */
  /* line 478, theme.scss */
  .article-layout {
    display: grid;
    grid-template-columns: 220px minmax(0, 720px);
    column-gap: 64px;
    width: min(100%, 1004px);
    margin-left: auto;
    margin-right: auto;
    align-items: start; }

  /* =======================================================
     STICKY CONTENT
     ======================================================= */
  /* line 500, theme.scss */
  .article-toc {
    position: sticky;
    /*
     * Расстояние от верхнего края браузера.
     * Если позднее окажется, что шапка магазина
     * перекрывает Content — поправим это значение.
     */
    top: 110px;
    width: 220px;
    max-width: 220px;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    align-self: start;
    font-size: 0.9rem;
    line-height: 1.4; }

  /*
   * Заголовок "Содержание"
   */
  /* line 533, theme.scss */
  .article-toc__title {
    margin-bottom: 1.15rem;
    font-size: 0.78rem;
    line-height: 1.3;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.6; }

  /*
   * Основной список
   */
  /* line 552, theme.scss */
  .article-toc__list {
    margin: 0;
    padding-left: 0;
    list-style: none; }

  /*
   * H2
   */
  /* line 564, theme.scss */
  .article-toc__item {
    margin: 0 0 0.85rem;
    padding: 0; }

  /*
   * Вложенные H3
   */
  /* line 574, theme.scss */
  .article-toc__sublist {
    margin: 0.6rem 0 0;
    padding-left: 1rem;
    list-style: none; }

  /* line 582, theme.scss */
  .article-toc__subitem {
    margin: 0 0 0.55rem; }

  /* =======================================================
     ССЫЛКИ CONTENT
     ======================================================= */
  /* line 591, theme.scss */
  .article-toc a {
    position: relative;
    display: block;
    color: inherit;
    text-decoration: none;
    opacity: 0.48;
    transition: opacity 0.25s ease, transform 0.25s ease; }

  /* line 608, theme.scss */
  .article-toc a:hover {
    opacity: 0.8; }

  /* =======================================================
     АКТИВНЫЙ РАЗДЕЛ
     ======================================================= */
  /* line 617, theme.scss */
  .article-toc a.is-active {
    opacity: 1;
    font-weight: 600;
    transform: translateX(5px); }

  /*
   * Небольшая линия возле активного пункта.
   */
  /* line 629, theme.scss */
  .article-toc a.is-active::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 0.25em;
    width: 2px;
    height: 1em;
    background: currentColor; }

  /* =======================================================
     СТАТЬЯ
     ======================================================= */
  /* line 648, theme.scss */
  .article-layout .article-content {
    grid-column: 2;
    width: 100%;
    max-width: 720px;
    margin: 0; } }
/* =========================================================
   TABLET + MOBILE
   ========================================================= */
@media screen and (max-width: 1099px) {
  /* line 666, theme.scss */
  .article-layout {
    display: block; }

  /*
   * На небольших экранах Content снова становится
   * обычным блоком над статьей.
   */
  /* line 676, theme.scss */
  .article-toc {
    position: static;
    width: 100%;
    max-width: 720px;
    margin: 0 auto 3rem;
    padding: 1.4rem 1.25rem;
    background: #f7f7f5;
    border-radius: var(--img-border-radius, 2px); }

  /* line 698, theme.scss */
  .article-toc__title {
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    opacity: 1; }

  /* line 711, theme.scss */
  .article-toc__list {
    padding-left: 1.35rem;
    list-style: decimal; }

  /* line 718, theme.scss */
  .article-toc__sublist {
    margin-top: 0.5rem;
    padding-left: 1.3rem;
    list-style: decimal; }

  /* line 726, theme.scss */
  .article-toc a {
    opacity: 1;
    transform: none; }

  /*
   * На mobile активный пункт специально
   * не выделяем — Content уже не sticky.
   */
  /* line 737, theme.scss */
  .article-toc a.is-active {
    font-weight: inherit;
    transform: none; }

  /* line 743, theme.scss */
  .article-toc a.is-active::before {
    display: none; }

  /* line 748, theme.scss */
  .article-layout .article-content {
    width: 100%;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto; } }
/* =========================================================
   ARTICLE LAYOUT v4 — POLISH
   ========================================================= */
@media screen and (min-width: 1100px) {
  /* line 763, theme.scss */
  .article-layout {
    grid-template-columns: 230px minmax(0, 720px);
    column-gap: 80px;
    width: min(100%, 1030px); }

  /* line 773, theme.scss */
  .article-toc {
    width: 230px;
    max-width: 230px;
    top: 120px; }

  /* line 780, theme.scss */
  .article-toc__title {
    margin-bottom: 1.25rem;
    font-size: 0.76rem;
    letter-spacing: 0.09em; }

  /* line 787, theme.scss */
  .article-toc a {
    opacity: 0.44;
    font-weight: 400;
    transition: opacity 0.2s ease, transform 0.2s ease; }

  /* line 796, theme.scss */
  .article-toc a:hover {
    opacity: 0.72; }

  /* line 800, theme.scss */
  .article-toc a.is-active {
    opacity: 1;
    font-weight: 500;
    transform: translateX(4px); }

  /* line 806, theme.scss */
  .article-toc a.is-active::before {
    left: -12px;
    width: 1px; } }
@media screen and (min-width: 1100px) {
  /* line 814, theme.scss */
  .article > .heading,
  .article h1.heading {
    width: 720px;
    max-width: 720px;
    margin-left: calc(50% + 155px);
    transform: translateX(-50%); } }
/* ARTICLE H1 — correction */
/* line 826, theme.scss */
.article > .heading,
.article h1.heading {
  max-width: 760px;
  font-size: clamp(2.1rem, 3.6vw, 3.2rem);
  line-height: 1.08;
  letter-spacing: -0.02em; }

/* =========================================================
   ARTICLE IMAGES — STICKY TOC FIX
   Широкие изображения расширяются только вправо
   ========================================================= */
@media screen and (min-width: 1100px) {
  /*
   * WIDE — 960 px
   */
  /* line 845, theme.scss */
  .article-layout .article-content .article-image--wide {
    width: min(960px, calc(100vw - 480px));
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    transform: none; }

  /*
   * Если article-image--wide присвоен самому IMG
   */
  /* line 860, theme.scss */
  .article-layout .article-content img.article-image--wide {
    width: min(960px, calc(100vw - 480px));
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    transform: none; }

  /*
   * FULL — 1200 px
   * На случай если позже будем использовать.
   */
  /* line 876, theme.scss */
  .article-layout .article-content .article-image--full {
    width: min(1200px, calc(100vw - 480px));
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    transform: none; }

  /* line 887, theme.scss */
  .article-layout .article-content img.article-image--full {
    width: min(1200px, calc(100vw - 480px));
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    transform: none; } }
/* =========================================================
   ARTICLE IMAGES — BALANCED WIDE
   ========================================================= */
@media screen and (min-width: 1100px) {
  /* line 904, theme.scss */
  .article-layout .article-content .article-image--wide {
    width: 900px;
    max-width: none;
    margin-left: -55px;
    margin-right: 0;
    transform: none; }

  /* line 914, theme.scss */
  .article-layout .article-content img.article-image--wide {
    width: 900px;
    max-width: none;
    margin-left: -55px;
    margin-right: 0;
    transform: none; } }
/* =========================================================
   ARTICLE LAYOUT v5
   Центрируем статью, TOC выносим в левую колонку
   ========================================================= */
@media screen and (min-width: 1100px) {
  /*
   * Центральная колонка 720px всегда находится
   * по центру доступной ширины.
   *
   * Левая и правая зоны одинаковые.
   */
  /* line 939, theme.scss */
  .article-layout {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(0, 720px) minmax(220px, 1fr);
    column-gap: 64px;
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    align-items: start; }

  /* =======================================================
     CONTENT — слева от центральной статьи
     ======================================================= */
  /* line 963, theme.scss */
  .article-layout .article-toc {
    grid-column: 1;
    justify-self: end;
    position: sticky;
    top: 120px;
    width: 220px;
    max-width: 220px;
    margin: 0; }

  /* =======================================================
     ОСНОВНАЯ СТАТЬЯ — строго центральная колонка
     ======================================================= */
  /* line 982, theme.scss */
  .article-layout .article-content {
    grid-column: 2;
    width: 100%;
    max-width: 720px;
    margin: 0; }

  /* =======================================================
     ШИРОКОЕ ИЗОБРАЖЕНИЕ
     Центрируем относительно текста
     ======================================================= */
  /* line 997, theme.scss */
  .article-layout .article-content .article-image--wide {
    width: 900px;
    max-width: none;
    margin-left: -90px;
    margin-right: -90px;
    transform: none; }

  /* line 1008, theme.scss */
  .article-layout .article-content img.article-image--wide {
    width: 900px;
    max-width: none;
    margin-left: -90px;
    margin-right: -90px;
    transform: none; } }
@media screen and (min-width: 1100px) {
  /* line 1021, theme.scss */
  .article > .heading,
  .article h1.heading {
    width: 720px;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    transform: none; } }
/* =========================================================
   ARTICLE LAYOUT v6
   Разводим TOC и широкие изображения
   ========================================================= */
@media screen and (min-width: 1100px) {
  /* line 1040, theme.scss */
  .article-layout {
    /*
     * Было 64px.
     * Изображение выходит влево на 90px,
     * поэтому даем ему безопасное пространство.
     */
    column-gap: 110px; }

  /*
   * Не позволяем длинным названиям разделов
   * выходить за пределы колонки содержания.
   */
  /* line 1055, theme.scss */
  .article-layout .article-toc {
    width: 220px;
    max-width: 220px;
    box-sizing: border-box;
    padding-right: 12px; }

  /* line 1063, theme.scss */
  .article-toc a {
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: normal; } }
/* =========================================================
   ARTICLE VIDEO
   ========================================================= */
/* line 1075, theme.scss */
.article-video {
  width: 100%;
  max-width: 900px;
  margin: 3.5rem auto 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--img-border-radius, 0); }

/* line 1088, theme.scss */
.article-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0; }

/* Desktop: видео чуть шире текстовой колонки */
@media screen and (min-width: 1100px) {
  /* line 1102, theme.scss */
  .article-layout .article-content .article-video {
    width: 900px;
    max-width: none;
    margin-left: -90px;
    margin-right: -90px; } }
/* Mobile */
@media screen and (max-width: 1099px) {
  /* line 1117, theme.scss */
  .article-video {
    width: 100%;
    max-width: 100%;
    margin-top: 2.5rem; } }
/* =========================================================
   ARTICLE GALLERY
   ========================================================= */
/* line 1129, theme.scss */
.article-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 2.5rem 0 3rem; }

/* line 1137, theme.scss */
.article-gallery__item {
  margin: 0; }

/* line 1141, theme.scss */
.article-gallery__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--img-border-radius, 0); }

/* Если в галерее 5 изображений:
   первое делаем широким */
/* line 1154, theme.scss */
.article-gallery--5 .article-gallery__item:first-child {
  grid-column: 1 / -1; }

/* Desktop: немного шире текстовой колонки */
@media screen and (min-width: 1100px) {
  /* line 1163, theme.scss */
  .article-layout .article-content .article-gallery {
    width: 900px;
    max-width: none;
    margin-left: -90px;
    margin-right: -90px; } }
/* Mobile */
@media screen and (max-width: 767px) {
  /* line 1178, theme.scss */
  .article-gallery {
    grid-template-columns: 1fr;
    gap: 0.75rem;
    margin: 2rem 0 2.5rem; }

  /* line 1185, theme.scss */
  .article-gallery--5 .article-gallery__item:first-child {
    grid-column: auto; } }
/* =========================================================
   ARTICLE IMAGE — LARGE
   Промежуточный размер между medium и wide
   ========================================================= */
/* line 1195, theme.scss */
.article-content .article-image--large {
  width: 100%;
  max-width: 760px;
  margin: 3rem auto; }

/* line 1202, theme.scss */
.article-content .article-image--large img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  border-radius: var(--img-border-radius, 0); }

@media screen and (min-width: 1100px) {
  /* line 1215, theme.scss */
  .article-layout .article-content .article-image--large {
    width: 760px;
    max-width: 760px;
    margin-left: -20px;
    margin-right: -20px; } }
@media screen and (max-width: 767px) {
  /* line 1227, theme.scss */
  .article-content .article-image--large {
    width: 100%;
    max-width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem; } }
/* =========================================================
   ARTICLE GALLERY — COMPACT
   Для статей с небольшими иллюстрациями
   ========================================================= */
/* line 1241, theme.scss */
.article-gallery--compact {
  width: 100%;
  max-width: 720px;
  margin: 2.5rem auto 3rem; }

@media screen and (min-width: 1100px) {
  /* line 1250, theme.scss */
  .article-layout .article-content .article-gallery--compact {
    width: 720px;
    max-width: 720px;
    margin-left: 0;
    margin-right: 0; } }
@media screen and (max-width: 767px) {
  /* line 1262, theme.scss */
  .article-gallery--compact {
    width: 100%;
    max-width: 100%; } }
/* =========================================================
   ARTICLE IMAGE — SMALL
   ========================================================= */
/* line 1272, theme.scss */
.article-content .article-image--small {
  width: 100%;
  max-width: 420px;
  margin: 2.25rem auto; }

/* line 1279, theme.scss */
.article-content .article-image--small img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  border-radius: var(--img-border-radius, 0); }

@media screen and (min-width: 1100px) {
  /* line 1292, theme.scss */
  .article-layout .article-content .article-image--small {
    width: 420px;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto; } }
@media screen and (max-width: 767px) {
  /* line 1304, theme.scss */
  .article-content .article-image--small {
    width: 100%;
    max-width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem; } }