.rkj-clanek{
  --rkj-ink:#2b2118;
  --rkj-ink-soft:#6f6256;
  --rkj-cream:#faf6ef;
  --rkj-gold:#b08d3e;
  --rkj-gold-deep:#8a6a24;
  --rkj-gold-pale:#f1e6cf;
  --rkj-line:#e6dcc9;
  max-width:760px;
  margin:0 auto;
  color:var(--rkj-ink);
  font-size:17px;
  line-height:1.75;
}

/* --- Typografie --- */
.rkj-clanek p{margin:0 0 1.15em}
.rkj-clanek .rkj-perex{
  font-size:19px;
  line-height:1.7;
  color:var(--rkj-ink);
  border-left:3px solid var(--rkj-gold);
  padding:6px 0 6px 18px;
  margin-bottom:1.6em;
}
.rkj-clanek h2{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:normal;
  font-size:28px;
  line-height:1.3;
  color:var(--rkj-ink);
  margin:1.8em 0 .6em;
  padding-top:.4em;
}
.rkj-clanek h2::after{
  content:"";
  display:block;
  width:56px;
  height:2px;
  background:var(--rkj-gold);
  margin-top:10px;
}
.rkj-clanek h3{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:normal;
  font-size:21px;
  color:var(--rkj-ink);
  margin:1.5em 0 .5em;
}
.rkj-clanek a{color:var(--rkj-gold-deep);text-decoration:underline;text-underline-offset:2px}
.rkj-clanek a:hover{color:var(--rkj-gold)}
.rkj-clanek ul,.rkj-clanek ol{margin:0 0 1.3em;padding-left:1.4em}
.rkj-clanek li{margin-bottom:.55em}
.rkj-clanek li::marker{color:var(--rkj-gold-deep)}
.rkj-clanek strong{color:var(--rkj-ink)}

/* --- Tip / poznámka --- */
.rkj-tip{
  background:#fbf7ee;
  border-left:3px solid var(--rkj-gold);
  border-radius:0 8px 8px 0;
  padding:14px 18px;
  margin:0 0 1.4em;
  font-size:15px;
  line-height:1.65;
  color:var(--rkj-ink-soft);
}
.rkj-tip strong{color:var(--rkj-gold-deep)}

/* --- Tabulka velikostí --- */
.rkj-tabulka-wrap{overflow-x:auto;margin:0 0 1.4em}
.rkj-clanek table.rkj-tabulka{
  width:100%;
  border-collapse:collapse;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  background:#fff;
  border:1px solid var(--rkj-line);
  border-radius:10px;
  overflow:hidden;
}
.rkj-clanek .rkj-tabulka th{
  background:var(--rkj-gold-pale);
  color:var(--rkj-ink);
  font-weight:bold;
  text-align:center;
  padding:12px 10px;
  border-bottom:2px solid var(--rkj-gold);
  font-size:13px;
  letter-spacing:.03em;
}
.rkj-clanek .rkj-tabulka td{
  text-align:center;
  padding:10px;
  border-bottom:1px solid var(--rkj-line);
}
.rkj-clanek .rkj-tabulka tr:nth-child(even) td{background:#fdfaf3}
.rkj-clanek .rkj-tabulka tr:last-child td{border-bottom:none}
.rkj-clanek .rkj-tabulka tr.rkj-radek-top td{
  background:var(--rkj-gold-pale);
  font-weight:bold;
  color:var(--rkj-gold-deep);
}

/* --- FAQ --- */
.rkj-faq{margin:0 0 1.4em}
.rkj-faq-item{
  background:#fff;
  border:1px solid var(--rkj-line);
  border-radius:10px;
  padding:18px 22px;
  margin-bottom:12px;
}
.rkj-faq-item h3.rkj-faq-q{
  margin:0 0 .4em;
  font-size:18px;
  font-family:Georgia,'Times New Roman',serif;
}
.rkj-faq-item h3.rkj-faq-q::before{
  content:"?";
  display:inline-block;
  width:24px;height:24px;
  line-height:24px;
  text-align:center;
  border-radius:50%;
  background:var(--rkj-gold-pale);
  color:var(--rkj-gold-deep);
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  font-weight:bold;
  margin-right:10px;
}
.rkj-faq-a{color:var(--rkj-ink-soft);font-size:16px}
.rkj-faq-a p:last-child{margin-bottom:0}

/* --- Obrázky / galerie --- */
.rkj-clanek figure.rkj-foto{margin:0 0 1.5em}
.rkj-clanek figure.rkj-foto img{
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
  border:1px solid var(--rkj-line);
}
.rkj-clanek figure.rkj-foto figcaption{
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  color:var(--rkj-ink-soft);
  text-align:center;
  margin-top:8px;
}
.rkj-foto-rada{display:flex;gap:14px;margin:0 0 1.5em}
.rkj-foto-rada figure.rkj-foto{flex:1;margin:0}

/* --- Video (YouTube embed) --- */
.rkj-video{
  position:relative;
  padding-bottom:56.25%;
  height:0;
  margin:0 0 1.5em;
  border-radius:12px;
  overflow:hidden;
  border:1px solid var(--rkj-line);
}
.rkj-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* --- CTA box (závěr článku) --- */
.rkj-cta-box{
  background:linear-gradient(180deg,#fffdf8,#fbf7ee);
  border:1px solid var(--rkj-gold);
  border-radius:14px;
  padding:26px 28px;
  margin:2em 0 1em;
  text-align:center;
}
.rkj-cta-box h3{margin:0 0 .4em;font-size:22px}
.rkj-cta-box p{color:var(--rkj-ink-soft);font-size:15px;margin-bottom:1em}
.rkj-cta-box .rkj-btn{
  display:inline-block;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  letter-spacing:.04em;
  background:var(--rkj-gold);
  color:#fff !important;
  text-decoration:none;
  padding:12px 28px;
  border-radius:999px;
  transition:background .15s;
}
.rkj-cta-box .rkj-btn:hover{background:var(--rkj-gold-deep)}

/* --- Mobil --- */
@media (max-width:600px){
  .rkj-clanek{font-size:16px}
  .rkj-clanek h2{font-size:24px}
  .rkj-clanek h3{font-size:19px}
  .rkj-clanek .rkj-perex{font-size:17px}
  .rkj-foto-rada{flex-direction:column}
}