.rel-summary{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-bottom:14px}
.rel-rate b,.rel-summary b{color:var(--text)}
.rel-open{color:var(--amber);font-weight:600}
.rel-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
@media (max-width:1100px){.rel-cols{grid-template-columns:1fr}}
.rel-panel{overflow:hidden}
.rel-blurb{padding:8px 14px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--border)}

.rel-fam{border-bottom:1px solid #f0f1f4}
.rel-fam:last-child{border-bottom:0}
.rel-fam-head{display:flex;align-items:center;gap:7px;padding:8px 14px;font-size:12px;background:#fafbfc}
.rel-fam-head .tcount{margin-left:auto;color:var(--muted);font-size:11px}
.rel-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--fam-other)}
.rel-classification .rel-dot{background:var(--fam-classification)}
.rel-composition   .rel-dot{background:var(--fam-composition)}
.rel-association   .rel-dot{background:var(--fam-association)}
.rel-packaging     .rel-dot{background:var(--fam-packaging)}

.rel-row{display:flex;align-items:center;gap:8px;padding:7px 14px 7px 29px;font-size:12.5px;flex-wrap:wrap}
.rel-row:hover{background:#fafbff}
.rel-type{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);flex:none}
.rel-key{font-family:var(--mono);font-size:12.5px;font-weight:600;text-decoration:none;color:var(--accent);display:inline-flex;align-items:center;gap:4px}
.rel-key:hover{text-decoration:underline}
.rel-key.rel-vocab{color:var(--purple);font-weight:600}
.rel-key.rel-miss{color:var(--muted)}
.rel-ver{font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--gray-soft);border-radius:4px;padding:1px 5px}
.rel-opt{font-size:10.5px;color:var(--muted);font-style:italic}
.rel-state{font-size:10.5px;font-weight:600;color:var(--amber);background:var(--amber-soft);border-radius:4px;padding:1px 6px}
.rel-name{font-size:11.5px;margin-left:auto}