.related-trackpads{padding:1rem}.related-trackpads>h2{font-size:1.65rem;margin:0 0 .55rem;color:var(--ivory)}
.related-trackpads-intro{font-size:.74rem;line-height:1.6;color:var(--muted);margin:0 0 .9rem}
.related-trackpads-list{display:grid;gap:.7rem}.related-trackpads-card{display:block;border:1px solid var(--line);background:#0f140e;padding:.8rem;text-decoration:none;min-height:44px}
.related-trackpads-card:hover{border-color:var(--gold);color:var(--ivory)}.related-trackpads-card .related-media-type{display:block;color:var(--gold2);font-size:.57rem;font-weight:800;letter-spacing:.12em;margin-bottom:.25rem}
.related-trackpads-card strong{display:block;color:var(--ivory);font-size:.82rem;line-height:1.35;margin-bottom:.3rem}.related-trackpads-card>span:not(.related-media-type){display:block;color:var(--muted);font-size:.7rem;line-height:1.5}
.related-trackpads-card em{display:block;color:var(--gold2);font-style:normal;font-size:.66rem;font-weight:700;margin-top:.45rem}
@media(max-width:760px){.related-trackpads{grid-area:book}.related-trackpads-list{grid-template-columns:1fr}.related-trackpads>h2{font-size:1.55rem}}


/* WIP56R1: recommendation typography for the unified left rail. */
.related-trackpads{overflow:hidden}
.related-trackpads>h2{font-family:var(--display);font-size:1.42rem;line-height:1.08;letter-spacing:0;margin:0 0 .55rem}
.related-trackpads-intro{font-family:var(--sans);font-size:.72rem;line-height:1.55}
.related-trackpads-card{overflow:hidden}
.related-trackpads-card strong{font-family:var(--sans);font-size:.78rem;line-height:1.38;overflow-wrap:anywhere}
.related-trackpads-card>span:not(.related-media-type){font-family:var(--sans);font-size:.69rem;line-height:1.48;overflow-wrap:anywhere}
.related-trackpads-card em{font-family:var(--sans);font-size:.64rem;line-height:1.35}