.edge-swatch { width:46px; height:14px; flex:none; color:inherit; overflow:visible; }
.edge-swatch path { fill:none; stroke:currentColor; stroke-linecap:round; }
.relation-definitions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:28px 0; }
.relation-definitions dt { display:flex; align-items:center; gap:8px; font-weight:650; }
.relation-definitions dd { margin:8px 0 0; color:var(--muted); font-size:14px; line-height:1.6; }
.relation-query { display:flex; flex-wrap:wrap; align-items:end; gap:16px; }
.relation-query label { display:grid; gap:8px; }
.relation-query select { padding:12px; border:1px solid var(--line); background:var(--paper); color:var(--ink); font:inherit; }
@media(max-width:700px){.relation-definitions{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.relation-definitions{grid-template-columns:1fr}}