/* =========================================================
   PÉNZKALAUZ KÁRTYÁK – központi stíluslap (v1.0.0)
   A penzkalauz.hu arculatához igazítva.
   ========================================================= */

:root{
  --pk-navy:#1c3557;
  --pk-tinta:#22303f;
  --pk-szurke:#5a6b7d;
  --pk-feher:#ffffff;
  --pk-kek:#2e6da4;
  --pk-kek-halvany:#eaf1f8;
  --pk-zold:#3fa34d;
  --pk-zold-halvany:#ecf7ee;
  --pk-borostyan:#9a5b00;
  --pk-borostyan-halvany:#fdf3e3;
  --pk-vonal:#dfe6ec;
  --pk-radius:8px;
  --pk-gradiens:linear-gradient(135deg,#2e6da4 0%,#3fa34d 100%);
}

/* ---------- Alap kártya ---------- */
.pk-kartya{
  background:var(--pk-feher);
  border:1px solid var(--pk-vonal);
  border-radius:var(--pk-radius);
  padding:18px 18px 16px;
  margin:0 0 20px;
  color:var(--pk-tinta);
  line-height:1.6;
}
.pk-kartya .pk-cim,
h3.pk-cim{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:700;
  font-size:1.3rem;          /* a cikk normál címsoraihoz igazítva */
  line-height:1.3;
  margin:0 0 12px;
  padding:0;
  text-transform:none;
}
.pk-kartya .pk-ikon{
  width:32px;height:32px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  flex:none;
}
@media(min-width:600px){
  .pk-kartya .pk-cim,
  h3.pk-cim{font-size:1.45rem;}
}
.pk-kartya p{margin:0 0 10px;}
.pk-kartya p:last-child{margin-bottom:0;}
.pk-kartya ul,.pk-kartya ol{margin:0 0 10px;}

@media(min-width:600px){
  .pk-kartya{padding:22px 24px 20px;}
}

/* ---------- Gyorsválasz ---------- */
.pk-gyorsvalasz{
  background:var(--pk-kek-halvany);
  border:1px solid #c6d9ec;
  border-left:5px solid var(--pk-kek);
}
.pk-gyorsvalasz .pk-ikon{background:var(--pk-gradiens);color:#fff;}
.pk-gyorsvalasz .pk-cim{color:var(--pk-kek);}
.pk-gyorsvalasz p{font-size:1.02rem;}

/* ---------- Definíció ---------- */
.pk-definicio .pk-ikon{background:var(--pk-kek-halvany);color:var(--pk-kek);}
.pk-definicio .pk-cim{color:var(--pk-kek);}

/* ---------- Lépések ---------- */
.pk-lepesek ol{
  margin:0;padding:0;
  list-style:none;
  counter-reset:pk-lepes;
}
.pk-lepesek ol li{
  counter-increment:pk-lepes;
  position:relative;
  padding:0 0 14px 44px;
  list-style:none;
}
.pk-lepesek ol li:last-child{padding-bottom:0;}
.pk-lepesek ol li::before{
  content:counter(pk-lepes);
  position:absolute;left:0;top:1px;
  width:30px;height:30px;
  border-radius:50%;
  background:var(--pk-kek);color:#fff;
  font-weight:700;font-size:0.9rem;
  display:flex;align-items:center;justify-content:center;
}
.pk-lepesek ol li:not(:last-child)::after{
  content:"";
  position:absolute;left:14px;top:34px;bottom:2px;
  width:2px;background:var(--pk-vonal);
}
.pk-lepesek .pk-ikon{background:var(--pk-kek-halvany);color:var(--pk-kek);}
.pk-lepesek .pk-cim{color:var(--pk-kek);}

/* ---------- Számolós / táblázat ---------- */
.pk-tablazat{overflow-x:auto;}
.pk-tablazat table{
  width:100%;
  border-collapse:collapse;
  font-size:0.92rem;
  min-width:420px;
  margin:0;
}
.pk-tablazat th{
  background:var(--pk-navy);
  color:#fff;
  text-align:left;
  padding:9px 10px;
  font-weight:600;
  border:none;
}
.pk-tablazat td{
  padding:9px 10px;
  border:none;
  border-bottom:1px solid var(--pk-vonal);
}
.pk-tablazat tr:nth-child(even) td{background:#fafcfe;}
.pk-tablazat .pk-kiemelt{color:var(--pk-zold);font-weight:700;}
.pk-tablazat .pk-ikon{background:var(--pk-kek-halvany);color:var(--pk-kek);}
.pk-tablazat .pk-cim{color:var(--pk-kek);}

/* ---------- Tipp ---------- */
.pk-tipp{
  background:var(--pk-zold-halvany);
  border:1px solid #c3e2d2;
  border-left:5px solid var(--pk-zold);
}
.pk-tipp .pk-ikon{background:var(--pk-zold);color:#fff;}
.pk-tipp .pk-cim{color:var(--pk-zold);}

/* ---------- Figyelmeztetés ---------- */
.pk-figyelem{
  background:var(--pk-borostyan-halvany);
  border:1px solid #edd9b4;
  border-left:5px solid var(--pk-borostyan);
}
.pk-figyelem .pk-ikon{background:var(--pk-borostyan);color:#fff;}
.pk-figyelem .pk-cim{color:var(--pk-borostyan);}

/* ---------- GYIK ---------- */
.pk-gyik details{border-bottom:1px solid var(--pk-vonal);}
.pk-gyik details:last-of-type{border-bottom:none;}
.pk-gyik summary{
  cursor:pointer;
  font-weight:600;
  padding:11px 26px 11px 0;
  list-style:none;
  position:relative;
}
.pk-gyik summary::-webkit-details-marker{display:none;}
.pk-gyik summary::after{
  content:"+";
  position:absolute;right:2px;top:8px;
  font-size:1.3rem;color:var(--pk-kek);
}
.pk-gyik details[open] summary::after{content:"–";}
.pk-gyik .pk-valasz{margin:0 0 12px;color:var(--pk-szurke);}
.pk-gyik .pk-ikon{background:var(--pk-kek-halvany);color:var(--pk-kek);}
.pk-gyik .pk-cim{color:var(--pk-kek);}

/* ---------- Források ---------- */
.pk-forras{
  background:#fbfcfd;
  font-size:0.88rem;
  color:var(--pk-szurke);
}
.pk-forras ul{margin:0;padding-left:18px;}
.pk-forras li{margin-bottom:4px;}
.pk-forras .pk-disclaimer{
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed var(--pk-vonal);
  font-style:italic;
}
.pk-forras .pk-ikon{background:#eef1f4;color:var(--pk-szurke);}
.pk-forras .pk-cim{color:var(--pk-szurke);}

/* ---------- Kapcsolódó cikkek ---------- */
.pk-kapcsolodo a{
  display:block;
  padding:10px 12px;
  margin-bottom:8px;
  background:var(--pk-kek-halvany);
  border-radius:8px;
  color:var(--pk-kek);
  text-decoration:none;
  font-weight:600;
  font-size:0.95rem;
}
.pk-kapcsolodo a:last-child{margin-bottom:0;}
.pk-kapcsolodo a:hover{background:var(--pk-zold);color:#fff;}
.pk-kapcsolodo .pk-ikon{background:var(--pk-kek-halvany);color:var(--pk-kek);}
.pk-kapcsolodo .pk-cim{color:var(--pk-kek);}