/* Blog CMS — typografia wpisów tworzonych w panelu (kontener .ww-post).
   Odwzorowuje wygląd istniejących wpisów (.heading-17 / .text-block-8).
   `:not([class])` = stylujemy TYLKO treść z Markdown (bez klas), nie widgety
   wstrzykiwane przez blog-cta.js (CTA/autor/usługi mają swoje klasy). */
/* układ wpisu: lewa kolumna (czas czytania + spis treści, sticky) + treść po prawej */
.ww-post-layout{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:2.5rem;align-items:start;margin-top:1rem}
.ww-post-side{position:sticky;top:6rem;align-self:start;min-width:0}
.ww-post-main{min-width:0}
.ww-post-main .ww-post{margin:0}
@media(max-width:900px){.ww-post-layout{grid-template-columns:1fr;gap:1rem}.ww-post-side{position:static;top:auto}}
.ww-post{max-width:var(--blog-max-prose,760px);margin:0 auto}
.ww-post h2:not([class]){
  font-size:var(--blog-h2-size,1.7rem);line-height:1.4;font-weight:700;
  color:var(--text-1,#f2f0f2);margin:2.2rem 0 var(--blog-gap-heading,1rem);
  padding:.5rem 0 0 .875rem;border-left:3px solid var(--highlight,#ff005c);
}
.ww-post h3:not([class]){font-size:1.3rem;line-height:1.4;font-weight:700;color:var(--text-1,#f2f0f2);margin:1.8rem 0 .75rem}
.ww-post p:not([class]),.ww-post li:not([class]){font-size:var(--blog-body-size,1.05rem);line-height:var(--blog-body-lh,1.8);color:var(--text-body,#cac8ca)}
.ww-post p:not([class]){margin:0 0 1.2rem}
.ww-post ul:not([class]),.ww-post ol:not([class]){margin:0 0 1.4rem;padding-left:1.4rem}
.ww-post li:not([class]){margin:0 0 .5rem}
.ww-post a:not([class]){color:var(--highlight,#ff005c);text-decoration:underline}
.ww-post img:not([class]){display:block;width:100%;height:auto;border:1px solid var(--blog-card-border,rgba(255,255,255,.1));margin:1.5rem 0}
.ww-post blockquote:not([class]){border-left:3px solid var(--highlight,#ff005c);margin:1.5rem 0;padding:.5rem 0 .5rem 1.2rem;color:var(--text-body,#cac8ca);font-style:italic}
.ww-post code:not([class]){font-family:'JetBrains Mono',monospace;background:rgba(255,255,255,.07);padding:.15em .4em;border-radius:4px;font-size:.9em}
.ww-post pre:not([class]){background:rgba(255,255,255,.05);border:1px solid var(--blog-card-border,rgba(255,255,255,.1));padding:1rem;overflow-x:auto;margin:1.5rem 0}
.ww-post pre code{background:none;padding:0}
.ww-post hr:not([class]){border:none;border-top:1px solid var(--blog-card-border,rgba(255,255,255,.12));margin:2rem 0}
.ww-post > h2:not([class]):first-child,.ww-post > h3:not([class]):first-child,.ww-post > p:not([class]):first-child{margin-top:0}
body.light-mode .ww-post h2:not([class]),body.light-mode .ww-post h3:not([class]){color:#1a1818}
body.light-mode .ww-post h2:not([class]){border-left-color:#e8004f}
body.light-mode .ww-post p:not([class]),body.light-mode .ww-post li:not([class]),body.light-mode .ww-post blockquote:not([class]){color:#302e2e}
body.light-mode .ww-post img:not([class]),body.light-mode .ww-post pre:not([class]){border-color:rgba(0,0,0,.08)}
body.light-mode .ww-post a:not([class]){color:#e8004f}

/* animacja odsłaniania obrazków przy scrollu (scroll-driven, czysty CSS, progresywna) */
@keyframes wwReveal{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline: view()){
    .ww-post img:not([class]),.photo_blog .image-9{animation:wwReveal linear both;animation-timeline:view();animation-range:entry 4% cover 26%}
  }
}