/* Small, contextual blog shelves; scoped away from the homepage and existing cards. */
.tl-related{--related-ink:#17232b;--related-muted:#617078;--related-line:rgba(25,45,58,.17);color:var(--related-ink);background:rgba(248,250,249,.96);border:1px solid var(--related-line);border-radius:18px;padding:22px;min-width:0;scroll-margin-top:110px}
.tl-related__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 16px}
.tl-related .tl-related__heading{margin:0;font-size:17px;line-height:1.5;font-weight:800;letter-spacing:.015em;color:var(--related-ink)}
.tl-related .tl-related__more{flex-shrink:0;font-size:12px;font-weight:700;line-height:1.7;text-decoration:underline;text-underline-offset:4px;color:var(--related-ink)}
.tl-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tl-related .tl-related__post{display:grid;grid-template-rows:auto 1fr;gap:10px;min-width:0;color:var(--related-ink);text-decoration:none;background:none;border:0;border-radius:0;box-shadow:none}
.tl-related__thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:#e0e6e5;font-size:10px;letter-spacing:.08em;color:#5c6d70}
.tl-related .tl-related__thumb img{position:static;display:block;width:100%;height:100%;min-height:0;object-fit:cover;opacity:1;transform:none;filter:none;border-radius:0}
.tl-related__body{display:block;min-width:0}
.tl-related time{display:block;color:var(--related-muted);font-size:11px;letter-spacing:.05em;line-height:1.5;margin-bottom:5px}
.tl-related__title{display:block;font-size:14px;line-height:1.65;font-weight:700;overflow-wrap:anywhere}
.tl-related__post:hover .tl-related__title{text-decoration:underline;text-underline-offset:3px}
.tl-related a:focus-visible{outline:3px solid #c85132;outline-offset:4px;border-radius:3px}
.tl-related--compact{padding:18px 0 0;margin:20px 0 0;border-width:1px 0 0;border-radius:0;background:transparent}
.tl-related--compact .tl-related__head{display:block;margin-bottom:12px}
.tl-related--compact .tl-related__heading{font-size:15px;margin-bottom:4px}
.tl-related--compact .tl-related__grid{grid-template-columns:1fr;gap:12px}
.tl-related--compact .tl-related__post{grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto;gap:12px;align-items:start}
.tl-related--compact .tl-related__thumb{aspect-ratio:1}
.tl-related--compact .tl-related__title{font-size:13px;line-height:1.55}
.tl-related--compact time{font-size:10px;margin-bottom:3px}
.tl-related-shelf{padding-top:0!important;padding-bottom:34px!important}
.tl-related-shelf>.tl-related{margin-top:0}
.live-grid>.tl-related{grid-column:1/-1;width:100%}
.cside-v372-card>.tl-related{margin:0 24px 24px;align-self:stretch}
@media(max-width:640px){
 .tl-related{padding:18px;border-radius:14px}
 .tl-related__head{display:block;margin-bottom:14px}
 .tl-related .tl-related__heading{font-size:16px;margin-bottom:5px}
 .tl-related__grid{grid-template-columns:1fr;gap:15px}
 .tl-related .tl-related__post{grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto;gap:12px;align-items:start}
 .tl-related__thumb{aspect-ratio:1}
 .tl-related__title{font-size:13px;line-height:1.6}
 .tl-related--compact{padding:16px 0 0;border-radius:0}
 .tl-related--compact .tl-related__post{grid-template-columns:70px minmax(0,1fr)}
 .cside-v372-card>.tl-related{margin:0 18px 20px}
}