.container-statia {
      max-width: 1100px;
      margin: 40px auto;
      padding: 40px 40px;
      background-color: #fff;
      border-radius: 56px;
      margin-bottom: 0;
    }

    h1.title-statia {
      margin: 0;
      font-size: 40px;
      color: #1565C0;
      text-align: left;
      font-weight: 500;
    }

    .container-inner-statia {
      display: flex;
      gap: 40px;
      margin-top: 24px;
    }

    .sidebar-statia {
      background-color: #F5F5F5;
      padding: 8px 12px;
      border-radius: 12px;
      font-size: 12px;
      line-height: 1.4;
      flex-shrink: 0;
      height: auto;
      width: auto;
      overflow-y: auto;
      color: #212121; 
      align-self: flex-start;

    }

    .sidebar-statia p {
      margin: 0 0 12px;
      font-size: 12px; 
    }

    .sidebar-statia strong {
      display: block;
      margin-bottom: 4px;
      font-size: 16px !important;
      color: #212121; 
      font-weight: 500;
    }
    .sidebar-statia a{
      font-size: 16px !important; 
    }

    .blue-underline-statia {
      color: #2196F3; 
      text-decoration: underline;
      text-decoration-color: #2196F3;
      text-underline-offset: 3px;
      font-weight: normal;
      font-size: 16px !important; 
    }

.date-text-grey {
  font-size: 16px;
  font-weight: 400;
  color: #424242;
}

    .sidebar-statia .author-row-statia {
      display: flex;
      align-items: center;
      margin-bottom: 12px;
    }
    author-row-statia

    .sidebar-statia .author-row-statia img {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      margin-right: 8px;
    }

    .sidebar-statia a {
      color: #2196F3;
      text-decoration: none;
    }
    .author-row-statia span{
      font-size: 16px !important;
      font-weight: 400;
      color: #424242;
    }

    .sidebar-statia a:hover {
      text-decoration: underline;
    }

    .content-statia {
      flex: 1;
    }

    .article-image-statia {
      width: 100%;
      border-radius: 16px;
      margin-bottom: 24px;
      object-fit: cover;
    }

    .pagination-statia {
      display: flex;
      align-items: center;
      gap: 16px;
      margin: 24px 0;
    }

    .pagination-statia button {
      background-color: #fff;
      border: 1px solid #2196F3;
      width: 36px;
      height: 36px;
      border-radius: 8px;
      cursor: pointer;
      background-repeat: no-repeat;
      background-position: center;
    }

    .pagination-statia button:first-child {
      background-image: url('your-left-arrow.png');
    }

    .pagination-statia button:last-child {
      background-image: url('your-right-arrow.png');
    }

    .dots-statia {
      display: flex;
      gap: 6px;
    }

    .dot-statia {
      width: 10px;
      height: 10px;
      background-color: #ddd;
      border-radius: 50%;
    }

    .dot-statia.active {
      background-color: #2196F3;
    }

    .article-body-statia {
      font-size: 16px;
      color: #212121;
      line-height: 1.6;
    }

    .article-body-statia h2 {
      font-size: 16px;
      margin-top: 32px;
      margin-bottom: 16px;
      color: #212121;
    }

    .article-body-statia h3 {
      font-size: 19px;
      margin-top: 24px;
      margin-bottom: 12px;
      color: #212121;
    }

    .article-body-statia h4 {
      font-size: 16px;
      margin-top: 20px;
      margin-bottom: 8px;
    }

    .article-body-statia ul,
    .article-body-statia ol {
      margin: 16px 0;
      padding-left: 20px;
      color: #212121;
      font-size: 16px;
    }

    .article-body-statia ul li,
    .article-body-statia ol li {
      margin-bottom: 8px;
      line-height: 1.4;
      font-size: 16px;
    }

    .article-body-statia blockquote {
      margin: 24px 0;
      padding: 0; 
      font-style: italic;
      color: #555;
      border: none; 
      position: relative;
      font-size: 16px;
    }

    .article-body-statia blockquote::before {
      content: "";
      display: block;
      width: 100%;
      height: 1px; 
      background-color: #949494; 
      margin-bottom: 12px; 
    }

    .article-body-statia a {
      color: #2196F3;
      text-decoration: none;
    }

    .article-body-statia a:hover {
      text-decoration: underline;
    }
    .article-body-statia img{
      width: auto;
      height: auto;
      border-radius: 16px;
      margin-top: 0;

    }


    .images-row-statia {
      display: flex;
      gap: 16px;
      margin-bottom: 24px;
    }

    .images-row-statia img {
      width: 50%;
      border-radius: 12px;
      object-fit: cover;
    }

    .single-image-statia {
      margin-bottom: 24px;
      border-radius: 12px;
      object-fit: cover;
      width: 100%;
      display: block;
    }

   @media (max-width: 600px) and (min-width: 300px) {
  .container-statia {
    max-width: 100%;
    margin: 20px auto;
    padding: 20px;
    border-radius: 24px;
    margin-bottom: 0;
  }

.statia-text-con{
  margin-top: -80px;
}

  h1.title-statia {
    font-size: 20px;   
    text-align: left;  
    margin-top: -10px; /* поднимаем заголовок выше */
  }

  .container-inner-statia {
    flex-direction: column;
    gap: 20px;
  }

  .sidebar-statia {
    width: 100%;          
    font-size: 14px;
    padding: 12px;
    margin-top: -10px; 
  }

  .sidebar-statia strong {
    font-size: 16px !important;
  }

  .author-row-statia span {
    font-size: 16px !important;
  }
  .sidebar-statia a{
font-size: 16px !important;
  }

  .content-statia {
    width: 100%;
    margin-top: -10px; /* поднимаем контент выше */
  }

  .article-body-statia {
    font-size: 14px;
    line-height: 1.5;
  }

  .article-body-statia img {
    margin-top: -8px; 
    margin-bottom: -30px;
  }

  .article-body-statia h2 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: -10px;
  }


  .article-body-statia h3 {
    font-size: 16px;
  }

  .article-body-statia h4 {
    font-size: 14px;
  }

  .images-row-statia {
    flex-direction: column; 
    gap: 12px;
  }
  .wp-block-heading{
    margin-bottom: 0 !important;
  }

  .images-row-statia img {
    width: 100%;  /* на всю ширину */
    margin-top: -8px; /* чуть выше */
  }

  .single-image-statia {
    width: 100%;
    border-radius: 8px;
    margin-top: -8px; 
  }

  .pagination-statia {
    justify-content: center;
    gap: 12px;
  }

  .pagination-statia button {
    width: 32px;
    height: 32px;
  }
}