.reference-grid,.reference-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.reference-card,.reference-empty{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,16px);padding:1.4rem;margin-block:1rem;min-width:0;overflow-wrap:anywhere}
.reference-card h2,.reference-card h3{margin-block-start:0}.reference-card p{line-height:1.9}.reference-card small,.reference-card .muted{color:var(--text-muted)}
.reference-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:1rem;margin-block:1.5rem}.reference-filters input,.reference-filters select{width:100%;min-width:0}
.reference-actions,.reference-badges{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-block:1rem}.reference-actions a{min-height:36px;display:inline-flex;align-items:center}
.reference-copy-layout{display:grid;grid-template-columns:3fr 2fr;gap:1.4rem;align-items:start}.reference-field{margin-block-end:1rem}.reference-field label{display:block;margin-block-end:.45rem}.reference-field input:not([type=checkbox]),.reference-field textarea,.reference-field select{width:100%;max-width:100%;box-sizing:border-box}.reference-field input[type=checkbox]{width:auto}.reference-check{grid-column:1/-1}.reference-field ul{list-style:none;padding:0}.reference-field ul label{display:flex;align-items:center;gap:.5rem}
.reference-graph{overflow:auto;max-height:560px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.reference-graph svg{width:100%;min-width:540px;display:block}.reference-graph line{stroke:var(--text-muted);stroke-width:1.6}.reference-graph rect{fill:var(--surface);stroke:var(--border)}.reference-graph text{fill:var(--text);text-anchor:middle;font-size:13px;font-family:inherit}
.reference-table{overflow:auto}.reference-table table{width:100%}.reference-table th,.reference-table td{text-align:start;vertical-align:top;padding:.8rem;border-bottom:1px solid var(--border)}
.reference-graph marker path{fill:var(--text-muted)}
.reference-graph .reference-graph-role{font-size:10px;fill:var(--text-muted)}
.reference-field[hidden]{display:none}
.reference-origin{padding:.65rem 1rem;background:var(--info-soft);color:var(--text);border:1px solid var(--border);border-radius:10px;margin-block:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.reference-origin p{margin:0}.reference-empty{grid-column:1/-1;text-align:center;padding:3rem}
@media(max-width:760px){.reference-grid,.reference-meta-grid,.reference-copy-layout,.reference-filters{grid-template-columns:minmax(0,1fr)}.reference-graph svg{min-width:500px}.reference-card{padding:1rem}.reference-filters button{width:100%}}