/* Existing topic/search card visual language, scoped to this article component. */
.entry-content .bk-related-topics { margin:28px 0; padding:0; font-family:inherit; color:inherit; }
.entry-content .bk-related-topics * { box-sizing:border-box; }
.entry-content .bk-related-topics > h2 { margin:0 0 16px; padding:0; border:0; font-size:18px; font-weight:400; line-height:1.5; color:inherit; }
.entry-content .bk-related-topics > h2::before,
.entry-content .bk-related-topics > h2::after { content:none; }
.entry-content .bk-related-topics .bukids-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:18px; }
.entry-content .bk-related-topics .bukids-card { display:flex; min-width:0; overflow:hidden; margin:0; padding:0; background:#fff; border:1px solid #e6e9ef; border-radius:6px; box-shadow:none; }
.entry-content .bk-related-topics .bukids-card-link { display:flex; flex-direction:column; flex:1 1 auto; min-width:0; margin:0; padding:0; color:inherit; text-decoration:none; border:0; }
.entry-content .bk-related-topics .bukids-card-link:focus-visible { outline:2px solid var(--b2color,#fd4c4c); outline-offset:-3px; }
.entry-content .bk-related-topics .bukids-card-media { display:block; position:relative; flex-shrink:0; aspect-ratio:16/9; overflow:hidden; background:#fff; }
.entry-content .bk-related-topics .bukids-card-media img { display:block; width:100%; height:100%; max-width:100%; margin:0; padding:0; border:0; border-radius:0; object-fit:cover; }
.entry-content .bk-related-topics .bk2-textbook-card .bukids-card-media img { object-fit:contain; }
.entry-content .bk-related-topics .bukids-card-placeholder { display:flex; position:absolute; inset:0; align-items:center; justify-content:center; color:#737b85; font-size:28px; font-weight:400; }
.entry-content .bk-related-topics .bukids-card-placeholder[hidden],
.entry-content .bk-related-topics .bukids-card-media img[hidden] { display:none; }
.entry-content .bk-related-topics .bukids-card-content { display:flex; flex-direction:column; flex:1 1 auto; min-width:0; padding:14px; }
.entry-content .bk-related-topics .bukids-card-content h3 { display:block; margin:0; padding:0; border:0; color:inherit; font-size:14px; font-weight:400; line-height:1.5; overflow:visible; overflow-wrap:anywhere; white-space:normal; }
.entry-content .bk-related-topics .bukids-card-content h3::before,
.entry-content .bk-related-topics .bukids-card-content h3::after { content:none; }
.entry-content .bk-related-topics .bukids-card-cn { margin:4px 0 0; padding:0; color:#666; font-size:13px; font-weight:400; line-height:1.5; overflow-wrap:anywhere; }
.entry-content .bk-related-topics .bukids-card-stats { display:flex; flex-wrap:wrap; gap:2px 3px; margin:auto 0 0; padding:8px 0 0; color:#667085; font-size:12px; font-weight:400; line-height:1.5; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.entry-content .bk-related-topics .bukids-card-stats > span { display:inline-block; max-width:100%; vertical-align:top; white-space:normal; font-size:inherit; }
.entry-content .bk-related-topics .bukids-card-stats > span::before { content:none; }
.entry-content .bk-related-topics .bukids-card-stats > span:not(:last-child)::after { content:"\00a0·"; padding-left:2px; white-space:nowrap; }
.entry-content .bk-related-topics .bukids-card-stats > .bk-related-season { white-space:nowrap; }
@media(hover:hover) and (pointer:fine) {
    .entry-content .bk-related-topics .bukids-card-link:hover { background:#fcfcfd; }
}
@media(max-width:768px) {
    .entry-content .bk-related-topics { margin:24px 0; }
    .entry-content .bk-related-topics > h2 { margin-bottom:12px; font-size:16px; }
    .entry-content .bk-related-topics .bukids-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    .entry-content .bk-related-topics .bukids-card-content { padding:10px; }
}

/* 2.0.189: tablets (600–768px) keep 3 related topics per row, like the other grids. */
@media (min-width:600px) and (max-width:768px) {
    .entry-content .bk-related-topics .bukids-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}