/* The related links above the site footer (docs/implementation/27-related-links.html): groups of internal text links, page
   names as rounded buttons and article titles as rows, on white between the page and the footer. */
.tkl-related { border-top: 1px solid #ece4e6; background: #fff; color: #333; }
.tkl-related__inner { box-sizing: border-box; max-width: 1180px; margin: 0 auto; padding: 3.2rem 1.6rem 3.6rem; }
.tkl-related a { color: inherit; text-decoration: none; }
.tkl-related a:hover { text-decoration: underline; }
.tkl-related a:focus-visible { outline: 2px solid #b7354b; outline-offset: 2px; }
.tkl-related ul { margin: 0; padding: 0; list-style: none; }
.tkl-related li { margin: 0; }
.tkl-related__heading { margin: 0 0 1.6rem; font-size: 1.7rem; font-weight: bold; line-height: 1.4; }
.tkl-related__groups { display: grid; gap: 2.4rem; }
.tkl-related__group { min-width: 0; }
.tkl-related__group h3 { margin: 0 0 .8rem; font-size: 1.3rem; font-weight: bold; letter-spacing: .04em; color: #b7354b; }
.tkl-related__chips { display: flex; flex-wrap: wrap; gap: .8rem; }
.tkl-related__chips a { display: inline-flex; align-items: center; gap: .4rem; min-height: 40px; box-sizing: border-box; padding: 0 1.4rem; border: 1px solid #e4dcdd; border-radius: 99.9rem; background: #fff; font-size: 1.3rem; line-height: 1.4; }
.tkl-related__chips small { font-size: 1.1rem; color: #666; }
.tkl-related__titles li { border-top: 1px solid #ece4e6; }
.tkl-related__titles li:last-child { border-bottom: 1px solid #ece4e6; }
.tkl-related__titles a { display: block; padding: 1rem 0; font-size: 1.4rem; font-weight: bold; line-height: 1.5; overflow-wrap: anywhere; }
.tkl-related__titles small { display: block; font-size: 1.2rem; font-weight: normal; color: #666; }
@media screen and (min-width: 900px) {
  .tkl-related__inner { padding: 4rem 2.4rem 4.4rem; }
  .tkl-related__groups { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 3.2rem; }
  .tkl-related__group--articles { grid-column: 1 / -1; }
  .tkl-related__titles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2.4rem; }
  .tkl-related__titles li:nth-last-child(2) { border-bottom: 1px solid #ece4e6; }
  /* The theme's fixed sidebar on wide screens, printed only while the member entrances are shown. */
  .l-side ~ .tkl-related { padding-right: 35rem; }
}