.content-relations{margin:3rem 0;padding-top:2rem;border-top:1px solid var(--line,#8b8e8540);text-align:left;min-width:0}
.content-relations>h2{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.4;margin:0 0 2rem}
.content-relations .cr-group+.cr-group{margin-top:2.5rem}
.content-relations .cr-intro{max-width:76ch;margin-bottom:1.2rem}
.content-relations .cr-topic,.content-relations .cr-kind{font-size:.78rem;line-height:1.5;opacity:.7}
.content-relations .cr-intro h3{font-size:1.15rem;line-height:1.5;margin:.3rem 0 .7rem}
.content-relations .cr-intro>p:not(.cr-topic){font-size:.95rem;line-height:1.8;margin:0}
.content-relations .cr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.content-relations a.cr-card{position:relative;display:block;min-width:0;padding:1.25rem 1.25rem 2rem;color:inherit;text-decoration:none;border:1px solid var(--line,#8b8e8540);background:transparent;transition:border-color .18s ease}
.content-relations a.cr-card:hover{border-color:currentColor}
.content-relations a.cr-card:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.content-relations .cr-card h4{font-size:1rem;line-height:1.65;margin:.6rem 0;overflow-wrap:anywhere}
.content-relations .cr-card p{font-size:.88rem;line-height:1.75;opacity:.8;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.content-relations .cr-arrow{position:absolute;right:1rem;bottom:.65rem}
@media(max-width:640px){.content-relations{margin:2rem 0}.content-relations .cr-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.content-relations a.cr-card{transition:none}}