.breadcrumb-bar{padding:16px 0 0}
.breadcrumbs{color:var(--muted);font-size:.86rem;line-height:1.4}
.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0}
.breadcrumb-list li{display:flex;align-items:center;min-width:0}
.breadcrumb-list li+li::before{content:"›";margin:0 9px;color:color-mix(in srgb,var(--muted) 58%,transparent);font-weight:800}
.breadcrumb-list a{color:var(--muted);font-weight:700;transition:color .15s ease}
.breadcrumb-list a:hover{color:var(--text)}
.breadcrumb-list [aria-current="page"]{color:var(--text);font-weight:800;overflow-wrap:anywhere}

/* Semantic recommendation cards: compact 16:9 media with visible context. */
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.related-card{display:flex;flex-direction:column;min-width:0;overflow:hidden}
.related-media{display:block;position:relative;width:100%;aspect-ratio:16/9;flex:0 0 auto;overflow:hidden;background:#05090c;border-bottom:1px solid var(--border)}
.related-media img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .25s ease}
.related-card:hover .related-media img{transform:scale(1.025)}
.related-copy{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;padding:18px}
.related-copy h3{margin:0 0 10px;font-size:clamp(1.02rem,1.25vw,1.18rem);line-height:1.25;letter-spacing:-.01em;overflow-wrap:anywhere}
.related-copy h3 a:hover{color:var(--accent)}
.related-copy .section-kicker{align-self:flex-start;margin:0 0 12px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:999px;background:color-mix(in srgb,var(--primary) 8%,transparent);font-size:.68rem;line-height:1.2;letter-spacing:.09em}
.related-copy .section-kicker::before{content:"MATCH · ";color:var(--muted)}
.related-copy p{display:-webkit-box;margin:0 0 16px;overflow:hidden;color:var(--muted);font-size:.9rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.related-copy .button{width:100%;margin-top:auto}

@media(max-width:1050px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.breadcrumb-bar{padding-top:12px}.breadcrumbs{font-size:.8rem}.breadcrumb-list li+li::before{margin-inline:7px}.related-grid{grid-template-columns:1fr;gap:16px}.related-copy{padding:16px}.related-copy p{-webkit-line-clamp:4}}
@media(prefers-reduced-motion:reduce){.related-media img{transition:none}.related-card:hover .related-media img{transform:none}}