.article_header{
    margin-bottom:30px;
}

.article_title{
    max-width:780px;
    margin:0;
    color:#202020;
    font-size:clamp(2.25rem,4.5vw,2.8rem);
    font-weight:800;
    line-height:.98;
    letter-spacing:-.03em;
    overflow-wrap:anywhere;
}

.article_meta{
    display:flex;
    min-width:0;
    flex-wrap:wrap;
    align-items:center;
    gap:5px 7px;
    margin-top:20px;
    color:#707070;
    font-size:13px;
    line-height:var(--ei-text-line-height);;
}

.article_meta a{
    color:inherit;
    text-decoration:none;
    transition:color .18s ease;
}

.article_meta_category{
    color:#707070;
    font-weight:400;
}

.article_meta_separator{
    color:#a0a0a0;
}

.article_meta time{
    direction:ltr;
    unicode-bidi:isolate;
    white-space:nowrap;
}

.article_meta a:focus-visible,
.__body_content a:focus-visible{
    outline:2px solid #c2410c;
    outline-offset:3px;
    border-radius:2px;
}

.article_excerpt{
    margin-top:20px;
    color:#555;
    font-size:var(--ei-text-size);
    font-weight:400;
    line-height:var(--ei-text-line-height);;
}

.article_excerpt>:first-child{
    margin-top:0;
}

.article_excerpt>:last-child{
    margin-bottom:0;
}

.article_image{
    display:block;
    width:100%;
    height:auto;
    margin-top:20px;
    border-radius:var(--ei-image-border-radius);
    background:#f2f2f2;
}

.__body_content{
    margin-top:20px;
    color:var(--ei-theme-text-color);
    font-size:var(--ei-text-size);
    line-height:var(--ei-text-line-height);
    overflow-wrap:anywhere;
}

.__body_content>:first-child{
    margin-top:0;
}

.__body_content>:last-child{
    margin-bottom:0;
}

.__body_content p,
.__body_content ul,
.__body_content ol,
.__body_content blockquote,
.__body_content figure,
.__body_content table,
.__body_content pre,
.__body_content .wp-block-embed{
    margin-top:0;
    margin-bottom:1em;
}

.__body_content h2,
.__body_content h3,
.__body_content h4,
.__body_content h5,
.__body_content h6{
    color:#202020;
    font-weight:700;
    letter-spacing:-.015em;
}

.__body_content h2{
    margin:1.65em 0 .65em;
    font-size:1.55em;
    line-height:1.18;
}

.__body_content h3{
    margin:1.55em 0 .6em;
    font-size:1.25em;
    line-height:1.25;
}

.__body_content h4,
.__body_content h5,
.__body_content h6{
    margin:1.45em 0 .55em;
    font-size:1.05em;
    line-height:1.3;
}

.__body_content a{
    color:#c2410c;
    text-decoration-color:rgba(194,65,12,.35);
    text-decoration-thickness:1px;
    text-underline-offset:3px;
    transition:color .18s ease,text-decoration-color .18s ease;
}

.__body_content ul,
.__body_content ol{
    padding-inline-start:1.35em;
}

.__body_content li+li{
    margin-top:.38em;
}

.__body_content li::marker{
    color:#9a9a9a;
}

.__body_content img,
.__body_content video{
    max-width:100%;
    height:auto;
    border-radius:10px;
}

.__body_content iframe{
    max-width:100%;
}

.__body_content figure{
    max-width:100%;
}

.__body_content figure img{
    display:block;
}

.__body_content figcaption,
.__body_content .wp-caption-text{
    margin-top:8px;
    color:#777;
    font-size:13px;
    line-height:1.45;
}

.__body_content blockquote{
    margin-inline:0;
    padding:18px 20px;
    border-left:4px solid #ed5e30;
    border-radius:0 10px 10px 0;
    background:#fff7f3;
    color:#444;
    font-size:1.03em;
    line-height:1.65;
}

.__body_content blockquote>:first-child{margin-top:0;}
.__body_content blockquote>:last-child{margin-bottom:0;}

.__body_content hr{
    height:1px;
    margin:34px 0;
    border:0;
    background:#eceef2;
}

.__body_content pre{
    max-width:100%;
    overflow:auto;
    padding:16px 18px;
    border:1px solid #eceef2;
    border-radius:10px;
    background:#f7f8fa;
    font-size:.9em;
    line-height:1.55;
}

.__body_content code{
    padding:.12em .32em;
    border-radius:4px;
    background:#f3f4f6;
    font-size:.9em;
}

.__body_content pre code{
    padding:0;
    background:transparent;
    font-size:inherit;
}

.__body_content table{
    width:100%;
    border-collapse:collapse;
    font-size:.94em;
}

.__body_content th,
.__body_content td{
    padding:10px 12px;
    border:1px solid #e5e7eb;
    text-align:start;
    vertical-align:top;
}

.__body_content th{
    background:#f7f8fa;
    font-weight:700;
}

.__body_content .wp-block-table{
    max-width:100%;
    overflow-x:auto;
}

.__body_content .wp-block-table table{
    margin-bottom:0;
}

.__body_content .alignwide,
.__body_content .alignfull{
    max-width:100%;
}

.article_question{
    margin-top:20px;
    color:var(--ei-text-color);
    font-weight:600;
    line-height:var(--ei-text-line-height);
}

.article_question_comment{
    margin-left:.35em;
    color:inherit;
    text-decoration:underline;
    text-underline-offset:2px;
    cursor:pointer;
}

.article_question_comment:hover{
    text-decoration:none;
}

.article_stats{
    display:flex;
    flex-wrap:wrap;
    gap:10px 18px;
    align-items:center;
    margin:34px 0 0;
    padding:16px 0;
    color:#707070;
    border-top:1px solid #eceef2;
    border-bottom:1px solid #eceef2;
    font-size:13px;
}

.article_stats>span,
.article_stats button{
    display:inline-flex;
    gap:5px;
    align-items:center;
}

.article_stats .stat_icon{
    display:block;
    width:20px;
    height:20px;
    flex:0 0 20px;
    color:#969698;
}

.article_stats button{
    appearance:none;
    min-height:30px;
    padding:4px 7px;
    font:inherit;
    color:inherit;
    border:0;
    border-radius:7px;
    background:transparent;
    cursor:pointer;
    transition:color .18s ease,background-color .18s ease;
}

.article_stats button:hover,
.article_stats button[aria-pressed=true]{
    color:#c2410c;
    background:#fff4ef;
}

.article_stats button:hover .stat_icon,
.article_stats button[aria-pressed=true] .stat_icon{
    color:currentColor;
}

.article_stats button:focus-visible{
    outline:2px solid #c2410c;
    outline-offset:2px;
}

.article_stats button[aria-pressed=true]{
    font-weight:700;
}

.article_stats button:disabled{
    cursor:default;
    opacity:.72;
}

.article_stats [data-stats-status]{
    flex-basis:100%;
    margin:0;
    font-size:12px;
}

.article_stats [data-stats-status]:empty{
    display:none;
}

.article_stats [hidden]{
    display:none!important;
}

@media(hover:hover) and (pointer:fine){
    .article_meta a:hover,
    .__body_content a:hover{
        color:#c2410c;
    }

    .__body_content a:hover{
        text-decoration-color:currentColor;
    }
}

@media(max-width:867.99px){
    .article_title{
        font-size:clamp(2rem,9vw,2.65rem);
        line-height:1.02;
    }

    .article_header{
        margin-bottom:26px;
    }

    .__body_content{
        font-size:16px;
        line-height:1.7;
    }
}

@media(max-width:520px){
    .article_title{
        font-size:2.15rem;
    }

    .article_excerpt{
        font-size:1rem;
        line-height:1.58;
    }

    .article_image{
        margin-top:22px;
        border-radius:10px;
    }

    .__body_content h2{
        font-size:1.4em;
    }

    .__body_content h3{
        font-size:1.18em;
    }

    .__body_content blockquote,
    .article_question{
        padding:16px;
    }

    .article_stats{
        gap:8px 12px;
    }

}

@media(prefers-reduced-motion:reduce){
    .article_meta a,
    .__body_content a,
    .article_stats button{
        transition:none;
    }
}

.article_stats .article_stat_group{
    gap:0;
}

.article_stats .article_stat_group>[data-action="like"]{
    padding-right:3px;
}

.article_stats .article_stat_count{
    min-width:24px;
    padding-left:3px;
    padding-right:5px;
    font-weight:600;
}

.article_stats .article_stat_count:disabled{
    background:transparent;
}