/* Looks the public site adds to the hub's lineage app (static/hub/app/lineage.css, lineage-spreadmap.css and css/lineage.css: synced). Hand-written; the sync never touches it. */

/* The server-built lists (the fallback for readers without scripts and for search engines) go away when the hub's script runs. flag.js sets data-audience on <html> when scripts run. */
html[data-audience="public"] .ssr-only { display: none; }

/* The Worker's heading, the lines under it and the explanation under the app. */
.hub-lineage .lede { color: var(--muted); font-size: 13.5px; margin: 0 0 12px; max-width: 70ch; }
.hub-lineage .lin-rule { margin: 0 0 14px; }
.hub-lineage .lin-scope { margin: 0 0 8px; }
.hub-lineage .lin-data { margin-top: 18px; }
.hub-lineage > .panel { margin-top: 18px; }

/* The list of linked pairs on a model bill or a family (it replaces the hub's "pick any two members" form: only a listed pair can be compared). */
.hub-lineage .pair-list { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px; }
.hub-lineage .pair-list li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding: 6px 0; border-bottom: 1px solid var(--border); font-size: 12.5px; }
.hub-lineage .pair-list a { color: var(--text); font-weight: 600; display: inline-flex; align-items: center; min-height: 24px; }
.hub-lineage .pair-list a.pair-go { color: var(--gold); font-weight: 400; margin-left: auto; }
.hub-lineage .pair-more { margin: 8px 0 0; }

/* The server-built comparison's two bills. */
.hub-lineage .lin-cmp-bills { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 4px; }

/* no style attribute on the page (CSP): what the hub set inline */
.hub-lineage .lineage-app { margin-top: 4px; }