/* Start:/local/templates/enterno_new/components/bitrix/news.detail/enterno_blog/style.css?17911183766146*/
/*
 * The text of an article written as HTML (ArticleHtmlPresenter), set like the
 * blog page design: the editor's inline styles are dropped, the look comes
 * from here and the theme tokens. Bitrix includes this file with the template.
 */
[data-blog-detail] section[id],
.blog-prose [id] {
    scroll-margin-top: 7rem;
}

.blog-toc {
    list-style: decimal;
}

.blog-toc a {
    text-decoration: none;
}

.blog-toc a:focus-visible,
.blog-prose a:focus-visible {
    outline: 2px solid var(--color-blue-600);
    outline-offset: 3px;
    border-radius: 4px;
}

.blog-prose {
    color: color-mix(in oklab, var(--color-primary) 60%, transparent);
    font-size: var(--text-2xl);
    line-height: var(--text-2xl--line-height);
    overflow-wrap: anywhere;
}

.blog-prose > * {
    margin: 0;
}

.blog-prose > * + * {
    margin-top: 1.25rem;
}

.blog-prose h2 {
    margin-top: 2rem;
    color: var(--color-gray-900);
    font-weight: 500;
    font-size: var(--text-3xl);
    line-height: var(--text-3xl--line-height);
    letter-spacing: -0.24px;
}

.blog-prose h3,
.blog-prose h4 {
    margin-top: 2rem;
    color: var(--color-gray-900);
    font-weight: 500;
    font-size: var(--text-28);
    line-height: var(--text-28--line-height);
    letter-spacing: -0.12px;
}

.blog-prose h4 {
    font-size: var(--text-2xl);
    line-height: var(--text-2xl--line-height);
}

.blog-prose strong,
.blog-prose b {
    color: var(--color-gray-900);
    font-weight: 500;
}

.blog-prose a {
    color: var(--color-blue-600);
    text-decoration: underline;
    text-underline-offset: 0.2em;
    text-decoration-thickness: 1px;
}

.blog-prose a:hover {
    color: var(--color-primary);
}

.blog-prose ul,
.blog-prose ol {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-left: 1.75rem;
}

.blog-prose ul {
    list-style: disc;
}

.blog-prose ol {
    list-style: decimal;
}

.blog-prose ul > li::marker {
    color: var(--color-orange-500);
}

.blog-prose ol > li::marker {
    color: var(--color-gray-900);
}

.blog-prose li > p {
    margin: 0;
}

.blog-prose blockquote,
.blog-prose figure[data-editorial-quote] {
    padding: 1.25rem 1.5rem;
    border-left: 4px solid var(--color-orange-500);
    border-radius: 0 1.5rem 1.5rem 0;
    background: var(--color-gray-100);
    color: var(--color-gray-900);
}

.blog-prose figure[data-editorial-quote] blockquote {
    padding: 0;
    border: 0;
    background: none;
}

.blog-prose blockquote > * + * {
    margin-top: 0.75rem;
}

.blog-prose figure[data-editorial-quote] > figcaption {
    margin-bottom: 0.5rem;
    color: color-mix(in oklab, var(--color-primary) 60%, transparent);
}

.blog-prose aside {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.5rem;
    border-radius: 1.5rem;
    background: var(--color-gray-100);
    font-size: var(--text-xl);
    line-height: 1.6;
}

.blog-prose aside > div:first-child {
    color: var(--color-gray-900);
    font-weight: 500;
}

.blog-prose aside p {
    margin: 0;
}

.blog-prose figure[data-editorial-code] {
    overflow: hidden;
    border-radius: 1.5rem;
    background: var(--color-gray-900);
    color: var(--color-gray-50);
}

.blog-prose figure[data-editorial-code] figcaption {
    padding: 1rem 1.5rem 0;
    color: var(--color-gray-400);
    font-size: var(--text-base);
    line-height: var(--text-base--line-height);
}

.blog-prose pre {
    margin: 0;
    padding: 1rem 1.5rem 1.5rem;
    overflow-x: auto;
    font-family: var(--font-mono);
    font-size: var(--text-base);
    line-height: 1.6;
    white-space: pre;
}

.blog-prose pre:focus-visible {
    outline: 2px solid var(--color-orange-500);
    outline-offset: -2px;
}

.blog-prose :not(pre) > code {
    padding: 0.1em 0.35em;
    border-radius: 0.375rem;
    background: var(--color-gray-100);
    color: var(--color-gray-900);
    font-family: var(--font-mono);
    font-size: 0.85em;
}

.blog-prose [role="region"] {
    max-width: 100%;
    overflow-x: auto;
}

.blog-prose [role="region"]:focus-visible {
    outline: 2px solid var(--color-blue-600);
    outline-offset: 2px;
}

.blog-prose table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-lg);
    line-height: var(--text-lg--line-height);
}

.blog-prose th,
.blog-prose td {
    min-width: 11rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--color-gray-200);
    text-align: left;
    vertical-align: top;
}

.blog-prose th {
    background: var(--color-gray-100);
    color: var(--color-gray-900);
    font-weight: 500;
}

.blog-prose [data-editorial-video] {
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border-radius: 1.5rem;
    background: var(--color-gray-900);
}

.blog-prose [data-editorial-video] iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.blog-prose img {
    max-width: 100%;
    height: auto;
    border-radius: 1.5rem;
}

.blog-prose figcaption {
    font-size: var(--text-base);
    line-height: var(--text-base--line-height);
}

@media (min-width: 80rem) {
    .blog-prose > * + * {
        margin-top: 1.75rem;
    }

    .blog-prose {
        font-size: var(--text-3xl);
        line-height: var(--text-3xl--line-height);
    }

    .blog-prose h3 {
        font-size: var(--text-4xl);
        line-height: var(--text-4xl--line-height);
        letter-spacing: -0.24px;
    }

    .blog-prose h4 {
        font-size: var(--text-28);
        line-height: var(--text-28--line-height);
    }

    .blog-prose aside {
        padding: 2rem;
        font-size: var(--text-2xl);
        line-height: var(--text-2xl--line-height);
    }

    .blog-prose table {
        font-size: var(--text-xl);
        line-height: 1.5;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .blog-prose a,
    .blog-toc a {
        transition: color 0.2s ease;
    }
}

/* End */
/* /local/templates/enterno_new/components/bitrix/news.detail/enterno_blog/style.css?17911183766146 */