#posts-content{margin-bottom: 30px;margin-top: 30px;background: #ffffff;}
#posts-content a{text-decoration: none;}
#posts-content .posts-title{font-weight:700;font-size:24px;margin-bottom:30px;color:var(--primary-mode-1);justify-content: center;border-bottom:1px solid var(--primary-mode-9);padding-bottom:10px;}
#posts-content .posts-wrapper{display:flex;justify-content:center;gap:20px;}
#posts-content .posts-list{flex:1 1 75%;}
#posts-content .posts-sidebar{flex:1 1 25%;}
#posts-content .posts-item{border-bottom:1px solid var(--primary-mode-9);padding:20px 30px;}
#posts-content .posts-item:last-child{border-bottom:none;}
#posts-content .posts-item .entry-header{margin-bottom:12px;}
#posts-content .posts-item .entry-header .entry-title{justify-content: center;margin:15px 0;font-weight:700;font-size:1.5rem;line-height:1.4;}
#posts-content .posts-item .entry-header .entry-title a{color:var(--primary-mode-1);}
#posts-content .posts-item .entry-header .entry-title a:hover{color:var(--primary-mode-3);}
#posts-content .posts-item .entry-header .entry-meta{font-size:14px;color:var(--primary-mode-2);display:flex;gap:10px;justify-content: center;}
#posts-content .posts-item .entry-header .entry-meta .byline{display:flex;align-items:center;gap:6px;}
#posts-content .posts-item a{display:inline-flex;}
#posts-content .posts-item  .entry-summary {color: #777777;}
#posts-content .posts-item footer.entry-meta{display:flex;justify-content: space-between;color:var(--primary-mode-1);margin-top:20px;}

#posts-content .posts-sidebar{padding:0 20px;}
#posts-content .posts-sidebar .widget-title span{color:var(--primary-mode-1);font-weight:700;font-size:18px;}
#posts-content .posts-sidebar ul{list-style:none;padding-left:0;margin-top:20px;}
#posts-content .posts-sidebar ul li{margin-bottom:10px;}
#posts-content .posts-sidebar ul li a{color:var(--primary-mode-2);font-weight:normal;}
#posts-content .posts-sidebar ul li a:hover{color:var(--primary-mode-4);}

html[data-theme="dark"] #posts-content {background: #2D3443;}
html[data-theme="dark"] #posts-content .posts-item  .entry-summary {color: #ffffff;}

@media screen and (max-width: 1024px) {
    #posts-content .posts-wrapper{flex-direction:column;}
    #posts-content .posts-list{flex:1 1 100%;}
    #posts-content .posts-sidebar{flex:1 1 100%;margin-top:30px;padding:0 10px;}
}

.posts-abcon{
    padding: 48px;
    width: calc(100% - 96px);
    min-height: calc(100vh - 487px);
}
.posts-abcon .abtitle {
    color: #222939;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.posts-abcon .abtitle strong {
    color:var(--primary-mode-1);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.4;
}
.posts-abcon .abtitle .line {
    width: 64px;
    height: 4px;
    background: var(--primary-mode-1);
    margin: 16px 0px;
}
.posts-abcon .abtitle .meta {
    display: flex;
    align-items: center;
    margin-top: 8px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--primary-mode-9);
}
.posts-abcon .abtitle .author, .posts-abcon .abtitle .category, .posts-abcon .abtitle .time {
    font-size: 14px;
    color: var(--primary-mode-2);
    margin-right: 16px;
}
.posts-abcon .abtitle .author:hover, .posts-abcon .abtitle .category:hover, .posts-abcon .abtitle .time:hover {
    color: var(--primary-mode-4);
}
.posts-abcon .abtitle .category .fco-tag-text {
    background: var(--primary-mode-8);
    color: var(--primary-mode-1);
    padding: 4px 8px;
    border-radius: 4px;
}
.posts-abcon .abtitle .category .fco-tag-text:hover {
    background: var(--primary-mode-3);
    color: var(--primary-mode-8);
}
.posts-abcon .content-text {
    color: var(--primary-mode-2);
    font-size: 16px;
    line-height: 1.8;
}
.posts-abcon .content-text p {
    display: block;
    margin-bottom: 16px;
}
.posts-abcon .content-text div {
    margin-bottom: 16px;
}
.posts-abcon .content-text .tags-links {
    margin-top: 32px;
    border-top: 1px solid var(--primary-mode-9);
    padding-top: 16px;
    display: flex;
}
.posts-abcon .content-text .tags-links ul{
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.posts-abcon .content-text .tags-links .tag-link {
    display: inline-block;
    background: var(--primary-mode-8);
    color: var(--primary-mode-1);
    padding: 4px 8px;
    border-radius: 4px;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 14px;
}
.posts-abcon .content-text .tags-links .tag-link:hover {
    background: var(--primary-mode-3);
    color: var(--primary-mode-8);
}