section.blog p {
    line-height: 24px;
    margin-bottom: 20px;
}

section.blog h2,
h3,
h4,
h5 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.tags-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
}

.tag-wrapper {
    background-color: var(--lightBlue);
    border-radius: 10px;
    padding: 5px 10px;
    transition: background-color 0.3s ease-out;
}

.tag-wrapper:hover {
    background-color: var(--middleBlue);
}

.tags-accordion-item {
    max-height: 78px;
    overflow: hidden;
    transition: all 0.3s ease-out;
}

.tags-accordion-item.active {
    max-height: 900px;
}

.tags-accordion-icon-wrapper {
    cursor: pointer;
    margin: auto;
    background: var(--lightBlue);
    border-radius: 25px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease-out;
}

.tags-accordion-icon-wrapper svg {
    max-width: 18px;
    max-height: 100%;
}

.tags-accordion-icon-wrapper:hover {
    background-color: var(--middleBlue);
}

section.blog {
    table {
        border: none;
        border-collapse: collapse;
        empty-cells: show;
        max-width: 100%;
        margin-bottom: 10px;

        th {
            background: #e6e6e6;
            border: 1px solid #ddd;
            padding: 5px;
            text-align: left;
        }

        td {
            border: 1px solid #ddd;
            padding: 5px;
        }
    }
}

section.blog ul {
    margin-bottom: 15px;
    padding-inline-start: 40px;
}

section.blog ul li {
    list-style: disc !important;
    line-height: 1.5;
}

section.blog ol li {
    list-style: decimal; 
    line-height: 1.5;
}

.post-preview-img {
    aspect-ratio: 3/2;
    object-fit: cover;
}

@media (max-width: 767px) {
    .tags-container {
        margin-top: 50px;
    }

    .tags-accordion-item {
        max-height: 170px;
    }

    .tags-accordion-item.active {
        max-height: 100%;
    }
}


/* ---- Стили для всех ссылок внутри #w70 только в секции blog.hero_services_without_margin ---- */
section.blog.hero_services_without_margin #w70 a,
section.blog.hero_services_without_margin #w70 p a,
section.blog.hero_services_without_margin #w70 h2 a,
section.blog.hero_services_without_margin #w70 h3 a,
section.blog.hero_services_without_margin #w70 li a {
  color: var(--linkColor, #0b66c3);
  text-decoration: none;
  transition: color .18s ease, opacity .12s ease, box-shadow .12s ease;
  cursor: pointer;
}

/* hover / focus */
section.blog.hero_services_without_margin #w70 a:hover,
section.blog.hero_services_without_margin #w70 a:focus,
section.blog.hero_services_without_margin #w70 a:focus-visible {
  color: var(--linkHoverColor, #084a8a);
  text-decoration: underline;
  outline: none;
}

/* Хорошая фокус-видимость для клавиатуры */
section.blog.hero_services_without_margin #w70 a:focus-visible {
  box-shadow: 0 0 0 4px rgba(11,102,195,0.12);
  border-radius: 4px;
}

/* visited / active */
section.blog.hero_services_without_margin #w70 a:visited {
  color: var(--linkVisitedColor, #5a88b6);
}
section.blog.hero_services_without_margin #w70 a:active {
  opacity: 0.9;
}

/* Немного увеличить кликабельную зону внутри параграфа */
section.blog.hero_services_without_margin #w70 p a {
  display: inline-block;
  padding: 2px 0;
}