@media(min-width:64rem){
  .st\:lg\:col-span-2{grid-column:span 2/span 2}  ← ДОБАВЬ ЭТУ СТРОКУ!
 
}

@media(min-width:48rem){
    .st:md:w-40{width:calc(var(--st-spacing) * 40)}
    .st:md:w-48{width:calc(var(--st-spacing) * 48)}
    .st:md:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
    .st:md:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
    .st:md:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
    .st:md:flex-row{flex-direction:row}
    .st:md:text-3xl{font-size:var(--st-text-3xl)}
    .st:md:text-4xl{font-size:var(--st-text-4xl)}

    .custom-post-title-sidebar {
      font-size: 1rem !important; /* 16px на десктопе */
  }
  .st-prose h2 {
    font-size: 1.5rem !important; /* 24px на планшетах и десктопах */
}
  }

:where(.st:space-y-6 >:not(:last-child)){
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--st-spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--st-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
  }

.st:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
.st:line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}

.st:aspect-[21/9]{aspect-ratio:21/9}

/* Дополнительные классы для Latest Posts */
.st:h-full {
    height: 100%;
}

.st:transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.st:hover:shadow-lg:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.st:p-5 {
    padding: calc(var(--st-spacing) * 5);
}

.st:aspect-video {
    aspect-ratio: var(--st-aspect-video, 16 / 9);
}


/* Сайдбар — заголовки постов */
.custom-post-title-sidebar {
    font-size: 0.875rem !important; /* 14px */
    line-height: 1.25rem !important;
}

aside .st\:sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 1rem !important;
}                       





/* Сайдбар — изображения */
.custom-post-image-sidebar {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
}

.lb-columns {
    box-sizing: border-box;
}

.lb-column {
    box-sizing: border-box;
}
                    @media(max-width:768px) {
                        .lb-columns-stack-mobile .lb-column {
                            --col-width: 100% !important;
                            width: 100% !important;
                            max-width: 100% !important;
                        }
                        .st-breadcrumb {
                          display: none !important;
                      }
                    }


/* Стили для таблиц в постах */
.st-prose table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.875rem;
  }
  
  .st-prose thead {
    background-color: var(--st-color-gray-100);
    border-bottom: 2px solid var(--st-color-gray-300);
  }
  
  .dark .st-prose thead {
    background-color: var(--st-color-gray-800);
    border-bottom-color: var(--st-color-gray-600);
  }
  
  .st-prose th {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid var(--st-color-gray-300);
  }
  
  .dark .st-prose th {
    border-bottom-color: var(--st-color-gray-600);
  }
  
  .st-prose td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--st-color-gray-200);
  }
  
  .dark .st-prose td {
    border-bottom-color: var(--st-color-gray-700);
  }
  
  /* Hover эффект */
  .st-prose tbody tr:hover {
    background-color: var(--st-color-gray-50);
  }
  
  .dark .st-prose tbody tr:hover {
    background-color: var(--st-color-gray-800);
  }
  
  /* Адаптивность */
  .st-prose table {
  /*  display: block;*/
    overflow-x: auto;
  }
  .st-prose h2 {
    font-size: 1.1rem !important; /* 20px на мобильных */
    line-height: 1.2 !important;
}