:root{
  --ta-rel-text:#201c18;
  --ta-rel-soft:#6f675f;
  --ta-rel-heading:#4f351c;
  --ta-rel-accent:#a97a43;
  --ta-rel-accent-2:#7f5d31;
  --ta-rel-line:#ddd2c4;
  --ta-rel-line-strong:#b08a55;
}

/* Related block = quiet secondary navigation, visually aligned with right-side TOC */
.ta-related-block{
  width:min(760px,92vw) !important;
  margin:22px auto 26px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:var(--ta-rel-text) !important;
}

.ta-related-block h2,
.ta-related-block h3{
  margin:0 0 8px !important;
  padding:0 0 8px !important;
  border-bottom:1px solid var(--ta-rel-line) !important;
  color:var(--ta-rel-heading) !important;
  font-size:16px !important;
  line-height:1.35 !important;
  letter-spacing:0 !important;
  font-weight:600 !important;
}

.ta-related-block h2::after,
.ta-related-block h3::after{
  content:"";
  display:block;
  width:34px;
  height:1px;
  margin-top:7px;
  background:var(--ta-rel-line-strong);
}

.ta-related-list{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}

.ta-related-item{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 !important;
  padding:8px 0 !important;
  border:0 !important;
  border-bottom:1px solid var(--ta-rel-line) !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

.ta-related-link{
  color:var(--ta-rel-soft) !important;
  font-size:14px !important;
  line-height:1.5 !important;
  font-weight:500 !important;
  text-decoration:none !important;
}

.ta-related-link:hover{
  color:var(--ta-rel-heading) !important;
  text-decoration:none !important;
}

.ta-related-item::after{
  content:"→";
  flex:0 0 auto;
  color:var(--ta-rel-accent-2) !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:500 !important;
  opacity:.75;
}

.ta-auto-inline-link{
  color:var(--ta-rel-accent-2) !important;
  text-decoration:underline !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:3px !important;
  font-weight:400 !important;
}
.ta-auto-inline-link:hover{color:var(--ta-rel-accent) !important;}

/* High-specificity override for older cached/plugin rules */
body .ta-related-block a,
body .ta-related-block .ta-related-link,
body .ta-related-block strong,
body .ta-related-block .ta-related-title{
  font-size:14px !important;
  line-height:1.5 !important;
  font-weight:500 !important;
  color:var(--ta-rel-soft) !important;
  text-decoration:none !important;
}
body .ta-related-block h2,
body .ta-related-block h3{
  font-size:16px !important;
  font-weight:600 !important;
}
body .ta-related-block .ta-related-item::after,
body .ta-related-block article::after,
body .ta-related-block li::after{
  font-size:12px !important;
  font-weight:500 !important;
}

@media (max-width:720px){
  .ta-related-block{
    width:100% !important;
    margin:18px 0 22px !important;
    padding:0 14px !important;
  }
  .ta-related-block h2,
  .ta-related-block h3{
    font-size:15px !important;
    font-weight:600 !important;
  }
  .ta-related-link,
  body .ta-related-block a,
  body .ta-related-block .ta-related-link{
    font-size:14px !important;
    font-weight:500 !important;
  }
  .ta-related-item{
    padding:8px 0 !important;
  }
}