/* Page-specific additions only -- everything shared (.lineage-*, .wrap, .eyebrow, h1, .lede,
   .controls, tokens) comes from ../css/styles.css, which this page links directly. See the note
   in index.html on why that differs from build/recover/twintree's fully self-contained CSS. */

/* The main page's own eyebrow is plain text; this one starts with a link, which styles.css
   never had to style. Matches the border-bottom treatment build/recover/twintree each use. */
.eyebrow a {
  color: inherit; text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--teal) 38%, transparent);
}
.eyebrow a:hover { border-bottom-color: var(--teal); }

/* The docked panel's canvas (../css/styles.css) sizes itself off whatever height its host gives
   it: a dockview-computed pixel budget on desktop, an explicit .flow-panel-content vh rule on
   mobile/grid. This page is neither -- #lineageFig has no ancestor supplying either mechanism --
   so it needs its own explicit height, same `flex:none` fix as the mobile rule for the same
   reason (flex:1 in the base rule sets flex-basis:0%, which overrides `height` outright for a
   flex item whenever the parent's own height is indefinite, which it is here too). A full page
   with nothing else competing for room can afford more than the docked panel's 60vh -- that's
   the entire point of promoting this to its own page instead of leaving it buried in a scroll of
   six panels, which is what prompted the promotion in the first place. */
#lineageFig > .lineage-canvas {
  flex: none;
  height: min(72vh, 860px);
  min-height: 420px;
}