/* ============================================================
   JÖVŐK ÚTJA (js/bolygo-jovok.js) – a bolygó oldal-paneljében: csomópont-kártya, döntés, ajánló, „Minden jövő” térkép.
   Csak tokenek (docs/arculat.md). A térkép pontjainak színe a melegedést jelzi (levél → méz → parázs → bogyó), mellette
   mindig ott az év és a fokszám szövegben is (szín mellé jelentés).
   ============================================================ */
.vjUt { display:flex; flex-wrap:wrap; gap:4px; margin:4px 0 0; padding:0; list-style:none; font:700 var(--fs-xs)/1 var(--body); color:var(--ink-soft); }
.vjUt li + li::before { content:"›"; margin-right:4px; }
.vjKartya { display:grid; gap:6px; }
.vjCim { margin:0; font:400 var(--fs-l)/1.15 var(--display); text-wrap:balance; }
.vjFok { margin:0; display:flex; align-items:center; gap:6px; font-size:var(--fs-m); }
.vjFok small { color:var(--ink-soft); }
.vjHatasok { margin:0; padding-left:1.1em; display:grid; gap:6px; }
.vjKerdes { margin:var(--sp-3) 0 var(--sp-2); font:400 var(--fs-l)/1.2 var(--display); display:flex; gap:8px; align-items:flex-start; }
.vjValaszok { display:grid; gap:var(--sp-2); }
.vjValaszok .ds-btn-sm { justify-content:flex-start; text-align:left; min-height:var(--tap); white-space:normal; }
.vjVege { margin:var(--sp-3) 0; display:flex; gap:8px; align-items:flex-start; font-weight:600; }
.vjAjanlok { margin-top:var(--sp-3); }
.vjAjanlok h4 { margin:var(--sp-2) 0 4px; font-size:var(--fs-s); }
.vjAjanlok ul { margin:0; padding:0; list-style:none; display:grid; gap:var(--sp-2); }
.vjAjanlo { display:grid; gap:2px; padding:var(--sp-2); border-radius:var(--r-m); background:var(--surface); border:var(--line-w) solid var(--line); }
.vjAjanlo p { margin:2px 0; } .vjAjanlo small { color:var(--ink-soft); }
.vjCsip { display:flex; flex-wrap:wrap; gap:4px; }
.vjFelnott { display:flex; gap:8px; align-items:center; margin-top:var(--sp-2); font-size:var(--fs-s); min-height:var(--tap); }
.vjFelnott input { width:20px; height:20px; accent-color:var(--leaf); }
.vjGombok { display:flex; flex-wrap:wrap; gap:var(--sp-2); margin-top:var(--sp-3); }
.vjTerkep { margin:0; }
.vjTerkep svg { width:100%; height:auto; display:block; }
.vjTerkep figcaption { margin-top:6px; font-size:var(--fs-s); color:var(--ink-soft); }
.vjEl { stroke:var(--sage); stroke-width:2; } .vjEl.on { stroke:var(--ink); stroke-width:3.5; }
.vjPont circle { stroke:var(--line); stroke-width:2; }
.vjPont:not(.jart) circle { stroke-dasharray:3 3; }
.vjPont.most circle { stroke-width:4; }
.vjPont[role="button"] { cursor:pointer; }
.vjPont[role="button"]:focus-visible circle { stroke:var(--focus); stroke-width:4; }
.vjEvFelirat { font:700 11px var(--body); fill:var(--ink-soft); text-anchor:middle; }
.vjFokMegj { display:block; color:var(--ink-soft); font-size:var(--fs-xs); }
.vjKov { margin:0 0 var(--sp-2); padding:var(--sp-2) var(--sp-3); border-radius:var(--r-m); background:var(--butter); font-size:var(--fs-s); }
.vjAllapot { margin:0; padding:0; list-style:none; display:grid; gap:4px; font-size:var(--fs-xs); }
.vjAllapot li { display:grid; grid-template-columns:18px 9em 1fr; gap:6px; align-items:center; }
.vjAllapot .pic { width:16px; height:16px; }
/* a Jövők módban a téma-sor és az időszalag nem kell (a jövő a gráfon halad) */
#bl[data-mod="jovok"] #blTemak, #bl[data-mod="jovok"] .blSzalag { display:none; }
/* döntési pontok a térképen (rombusz + téma az oszlopok között) és alatta a listában */
.vjDontesJel rect { fill:var(--accent); stroke:var(--line); stroke-width:1.5; }
.vjDontesFelirat { font:700 10px var(--body); fill:var(--ink); text-anchor:middle; }
.vjDontesek { margin:var(--sp-2) 0 0; padding:0; list-style:none; display:grid; gap:4px; font-size:var(--fs-s); }
.vjDontesek li { display:grid; grid-template-columns:9.5em 1fr; gap:6px; padding:4px 8px; border-radius:var(--r-s); background:var(--surface); color:var(--ink-soft); }
.vjDontesek li.kesz { color:var(--ink); background:var(--butter); }
.vjUt small { font-weight:600; }
.vjSzuro { flex-wrap:wrap; margin:var(--sp-2) 0; } .vjSzuro small { opacity:.75; margin-left:3px; }
.vjAjanlok > h4:first-child { margin-top:0; }