:root{
    --graf:#0a0d12;
    --ejkek:#0d1626;
    --tur:#00E6D2;
    --tur2:#70FFF2;
    --lila:#8a6bff;
    --lila2:#b49aff;
    --arany:#e9c877;
    --arany2:#f3e2ab;
    --szoveg:#eaf2f5;
    --halvany:#a7bcc7;
    --panel:rgba(15,23,38,0.72);
    --keret:rgba(0,230,210,0.14);
  }
  *{box-sizing:border-box;}
  html, body{margin:0;padding:0;}
  body{
    font-family:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
    color:var(--szoveg);
    line-height:1.85;
    font-size:1.125rem;
    background-color:#070a0f;
    background-image:
      radial-gradient(150% 120% at 50% 38%, rgba(16,26,46,0.5) 0%, rgba(9,13,22,0.9) 55%, #05070b 100%),
      linear-gradient(160deg, #0a0f18 0%, #080b12 55%, #06080e 100%);
    background-attachment:fixed;
    background-repeat:no-repeat;
  }
  .wrap{max-width:760px;margin:0 auto;padding:34px 20px 70px;}

  /* Finom görgetés-jelző: nem "appos" tele csík, hanem egy alig látható,
     vékony sáv a lap tetején, ami könyvjelző szalag módjára jelzi, mennyi
     van hátra a mai olvasmányból. Csak a napi oldalakon van jelen (lásd
     templates/page.html); a JS-logika az assets/app.js végén található. */
  .scroll-progress{
    position:fixed; top:0; left:0; width:100%; height:2px;
    background:rgba(255,255,255,0.045); z-index:60; pointer-events:none;
  }
  .scroll-progress-fill{
    height:100%; width:0%;
    background:linear-gradient(90deg, var(--tur), var(--lila));
    box-shadow:0 0 8px rgba(0,230,210,0.35);
  }
  @media (prefers-reduced-motion:no-preference){
    .scroll-progress-fill{ transition:width .12s linear; }
  }

  .needle, .needle.rovid, .needle.arany{
    height:1px;
    width:min(620px, 92%);
    margin:40px auto;
    border:0;
    background:linear-gradient(90deg, transparent, #00E6D2, #9471FF, transparent);
    box-shadow:0 0 16px rgba(0,230,210,0.5);
  }

  .nav{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:24px 0 4px;}
  .pill, .pill.primary, .pill.ghost{
    display:inline-block;text-decoration:none;cursor:pointer;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size:0.92rem;font-weight:600;letter-spacing:0.03em;
    padding:11px 26px;border-radius:999px;
    color:#eaf6f5;
    border:1px solid rgba(0,230,210,0.28);
    background:linear-gradient(120deg, rgba(0,230,210,0.08) 0%, rgba(138,107,255,0.09) 100%);
    box-shadow:0 4px 16px rgba(0,0, 0,0.25);
    transition:color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
  }
  .pill:hover, .pill.primary:hover, .pill.ghost:hover{
    color:var(--tur2);
    border-color:var(--tur);
    background:linear-gradient(120deg, rgba(0,230,210,0.22) 0%, rgba(138,107,255,0.20) 100%);
    box-shadow:0 10px 28px rgba(0,230,210,0.3);
    transform:translateY(-1px);
  }

  header.top{
    position:relative;
    text-align:center;
    padding:40px 26px 34px;
    border-radius:20px;
    background:
      radial-gradient(95% 130% at 0% 0%, rgba(0,230,210,0.20) 0%, rgba(0,230,210,0) 55%),
      radial-gradient(95% 130% at 100% 100%, rgba(138,107,255,0.22) 0%, rgba(138,107,255,0) 55%),
      var(--panel);
    box-shadow:0 18px 50px rgba(0,0, 0,0.5), inset 0 1px 0 rgba(255,255,255,0.04);
    overflow:hidden;
  }
  header.top::after, section.panel::after{
    content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
    background:linear-gradient(140deg,
      rgba(0,230,210,0.28) 0%,
      rgba(0,230,210,0.06) 42%,
      rgba(148,113,255,0.09) 62%,
      rgba(148,113,255,0.24) 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
            mask-composite:exclude;
    pointer-events:none;
  }
  header.top .kicsi{
    font-family:"Manrope", Arial, sans-serif;
    font-size:0.72rem;letter-spacing:0.32em;text-transform:uppercase;
    color:var(--tur2);opacity:0.85;margin-bottom:16px;
  }
  header.top h1{
    font-size:2.05rem;line-height:1.32;margin:0 0 14px;
    font-weight:600;
    background:linear-gradient(120deg, var(--tur2) 0%, #dff8f5 40%, var(--lila2) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .datum{font-size:0.95rem;color:var(--halvany);letter-spacing:0.02em;margin-bottom:6px;}
  .datum .szent{color:var(--arany2);}
  /* Halvány, nem tolakodó jelzés a nap tetején: mennyi ideig tart csendben
     elolvasni a mai útravalót. Kifejezetten szolgálatkész infó, nem
     figyelemfelkeltő elem - ezért a legmutedebb szövegszín, kis méret. */
  .olvasasi-ido{
    font-size:0.82rem; color:var(--halvany); opacity:0.72;
    letter-spacing:0.02em; margin-bottom:14px;
  }
  .ajanl{
    margin-top:18px;font-size:0.95rem;color:var(--tur2);
    letter-spacing:0.14em;text-transform:uppercase;
  }

  section.panel{
    position:relative;
    margin-top:26px;
    padding:30px 28px 30px 32px;
    border-radius:18px;
    background:linear-gradient(145deg, #0A0F16, #12101F);
    box-shadow:0 12px 34px rgba(0,0, 0,0.42), inset 0 1px 0 rgba(255,255,255,0.03);
    overflow:hidden;
  }
  section.panel::before{
    content:"";position:absolute;left:0;top:26px;height:38px;width:1px;border-radius:2px;
    background:linear-gradient(180deg, var(--tur) 0%, rgba(138,107,255,0) 100%);
    opacity:0.4;
  }

  section.panel.p-megerkezes{
    background:
      radial-gradient(circle at 12% 8%, rgba(0,230,210,0.15), transparent 38%),
      radial-gradient(circle at 88% 92%, rgba(138,107,255,0.08), transparent 40%),
      rgba(15,23,38,0.76);
  }
  section.panel.p-verse{
    background:
      radial-gradient(circle at 50% 0%, rgba(0,230,210,0.15), transparent 43%),
      radial-gradient(circle at 82% 18%, rgba(233,200,119,0.07), transparent 28%),
      rgba(13,21,35,0.78);
  }
  section.panel.p-utravalo{
    background:
      radial-gradient(circle at 8% 8%, rgba(0,230,210,0.14), transparent 36%),
      radial-gradient(circle at 94% 88%, rgba(138,107,255,0.17), transparent 40%),
      linear-gradient(145deg, rgba(18,29,43,0.82), rgba(23,20,39,0.82));
  }
  section.panel.p-szenth{
    background:
      radial-gradient(circle at 88% 5%, rgba(138,107,255,0.23), transparent 36%),
      radial-gradient(circle at 10% 88%, rgba(0,230,210,0.12), transparent 38%),
      radial-gradient(circle at 62% 0%, rgba(233,200,119,0.06), transparent 25%),
      rgba(12,15,28,0.82);
  }
  section.panel.p-ima{
    background:
      radial-gradient(circle at 10% 8%, rgba(0,230,210,0.14), transparent 38%),
      radial-gradient(circle at 92% 85%, rgba(138,107,255,0.19), transparent 42%),
      radial-gradient(circle at 72% 0%, rgba(233,200,119,0.07), transparent 27%),
      linear-gradient(145deg, rgba(20,32,41,0.86), rgba(27,23,41,0.86));
  }
  section.panel.p-enek{
    background:
      radial-gradient(circle at 92% 10%, rgba(233,200,119,0.14), transparent 36%),
      radial-gradient(circle at 8% 90%, rgba(0,230,210,0.12), transparent 40%),
      linear-gradient(145deg, rgba(23,29,36,0.88), rgba(13,17,24,0.88));
  }
  section.panel.p-vidd{
    background:
      linear-gradient(120deg, rgba(0,230,210,0.12), rgba(138,107,255,0.15), rgba(233,200,119,0.09)),
      rgba(15,23,38,0.8);
  }
  section.panel.p-forras{
    background:
      radial-gradient(circle at 15% 15%, rgba(0,230,210,0.07), transparent 36%),
      linear-gradient(145deg, rgba(15,23,38,0.78), rgba(9,14,24,0.82));
  }
  section.panel.p-archiv{
    background:
      radial-gradient(circle at 88% 8%, rgba(138,107,255,0.12), transparent 38%),
      radial-gradient(circle at 12% 90%, rgba(0,230,210,0.10), transparent 40%),
      linear-gradient(145deg, rgba(15,23,38,0.80), rgba(11,13,24,0.82));
  }
  .cimke{
    font-family:"Manrope", Arial, sans-serif;
    font-size:11px;font-weight:700;line-height:1.3;
    color:#00E6D2;text-transform:uppercase;letter-spacing:0.22em;
    margin-bottom:8px;
  }
  section.panel h2{
    font-size:1.4rem;font-weight:600;margin:0 0 16px;color:#f2f8f9;line-height:1.35;
  }
  section.panel p{margin:0 0 16px;}
  section.panel p:last-child{margin-bottom:0;}
  strong{color:var(--tur2);font-weight:600;}
  .lila-hl{color:var(--lila2);font-weight:600;}
  .arany-hl{color:var(--arany2);font-weight:600;}

  .napocska{
    display:block;width:46px;height:46px;border-radius:50%;margin:0 auto 14px;
    background:radial-gradient(circle at 42% 36%, #fbf3d6 0%, #f3e2ab 34%, #e9c877 60%, rgba(233,200,119,0.18) 82%, transparent 100%);
    box-shadow:0 0 26px rgba(233,200,119,0.5), 0 0 10px rgba(243,226,171,0.55);
  }

  .verse{
    font-size:1.22rem;line-height:1.7;color:#f4faf9;
    padding:6px 0 6px 20px;border-left:2px solid var(--tur);
    margin:0 0 18px;font-style:italic;
  }
  .verse .ref{display:block;font-size:0.85rem;font-style:normal;color:var(--halvany);margin-top:8px;letter-spacing:0.04em;}
  .verse-actions{display:flex;gap:10px;flex-wrap:wrap;margin:2px 0 20px;}
  .megvallas{
    position:relative;overflow:hidden;
    background:
      radial-gradient(80% 120% at 0% 0%, rgba(233,200,119,0.12) 0%, rgba(233,200,119,0) 58%),
      radial-gradient(80% 120% at 100% 100%, rgba(148,113,255,0.10) 0%, rgba(148,113,255,0) 58%),
      rgba(19,19,25,0.5);
    border-radius:14px;padding:18px 20px;font-size:1.05rem;color:#f6efe0;
  }
  .megvallas::after{
    content:"";position:absolute;inset:0;border-radius:inherit;padding:1.2px;
    background:linear-gradient(135deg, rgba(243,226,171,0.85) 0%, rgba(233,200,119,0.4) 45%, rgba(148,113,255,0.35) 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
  }
  .megvallas .mini{display:block;font-family:"Manrope", Arial, sans-serif;font-size:11px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--arany2);margin-bottom:8px;}

  .dropcap-tur::first-letter{
    font-size:3.3rem;line-height:0.9;float:left;margin:6px 12px 0 0;font-weight:700;
    color:var(--tur2);
    text-shadow:0 0 22px rgba(0,230,210,0.45);
  }
  .dropcap-arany::first-letter{
    font-size:3.1rem;line-height:0.9;float:left;margin:6px 12px 0 0;font-weight:700;
    color:var(--arany2);
    text-shadow:0 0 22px rgba(233,200,119,0.45);
  }

  .lepes-box{
    position:relative;margin:24px 0 4px;padding:24px 24px 24px 26px;border-radius:16px;
    background:
      radial-gradient(80% 120% at 0% 0%, rgba(233,200,119,0.14) 0%, rgba(233,200,119,0) 58%),
      radial-gradient(80% 120% at 100% 100%, rgba(138,107,255,0.12) 0%, rgba(138,107,255,0) 58%),
      rgba(20,20,26,0.55);
    overflow:hidden;
  }
  .lepes-box::after{
    content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;
    background:linear-gradient(135deg,
      rgba(243,226,171,0.85) 0%,
      rgba(233,200,119,0.4) 45%,
      rgba(138,107,255,0.35) 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
  }
  .lepes-box .cimke{color:var(--arany2);}
  .lepes-box h3{font-size:1.2rem;font-weight:600;margin:2px 0 12px;color:#f6efdc;}
  .lepes-box .dropcap-arany::first-letter{font-size:2.7rem;}

  .dics-part{
    margin:26px 0 0; padding:2px 0 2px 16px; border-radius:0 10px 10px 0;
    border-left:2px solid transparent;
  }
  .dics-part:first-of-type{margin-top:8px;}
  .dics-part .dics-label{
    font-family:"Manrope", Arial, sans-serif;
    font-size:11px;font-weight:700;line-height:1.3;
    color:#00E6D2;text-transform:uppercase;letter-spacing:0.22em;margin-bottom:5px;
  }
  .dics-panel h3{
    font-size:1.1rem;color:var(--arany2);margin:0 0 8px;font-weight:600;letter-spacing:0.01em;
  }
  .dics-part p{margin:0;}
  /* Alig érzékelhető, személyenkénti tájékozódási segéd a négy dicsőítés-alrészhez
     (Atya/Fiú/Szentlélek/Szentháromság): finom szegély + jobbra elhalványuló
     háttérmosás, nem doboz vagy kártya, hogy a szöveg folyama ne törjön meg. */
  .dics-part-1{ background:linear-gradient(90deg, rgba(0,230,210,0.055), transparent 65%); border-left-color:rgba(0,230,210,0.28); }
  .dics-part-2{ background:linear-gradient(90deg, rgba(112,255,242,0.05), transparent 65%); border-left-color:rgba(112,255,242,0.24); }
  .dics-part-3{ background:linear-gradient(90deg, rgba(138,107,255,0.06), transparent 65%); border-left-color:rgba(138,107,255,0.28); }
  .dics-part-4{ background:linear-gradient(90deg, rgba(233,200,119,0.055), transparent 65%); border-left-color:rgba(233,200,119,0.32); }

  .ima-panel p{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-size:1.02rem;line-height:1.8;}
  .ima-panel h2{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;}
  .zaro-jelenlet{
    font-family:"Iowan Old Style", Palatino, Georgia, serif;
    font-style:italic;font-size:1.14rem;line-height:1.6;color:#eafaf8;text-align:center;
    margin:4px auto 0;max-width:520px;
  }

  .enek-intro{
    font-size:1.02rem;color:#dff7f4;background:rgba(0,230,210,0.06);
    border:1px solid rgba(0,230,210,0.16);border-radius:12px;padding:16px 18px;margin-bottom:18px;
  }
  .enek-cim{font-size:1.24rem;color:#f4faf9;font-weight:700;margin:14px 0 2px;}
  .enek-eloado{color:var(--halvany);font-size:0.95rem;margin:0 0 16px;}
  .pill .tri{font-size:0.8rem;line-height:1;margin-right:6px;}
  .masol{margin-top:14px;}

  .vidd{
    font-style:italic;font-size:1.35rem;line-height:1.65;color:#f3faf9;
    text-align:center;padding:8px 6px 0;
  }
  .vidd-wrap{text-align:center;}

  .forras-lista{list-style:none;padding:0;margin:0;}
  .forras-lista li{
    padding:9px 0;border-bottom:1px solid rgba(255,255,255,0.06);font-size:0.95rem;color:var(--halvany);
  }
  .forras-lista li:last-child{border-bottom:0;}
  .forras-lista .cim-f{color:#dbe8ec;}
  .forras-lista a{color:var(--tur2);text-decoration:none;}
  .forras-lista a:hover{text-decoration:underline;}

  .archiv{color:var(--halvany);font-size:0.98rem;}
  .archiv a{color:var(--tur2);text-decoration:none;}
  /* Halk, nem tolakodó előretekintés: egyetlen, naponta cserélődő mondat arra
     nézve, hogy holnap is lesz folytatás. Nem emlékeztető, nem push-üzenet,
     csak egy csendes utalás - lásd assets/app.js TOMORROW_NOTES tömbje.
     Szándékosan melegebb, aranyas árnyalat (Zoltán kérésére) a semleges
     halvány-szürke helyett, hogy jobban essen a szemnek, de finom, szinte
     alig látható fényudvarral, nem élénk kiemeléssel. */
  .tomorrow-note{
    margin:12px 0 0; font-style:italic; color:var(--arany2); font-size:0.98rem;
    opacity:0.92; letter-spacing:0.01em;
    text-shadow:0 0 16px rgba(233,200,119,0.22);
  }
  .tomorrow-note:empty{ display:none; }

  .day-nav{display:flex; justify-content:space-between; gap:12px; margin:16px 0 4px; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;}
  .day-nav-link{color:var(--halvany); font-size:0.86rem; text-decoration:none; transition:color .16s ease;}
  .day-nav-link:hover{color:var(--tur2);}
  .day-nav-empty{flex:0 0 auto;}
  @media (max-width:520px){ .day-nav{font-size:0.8rem;} }

  footer.lab{
    text-align:center;margin-top:34px;padding:26px 20px 10px;color:var(--halvany);font-size:0.9rem;
  }
  footer.lab .keszul{letter-spacing:0.04em;}
  .szent-idezet{
    margin-top:16px;font-style:italic;color:#dbe6ea;font-size:1.02rem;line-height:1.6;
    max-width:560px;margin-left:auto;margin-right:auto;
  }
  .szent-idezet .szentnev{display:block;font-style:normal;font-size:0.82rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--arany2);margin-top:10px;opacity:0.85;}

  @media (max-width:520px){
    body{font-size:1.0625rem;}
    .wrap{padding:22px 14px 54px;}
    header.top h1{font-size:1.7rem;}
    section.panel{padding:24px 20px 24px 24px;}
    .verse{font-size:1.12rem;}
    .vidd{font-size:1.2rem;}
    .nav{gap:10px;}
    .pill{padding:10px 18px;font-size:0.88rem;}
  }
  header.top{position:relative;}
  /* Diszkrét nyelvváltó: kis, halvány szöveg, az aktív nyelv csak finom, áttetsző
     jelöléssel emelkedik ki (nem tömör, fényes pill), hogy ne vetélkedjen a főcímmel. */
  .lang-switch{position:absolute;top:14px;right:16px;display:inline-flex;align-items:center;gap:5px;font-family:system-ui, -apple-system, "Segoe UI", sans-serif;font-size:0.7rem;letter-spacing:0.05em;z-index:6;}
  .lang-switch a{color:#8296a0;text-decoration:none;padding:2px 6px;border-radius:6px;transition:color .18s ease, background .18s ease;}
  .lang-switch a:hover{color:#70FFF2;}
  .lang-switch a.is-active{color:#70FFF2;background:rgba(0,230,210,0.10);font-weight:700;}
  .lang-switch a:focus-visible{outline:2px solid #70FFF2;outline-offset:2px;}
  .lang-switch .lang-sep{color:rgba(255,255,255,0.16);}
  @media (max-width:520px){ .lang-switch{top:10px;right:10px;font-size:0.66rem;gap:4px;} .lang-switch a{padding:2px 5px;} }
  section.panel p, .ima-panel p, .dics-part p, .lepes-box p{ max-width:68ch; }
  section.panel .verse, .megvallas, .vidd, .zaro-jelenlet{ max-width:72ch; }
  .sources li, .sources p{ max-width:70ch; }
  .lepes-box{ margin-top:30px; }
  details.forras-collapse{ margin-top:6px; }
  details.forras-collapse > summary{ list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:8px;
    font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif; font-size:11px; font-weight:700;
    letter-spacing:0.18em; text-transform:uppercase; color:#00E6D2; padding:6px 0; }
  details.forras-collapse > summary::-webkit-details-marker{ display:none; }
  details.forras-collapse > summary::before{ content:"\203A"; color:#00E6D2; display:inline-block; transition:transform .18s ease; }
  details.forras-collapse[open] > summary::before{ transform:rotate(90deg); }
  details.forras-collapse > summary:focus-visible{ outline:2px solid #70FFF2; outline-offset:3px; border-radius:6px; }
  @media (max-width:768px){
    .wrap{ padding-left:16px; padding-right:16px; }
    section.panel{ padding:26px 22px; }
    header.top h1{ font-size:1.9rem; }
  }
  .pause{ font-family:"Iowan Old Style",Palatino,Georgia,serif; font-style:italic; font-size:1.12rem; line-height:1.65; color:#eafaf8; text-align:center; margin:14px auto 0; max-width:60ch; }
  .forras-blokk{ margin-top:8px; border-top:1px solid rgba(255,255,255,0.07); }
  .forras-blokk > summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 2px; }
  .forras-blokk > summary::-webkit-details-marker{ display:none; }
  .forras-sum-cim{ font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif; font-size:0.82rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:#00E6D2; }
  .forras-ikon{ flex:0 0 auto; width:26px; height:26px; border-radius:50%; border:1px solid rgba(0,230,210,0.4); position:relative; transition:border-color .18s ease; }
  .forras-ikon::before{ content:"+"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#70FFF2; font-size:1.15rem; line-height:1; font-family:system-ui,sans-serif; }
  .forras-blokk[open] > summary .forras-ikon::before{ content:"\2212"; }
  .forras-blokk[open] > summary .forras-ikon{ border-color:#00E6D2; }
  .forras-blokk > summary:focus-visible{ outline:2px solid #70FFF2; outline-offset:3px; border-radius:8px; }
  .forras-modszer{ margin:12px 0 6px; }
  .forras-modszer h3{ font-size:1.05rem; color:var(--arany2); font-weight:600; margin:0 0 8px; }
  .forras-modszer p{ margin:0 0 10px; color:var(--halvany); font-size:0.98rem; line-height:1.7; max-width:68ch; }
  .forras-lista{ list-style:none; padding:0; margin:10px 0 0; }
  .forras-lista li{ border-bottom:0; }
  .forras-item{ padding:14px 0; border-top:1px solid rgba(255,255,255,0.06); }
  .forras-item:first-child{ border-top:0; }
  .forras-nev{ display:block; color:#eaf2f5; font-weight:600; font-size:1rem; }
  .forras-cim{ display:block; color:var(--halvany); font-size:0.95rem; margin-top:2px; overflow-wrap:anywhere; }
  .forras-cim a{ color:var(--tur2); text-decoration:none; overflow-wrap:anywhere; }
  .forras-cim a:hover{ text-decoration:underline; }
  .forras-hozzaj{ display:block; color:#b9c6cd; font-style:italic; font-size:0.92rem; margin-top:5px; line-height:1.55; max-width:68ch; }
  .forras-hiany{ opacity:0.72; }
  .forras-megj{ margin:14px 0 0; color:var(--halvany); font-size:0.9rem; line-height:1.6; font-style:italic; max-width:70ch; }
  @media (max-width:768px){
    .forras-blokk > summary{ gap:10px; }
    .forras-sum-cim{ font-size:0.78rem; letter-spacing:0.1em; }
  }
  .forras-chips{ list-style:none; padding:0; margin:12px 0 2px; display:flex; flex-wrap:wrap; gap:8px; }
  .forras-chips li{ margin:0; }
  .forras-chips .chip{ display:inline-flex; align-items:center; padding:6px 13px; border-radius:999px;
    border:1px solid rgba(0,230,210,0.22); background:rgba(0,230,210,0.05); color:#cfe0e6;
    font-family:system-ui,-apple-system,"Segoe UI",sans-serif; font-size:0.86rem; letter-spacing:0.01em; text-decoration:none;
    transition:border-color .18s ease, color .18s ease, background .18s ease; }
  a.chip:hover{ border-color:#00E6D2; color:#70FFF2; background:rgba(0,230,210,0.1); }
  a.chip:focus-visible{ outline:2px solid #70FFF2; outline-offset:2px; }
.verzio{margin-top:14px;font-family:"Manrope",system-ui,sans-serif;font-size:0.68rem;letter-spacing:0.14em;color:rgba(167,188,199,0.4);}

/* --- Megosztás: „Vidd magaddal" / "Take This With You" --- */
.vidd-actions{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:16px; }
.pill .share-ico{ margin-right:6px; vertical-align:-2px; }
.share-menu{
  position:relative; margin:14px auto 0; max-width:300px;
  display:flex; flex-direction:column; gap:7px;
  padding:12px; border-radius:14px;
  background:linear-gradient(145deg, rgba(15,23,38,0.94), rgba(18,15,30,0.94));
  border:1px solid rgba(0,230,210,0.18);
  box-shadow:0 14px 34px rgba(0,0,0,0.45);
}
.share-menu[hidden]{ display:none; }
.share-item{
  display:flex; align-items:center; gap:10px; width:100%; box-sizing:border-box;
  padding:10px 14px; border-radius:10px;
  color:#eaf6f5; text-decoration:none; text-align:left;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:0.92rem; font-weight:600; letter-spacing:0.01em;
  border:1px solid transparent; background:rgba(255,255,255,0.03);
  cursor:pointer; appearance:none; -webkit-appearance:none;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.share-item svg{ flex:0 0 auto; opacity:0.85; }
.share-item:hover, .share-item:focus-visible{
  background:rgba(0,230,210,0.1); border-color:rgba(0,230,210,0.28); color:var(--tur2);
  outline:none;
}
.share-item:hover svg, .share-item:focus-visible svg{ opacity:1; }
@media (max-width:520px){
  .share-menu{ max-width:100%; }
}