.constellation-page{overflow-y:auto;padding:var(--space-2xl);background:var(--color-subtle);color:var(--color-ink)}
.constellation-page>*{max-width:1400px;margin-inline:auto}
.constellation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-xl)}
.constellation-heading h2{font-size:var(--text-2xl)}
.constellation-heading .subheading{margin-top:var(--space-sm)}
.constellation-eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-xs)}
.constellation-filters{display:flex;align-items:end;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}
.constellation-filters label{display:grid;gap:var(--space-xs);font-size:var(--text-xs);font-weight:600;color:var(--color-muted);min-width:150px}
.constellation-filters select,.constellation-filters input{min-height:40px;color:var(--color-ink)}
.constellation-filters input{width:120px}
.constellation-scope{align-self:center;font-size:var(--text-xs);color:var(--color-muted)}
.constellation-error{margin-bottom:var(--space-lg)}
.constellation-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--space-lg);margin-top:var(--space-md);min-height:520px}
.constellation-chart,.constellation-side>section{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-lg)}
.constellation-chart{height:clamp(480px,70dvh,900px);min-width:0}
.constellation-empty{display:grid;place-items:center;height:100%;padding:var(--space-xl);text-align:center;color:var(--color-muted);font-size:var(--text-sm)}
.constellation-side{display:grid;align-content:start;gap:var(--space-md);min-width:0}
.constellation-side>section{padding:var(--space-lg)}
.constellation-side h3{font-size:var(--text-sm);margin-bottom:var(--space-md)}
.constellation-key>p:nth-child(2){display:flex;gap:var(--space-lg);flex-wrap:wrap;font-size:var(--text-xs)}
.constellation-key>p:nth-child(2)>span:before{content:'';display:inline-block;width:18px;border-top:2px solid;margin-right:var(--space-xs);vertical-align:middle}
.key-similar:before{color:oklch(69% .10 85)}
.key-concern:before{color:var(--color-muted)}
.constellation-key .quiet{margin-top:var(--space-sm)}
.constellation-detail{display:grid;gap:var(--space-sm)}
.constellation-detail-label{font-size:var(--text-xs);font-weight:700;color:var(--color-muted)}
.constellation-detail strong{font-size:var(--text-base);overflow-wrap:anywhere}
.constellation-detail p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-xs);line-height:1.7}
.constellation-detail button{justify-self:start;margin-top:var(--space-sm)}
.constellation-search{min-height:160px}
.constellation-search input{width:100%;min-height:42px}
.constellation-matches{display:grid;gap:var(--space-xs);max-height:320px;overflow-y:auto;margin-top:var(--space-md)}
.constellation-match{justify-content:flex-start;text-align:left;border:0;padding:var(--space-sm);font-size:var(--text-xs);overflow-wrap:anywhere;min-height:40px}
@media(max-width:1050px){.constellation-layout{grid-template-columns:minmax(0,1fr)}.constellation-side{grid-template-columns:repeat(3,minmax(0,1fr))}.constellation-chart{height:60dvh}}
@media(max-width:700px){.constellation-page{padding:var(--space-lg)}.constellation-heading{display:grid}.constellation-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.constellation-filters label{min-width:0}.constellation-filters select,.constellation-filters input{width:100%}.constellation-scope{grid-column:1/-1}.constellation-side{grid-template-columns:minmax(0,1fr)}.constellation-chart{height:55dvh;min-height:400px}}
