/* SECTION 3 */
.sec-hero {display:block}
.sec-tabs {display:flex; align-items:center; justify-content:space-between; gap:15px; border-radius:10px; padding:10px 15px; margin-bottom:15px}
.sec-tabs-sort, .sec-tabs-tools {display:flex; align-items:center; gap:30px}
.sec-tabs-switch {display:inline-flex; align-items:center; gap:8px; height:34px; padding:0 16px 0 14px; border-radius:30px; cursor: pointer}
.sec-tabs-switch i {font:18px/18px "WPLine"}

.sec-tabs {background:var(--bg-2); border:1px solid var(--line); color:var(--muted);}
.sec-tabs a {color:var(--muted)}
.sec-tabs a.active {color:#eee}
.sec-tabs a:hover {color:#fff}
.sec-tabs-switch {border: 1px solid var(--line); background:var(--bg-3); color:var(--text)}

/* SECTION 3 */






/* SECTION 3 */

.sec-badge {font-size:11px}

.sec-learn {font-size:16px; line-height:24px; font-weight:500; padding:12px 30px; display:inline-flex; box-sizing:border-box; align-items:center; justify-content:center; width:100%;}


.sec-badge {color:var(--mint)}
.sec-excerpt {color:var(--muted)}

/* SECTION 4 */




.sc-post {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 16px 16px 10px;
  box-sizing:border-box;
}

.sc-post-head {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sc-post-head .sc-avatar {
  width: 36px;
  height: 36px;
}

.sc-post-who {
  flex: 1;
  min-width: 0;
}

.sc-post-who strong {
  display: block;
  font-size: 14px;
}

.sc-post-who span {
  font-size: 12px;
  color: var(--muted);
}

.sc-post-more {
  color: var(--muted);
  font-size: 18px;
  padding: 4px 8px;
}

.sc-post h3 {
  margin: 12px 0 8px;
  font-size: 20px;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

.sc-post h3 a:hover {
  color: #d7ccff;
}

/*--------------------------------------------------------------------------------------------------------------------*
 * RESPONSIVE & RETINA
/*--------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:1280px) and (max-width:1679px) {
.sec-modern-layout {width:1170px}
}