.article-container-ai{
  font-family:'Inter',sans-serif;
  color:#333;
  font-size:1.125rem;
  line-height:1.75;
}

.article-container-ai .lead-paragraph{
  color:#fff !important;
  background:#002d54;
  padding:1.5rem;
  border-radius:.5rem;
  margin-bottom:2rem;
  font-size:1.25rem;
}

.article-container-ai h2{
  color:#BFF747;
  font-size:1.875rem;
  line-height:2.25rem;
  border-left:4px solid #00c65e;
  padding-left:1rem;
  text-shadow:1px 1px 3px rgba(0,0,0,.2);
  margin-top:3rem;
  margin-bottom:1.5rem;
}

.article-container-ai h3{
  color:#BFF747;
  font-size:1.5rem;
  line-height:2rem;
  text-shadow:1px 1px 3px rgba(0,0,0,.2);
  margin-top:2rem;
  margin-bottom:1rem;
}

.article-container-ai .article-figure{ margin:2rem 0; }
.article-container-ai .article-figure img{
  border-radius:.5rem;
  box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);
  max-width:100%;
  height:auto;
  display:block;
  margin:0 auto;
}
.article-container-ai .article-figure figcaption{
  text-align:center;
  font-size:.875rem;
  color:#6b7280;
  margin-top:.5rem;
}

/* Infografiki */
.article-container-ai .infographic-section{ margin:4rem 0; }
.article-container-ai .infographic-section h3{
  text-align:center;
  margin-bottom:2rem;
  color:#002d54;
  text-shadow:none;
  font-size:1.875rem;
}
.article-container-ai .infographic-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
}
@media (min-width:768px){
  .article-container-ai .infographic-grid{ grid-template-columns:repeat(3,1fr); }
}
.article-container-ai .infographic-card{
  background-color:#374151;
  border-top:4px solid #00c65e;
  color:#f9fafb;
  border-radius:.5rem;
  box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);
  padding:2rem;
  text-align:center;
}
.article-container-ai .infographic-card h4{
  color:#BFF747;
  font-size:1.5rem;
  font-weight:700;
  margin-bottom:.5rem;
}
.article-container-ai .infographic-card p.subtitle{
  font-size:1.125rem;
  margin-bottom:1rem;
}
.article-container-ai .infographic-card p{ color:#f9fafb; }

/* Quiz */
.article-container-ai .quiz-container{
  background-color:#f8f9fa;
  border:1px solid #e0e0e0;
  border-radius:.75rem;
  padding:2rem;
  margin-top:3rem;
}
.article-container-ai .quiz-container h2{
  color:#002d54 !important;
  text-shadow:none !important;
  border:none !important;
  padding-left:0 !important;
  text-align:center;
}
.article-container-ai .quiz-intro{
  text-align:center;
  color:#6b7280;
  margin-bottom:2rem;
}
.article-container-ai #quiz-question{
  font-size:1.25rem;
  font-weight:600;
  color:#002d54;
}
.article-container-ai #quiz-hint{
  font-size:.875rem;
  color:#6b7280;
  font-style:italic;
  margin-top:.5rem;
}
.article-container-ai .quiz-option{
  display:block;
  width:100%;
  text-align:left;
  padding:1rem;
  margin:.5rem 0;
  border:2px solid #ddd;
  border-radius:.5rem;
  transition:all .2s ease-in-out;
  color:#333;
  background:#fff;
}
.article-container-ai .quiz-option:hover{ border-color:#004e92; cursor:pointer; }
.article-container-ai .quiz-option.correct{ border-color:#00c65e; background:#e6f9f0; }
.article-container-ai .quiz-option.incorrect{ border-color:#e53e3e; background:#fff5f5; }

.article-container-ai #quiz-result{ text-align:center; display:none; }
.article-container-ai #quiz-result-title{
  font-size:1.5rem;
  font-weight:700;
  margin-bottom:.5rem;
  color:#002d54;
}
.article-container-ai .btn-primary{
  background:#004e92;
  color:#fff;
  padding:.5rem 1.5rem;
  border-radius:9999px;
  font-weight:700;
  text-decoration:none;
  display:inline-block;
  border:none;
  cursor:pointer;
}
.article-container-ai .btn-primary:hover{ background:#002d54; }

.page-single-post .post-single-image,
.page-single-post .post-single-image figure,
.page-single-post .post-single-image img.wp-post-image{
  display:none !important;
}

/* =========================================================
   DIGITAL MONDAY (dm-article)
   ========================================================= */
.dm-article{
  --accent:#BFF747;
  --ink:#F5F5F4;
  --ink-dim:#D7D7D5;
  --panel:rgba(27,27,27,.86);
  --muted:rgba(245,245,244,.08);
  --muted-strong:rgba(245,245,244,.14);

  color:var(--ink);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  line-height:1.65;
  letter-spacing:.2px;
}
.dm-article *{ box-sizing:border-box; }

/* Linki w treści */
.dm-article a:not(.dm-button){
  color:var(--accent);
  text-decoration:none;
}
.dm-article a:not(.dm-button):hover{
  text-decoration:underline;
  text-underline-offset:3px;
}

/* Karta artykułu */
.dm-wrap{
  margin:1.25rem auto 2.5rem;
  padding:clamp(1.25rem,2vw + .5rem,2rem);
  background:var(--panel);
  backdrop-filter:blur(6px);
  border:1px solid var(--muted-strong);
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
@media (max-width:640px){
  .dm-wrap{ margin:1.25rem 0; }
}

/* Kicker */
.dm-kicker{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  font-size:.8rem;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--ink-dim);
  background:var(--muted);
  border:1px solid var(--muted-strong);
  padding:.45rem .75rem;
  border-radius:999px;
}
.dm-kicker .dot{
  display:inline-block;
  width:.5rem;
  height:.5rem;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 3px rgba(191,247,71,.15);
}

/* Headings */
.dm-title{
  margin:1rem 0 .25rem;
  font-weight:800;
  font-size:clamp(1.8rem,1.2rem + 2.2vw,3rem);
  line-height:1.15;
  color:#fff;
}
.dm-subtitle{
  color:var(--ink-dim);
  font-size:clamp(1rem,.9rem + .5vw,1.15rem);
  margin:.25rem 0 1.25rem;
}

/* TOC */
.dm-toc{
  background:var(--muted);
  border:1px solid var(--muted-strong);
  border-radius:12px;
  padding:1rem;
  margin:1.25rem 0 2rem;
}
.dm-toc b{ color:var(--ink); }
.dm-toc ol{
  margin:.25rem 0 0 1rem;
  padding-left:.5rem;
}
.dm-toc a{ text-decoration:none; }
.dm-toc a:hover{ text-decoration:underline; }

/* H2/H3 w treści */
.dm-article h2,
.dm-article h3{
  scroll-margin-top:90px;
}
.dm-article h2{
  margin:2.2rem 0 .8rem;
  font-size:clamp(1.4rem,1rem + 1.2vw,2rem);
  line-height:1.25;
  font-weight:800;
  color:#fff;
}
.dm-article h3{
  margin:1.6rem 0 .5rem;
  font-size:clamp(1.1rem,1rem + .6vw,1.35rem);
  font-weight:700;
  color:var(--ink);
}

.dm-article p{ margin:.85rem 0; }
.dm-article strong{ color:var(--ink); }

.dm-article ul{ margin:.5rem 0 .5rem 1.25rem; }
.dm-article li{ margin:.35rem 0; }
.dm-article li::marker{ color:var(--accent); }

.dm-article blockquote{
  margin:1.2rem 0;
  padding:.9rem 1rem .9rem 1.1rem;
  background:var(--muted);
  border-left:4px solid var(--accent);
  border-radius:8px;
  color:var(--ink);
}

/* Callout */
.callout{
  position:relative;
  background:linear-gradient(0deg,var(--muted),var(--muted));
  border:1px solid var(--muted-strong);
  padding:1rem;
  border-radius:12px;
  margin:1rem 0 1.25rem;
}
.callout .label{
  display:inline-block;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.6px;
  color:#0d0d0d;
  background:var(--accent);
  padding:.25rem .55rem;
  border-radius:6px;
  margin-bottom:.5rem;
  font-weight:700;
}

/* CTA + przyciski (tu jest naprawa kapsułki) */
.dm-cta{
  display:flex;
  gap:.8rem;
  flex-wrap:wrap;
  align-items:center;
  margin-top:1.75rem;
  padding-top:1.25rem;
  border-top:1px dashed var(--muted-strong);
}
.dm-button{
  appearance:none;
  border:none;
  border-radius:999px;
  padding:12px 18px;           
  min-height:40px;
  line-height:1.1;
  font-weight:800;
  cursor:pointer;
  transition:transform .08s ease,box-shadow .2s ease,background .2s ease;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  white-space:nowrap;
}
.dm-button--primary{
  background:var(--accent);
  color:#101010;
  box-shadow:0 6px 16px rgba(191,247,71,.25);
}
.dm-button--primary:hover{ transform:translateY(-1px); }
.dm-button--ghost{
  background:transparent;
  color:var(--ink);
  border:1px solid var(--muted-strong);
}
.dm-button--ghost:hover{ background:var(--muted); }

/* Hero */
.dm-hero{
  margin:1.75rem 0 1.5rem;
  border-radius:16px;
  overflow:hidden;
  background:var(--muted);
}
.dm-hero img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  object-fit:cover;
}
.dm-hero figcaption{
  padding:.75rem 1rem 1rem;
  font-size:.9rem;
  color:var(--ink-dim);
}

.single-post .page-header{ display:none !important; }
.single-post .page-single-post,
.single-post .site-main{
  margin-top:0 !important;
  padding-top:0 !important;
}

.post-social-sharing{ display:none !important; }