/* Genesis Timeline — tool-specific styles. Relies on the shared design tokens
   (--accent, --red-bright, fonts) defined in the suite's shared stylesheet. */
.gg-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:#fafafa;padding:10px 6px;margin:14px 0;}
#gg-svg{display:block;width:100%;min-width:680px;height:auto;}
.gg-grid{stroke:rgba(255,255,255,.06);stroke-width:1;}
.gg-axis{fill:var(--faint);font:500 11px var(--sans);}
.gg-flood{stroke:var(--red-bright);stroke-width:1.5;stroke-dasharray:5 4;opacity:.85;}
.gg-flood-lbl{fill:var(--red-bright);font:600 11px var(--sans);}
.gg-name{fill:var(--fg);font:600 12.5px var(--sans);}
.gg-age{fill:var(--faint);font:500 11px var(--sans);}
.gg-bar{fill:var(--accent);opacity:.82;transition:opacity .12s;}
.gg-row:hover .gg-bar{opacity:1;}
.gg-bar.on{opacity:1;fill:var(--accent2);stroke:var(--fg);stroke-width:1;}
.gg-bar--translated{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:4 3;opacity:1;}
.gg-row{cursor:pointer;outline:none;}
.gg-row:focus .gg-bar{stroke:var(--accent2);stroke-width:1.5;}
.gg-tip{position:fixed;pointer-events:none;opacity:0;transition:opacity .1s;background:#0a0d13;border:1px solid var(--border);border-radius:8px;padding:7px 10px;font:500 12.5px/1.4 var(--sans);color:var(--white);z-index:1200;box-shadow:0 8px 24px rgba(0,0,0,.5);}
.gg-legend{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:12.5px;margin:6px 2px 0;align-items:center;}
.gg-legend span{display:inline-flex;align-items:center;}
.gg-legend i{display:inline-block;margin-right:7px;}
.gg-legend .b1{width:22px;height:9px;border-radius:2px;background:var(--accent);opacity:.82;}
.gg-legend .b2{width:22px;height:11px;border-radius:2px;border:1.5px dashed var(--accent);}
.gg-legend .b3{width:0;height:13px;border-left:2px dashed var(--red-bright);}
.gg-note{color:#d9d4c7;font-size:14px;line-height:1.6;border-left:3px solid var(--accent);padding-left:12px;margin:8px 0;}
.gg-tag{font:600 10px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;background:rgba(200,164,92,.18);color:var(--accent2);padding:4px 7px;border-radius:5px;vertical-align:middle;}
.gg-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.gg-chip{background:var(--bg2);border:1px solid var(--border);border-radius:7px;padding:4px 9px;font-size:13px;color:var(--fg);cursor:pointer;}
.gg-chip:hover{border-color:var(--accent);color:var(--accent);}