/* --- tl4-category-archive-fixed --- */
.tl4-category-archive{
  width:100%;
}

.tl4-category-archive .tl4-content{
  width:min(980px, calc(100% - 120px));
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}

.tl4-category-archive-list{
  display:flex;
  flex-direction:column;
  width:100%;
}

.tl4-category-post{
  display:grid;
  grid-template-columns:190px minmax(0, 1fr);
  column-gap:28px;
  align-items:center;
  padding:28px 0;
  border-bottom:1px solid rgba(61,46,36,.28);
}

.tl4-category-post:first-child{
  padding-top:8px;
}

.tl4-category-post-image{
  width:100%;
  aspect-ratio:16 / 10;
  overflow:hidden;
  background:#D7C7B3;
}

.tl4-category-post-image a{
  display:block !important;
  width:100% !important;
  height:100% !important;
}

.tl4-category-post-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

.tl4-category-post-body{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.tl4-category-post-meta{
  margin:0 0 9px;
  font-size:11px;
  line-height:1.2;
  letter-spacing:.08em;
  color:#806B59;
}

.tl4-category-post-title{
  margin:0 0 12px;
  overflow-wrap:break-word;
  word-break:normal;
  padding:0;
  font-size:clamp(22px,2.2vw,32px);
  line-height:1.12;
  font-weight:500;
}

.tl4-category-post-title a{
  color:inherit;
  text-decoration:none;
}

.tl4-category-post-title a:hover{
  opacity:.75;
}

.tl4-category-post-excerpt{
  margin:0;
  overflow-wrap:break-word;
  word-break:normal;
  padding:0;
  font-size:15px;
  line-height:1.5;
  color:#3D2E24;
}

.tl4-category-author{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:16px;
  min-height:32px;
  font-size:13px;
  line-height:1.2;
  color:#3D2E24;
}

.tl4-category-author .tl4-blog-v2-avatar{
  display:block !important;
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  max-width:32px !important;
  max-height:32px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:50% !important;
  object-fit:cover !important;
  object-position:center !important;
  overflow:hidden !important;
}

@media(max-width:700px){
  .tl4-category-archive .tl4-content{
    width:calc(100% - 48px);
    max-width:none;
  }

  .tl4-category-post{
    grid-template-columns:1fr;
    row-gap:17px;
    padding:24px 0;
  }

  .tl4-category-post:first-child{
    padding-top:5px;
  }

  .tl4-category-post-image{
    aspect-ratio:16 / 9;
  }

  .tl4-category-post-title{
    font-size:25px;
  }

  .tl4-category-post-excerpt{
    font-size:15px;
  }
}

/* --- tl4-category-kicker-spacing --- */
.tl4-category-archive .tl4-kicker{
  margin-bottom:8px !important;
}
.tl4-category-archive h1{
  margin-top:0 !important;
}

/* --- tl4-tag-author-avatar-fix --- */
.tl4-tag-page .tl4-blog-author-with-avatar{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  width:100% !important;
  margin-top:14px !important;
}
.tl4-tag-page .tl4-blog-author-with-avatar .tl4-blog-author-avatar{
  display:block !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  max-width:30px !important;
  min-height:30px !important;
  max-height:30px !important;
  flex:0 0 30px !important;
  overflow:hidden !important;
  border-radius:50% !important;
  line-height:0 !important;
}
.tl4-tag-page .tl4-blog-author-with-avatar .tl4-blog-author-avatar img,
.tl4-tag-page .tl4-blog-author-with-avatar .tl4-blog-author-photo{
  display:block !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  max-width:30px !important;
  min-height:30px !important;
  max-height:30px !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:50% !important;
  margin:0 !important;
  padding:0 !important;
}
.tl4-tag-page .tl4-blog-author-with-avatar > span:last-child{
  display:inline-block !important;
  margin:0 !important;
  line-height:1.3 !important;
}