/* ============================================================
   A mi bolygónk — Megoldások réteg (js/bolygo-megoldas.js, bolygo-megoldas-ui.js). Csak tokenek (docs/arculat.md).
   A jel: levélzöld hatszög méz-maggal – a problémák és sikerek jeleitől elváló, „él és működik” hangulatú.
   ============================================================ */
.blMegJel { display:inline-block; width:18px; height:18px; flex:none; clip-path:var(--hex); vertical-align:-3px;
  background:radial-gradient(circle at 50% 50%, var(--honey) 0 32%, var(--leaf) 34%); }
.blMeg { display:grid; gap:var(--sp-3); }
.blMegKep { position:relative; display:grid; place-items:center; min-height:132px; border-radius:var(--r-m); border:var(--line-w) solid var(--line);
  background:var(--c, var(--sage)); overflow:hidden; }
.blMegKep .art, .blMegKep svg { width:84px; height:84px; }
.blMegKep img { width:100%; height:100%; object-fit:cover; }
.blMegTor { display:grid; gap:var(--sp-2); }
.blMegPelda { background:var(--butter); border-style:dashed; justify-self:start; }
.blMegAll { list-style:none; margin:0; padding:0; display:grid; gap:var(--sp-2); }
.blMegAll li { display:grid; gap:2px; padding:var(--sp-2) var(--sp-3); border-radius:var(--r-s); background:var(--sage-bg); }
.blMegAll small { color:var(--ink-soft); }
.blMegVideo { display:grid; gap:var(--sp-2); }
.blMegVideo iframe { width:100%; aspect-ratio:16 / 9; border:var(--line-w) solid var(--line); border-radius:var(--r-s); background:var(--ink); }
.blMegVideo p { margin:0; display:flex; gap:var(--sp-2); align-items:center; } .blMegVideo .pic { width:20px; height:20px; }
.blMegJelentkezz { display:grid; gap:var(--sp-2); padding:var(--sp-3); border-radius:var(--r-m); background:var(--butter); border:var(--line-w) dashed var(--line); }
.blMegJelentkezz b { display:flex; gap:var(--sp-2); align-items:center; } .blMegJelentkezz .pic { width:22px; height:22px; }
.blMegHamar { color:var(--ink-soft); }
/* a lista elemei: kis stilizált kép a név mellett */
.blMegElem { align-items:center; }
.blMegElem .blMegKep { min-height:0; width:52px; height:52px; flex:none; border-radius:var(--r-s); }
.blMegElem .blMegKep .art, .blMegElem .blMegKep svg { width:38px; height:38px; }