/* ===== Wpis blogowy - panel boczny z ostatnimi artykułami ===== */

.blog-side-card {
  padding: 18px 20px 20px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  box-shadow:
    0 18px 36px rgba(0,0,0,.55),
    inset 0 0 0 1px rgba(35,42,54,.9);
  margin: 0 0 24px;
}

.blog-side-card__title {
  margin: 0 0 14px;
  font-weight: 800;
  font-size: 18px;
  color: #ffffff;
}

.blog-side-card__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* ===== Wpis blogowy - panel boczny z kategoriami ===== */

.blog-side-pill {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-radius: 12px;
  background: #15171c;
  color: #f5f5f7;
  text-decoration: none;
  font-size: 14px;
  transition:
    background .16s ease-out,
    transform .12s ease-out,
    box-shadow .16s ease-out,
    color .16s ease-out;
}

.blog-side-pill__label {
  white-space: nowrap;
}

.blog-side-pill__arrow {
  font-size: 16px;
  opacity: 0.75;
}

.blog-side-pill:hover {
  background: #1b1e24;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.55);
}

.blog-side-pill--active {
  background: radial-gradient(circle at 0% 0%, rgba(46,234,102,.22), transparent 55%),
              #191d22;
  box-shadow:
    0 0 0 1px rgba(46,234,102,.35),
    0 14px 30px rgba(0,0,0,.7);
  color: #e8fbea;
  font-weight: 600;
}

.blog-side-pill--active .blog-side-pill__arrow {
  opacity: 1;
}

/* ===== OSTATNIE ARTYKUŁY ===== */

.blog-side-card--recent .blog-side-card__list {
  gap: 8px;
}

.blog-side-post {
  display: block;
  padding: 10px 14px;
  border-radius: 12px;
  background: #15171c;
  color: #f5f5f7;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.4;
  transition:
    background .16s ease-out,
    transform .12s ease-out,
    box-shadow .16s ease-out,
    color .16s ease-out;
}

.blog-side-post:hover {
  background: #1b1e24;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0,0,0,.55);
}

.blog-side-post__title {
  display: block;
}

@media (max-width: 768px) {
  .blog-side-card {
    margin-bottom: 20px;
  }
}

/* ===== NOTKA AUTORA ===== */

.author-note {
  --bg: #101213;
  --card: #141618;
  --text: #dfe5e7;
  --muted: #9aa4aa;
  --ring: rgba(255,255,255,0.06);
  --accent: #2dfc78;
  --accent-ghost: rgba(45,252,120,0.12);
  margin-top: 3rem;
  background: var(--bg);
  color: var(--text);
  border-top: 1px solid var(--ring);
  padding-top: 2rem;
}
.author-note__inner {
  display: grid;
  grid-template-columns: 112px 1fr;
  gap: 1.25rem 1.5rem;
  background: var(--card);
  border: 1px solid var(--ring);
  border-radius: 18px;
  padding: 1.5rem;
  box-shadow: 0 6px 22px rgba(0,0,0,.25);
}
.author-note__avatar img {
  width: 112px; height: 112px;
  border-radius: 14px;
  object-fit: cover;
  display: block;
  border: 1px solid var(--ring);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.25);
}
.author-note__title {
  margin: 0 0 .25rem;
  font-size: clamp(1.1rem, 1.6vw, 1.25rem);
  font-weight: 800;
  letter-spacing: 0.2px;
  color: var(--text);
  position: relative;
  padding-left: .875rem;
}
.author-note__title::before{
  content:"";
  position:absolute; left:0; top:.2em; bottom:.2em;
  width:4px; border-radius:3px; background: var(--accent);
  box-shadow: 0 0 20px var(--accent);
}
.author-note__role{ margin:.1rem 0 1rem; color: var(--muted); font-size:.95rem }
.author-note__bio{ margin:0 0 1rem; line-height:1.7 }

.author-note__tags{
  display:flex; flex-wrap:wrap; gap:.5rem;
  list-style:none !important;
  margin:0 0 1.25rem; padding:0 !important;
}
.author-note__tags li{
  list-style:none !important;
}
.author-note__tags li::marker{ content:""; }
.author-note__tags a{
  display:inline-flex; align-items:center; gap:.35rem;
  font-size:.85rem; line-height:1;
  padding:.45rem .7rem;
  border:1px solid var(--ring);
  border-radius:999px;
  background: linear-gradient(0deg, rgba(255,255,255,0.02), rgba(255,255,255,0.02));
  color: inherit; text-decoration:none;
  transition: transform .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.author-note__tags a:hover{
  transform: translateY(-1px);
  border-color: var(--accent);
  color: var(--text);
  box-shadow: 0 6px 18px rgba(45,252,120,0.1);
}
.author-note__tags a:focus{ outline: none; box-shadow: 0 0 0 3px rgba(45,252,120,.25); }

.author-note__cta{ display:flex; align-items:center; gap:.75rem; justify-content:space-between; flex-wrap:wrap }
.author-note__btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:40px; padding:0 14px; border-radius:10px;
  background: var(--accent-ghost);
  color:#dfffe9; text-decoration:none; font-weight:700; letter-spacing:.2px;
  border:1px solid var(--accent);
  box-shadow: 0 0 0 2px rgba(45,252,120,0.08) inset, 0 8px 30px rgba(45,252,120,0.1);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.author-note__btn:hover{ transform: translateY(-1px); box-shadow: 0 0 0 2px rgba(45,252,120,0.12) inset, 0 10px 36px rgba(45,252,120,0.18) }

.author-note__social{ display:flex; align-items:center; gap:.5rem; margin-left:auto }
.author-note__social a{
  width:36px; height:36px; border-radius:10px;
  display:inline-grid; place-items:center;
  color: var(--text);
  background:#0f1112;
  border:1px solid var(--ring);
  text-decoration:none; transition: transform .18s ease, border-color .18s ease, color .18s ease;
}
.author-note__social a:hover{
  transform: translateY(-1px);
  border-color: var(--accent);
  color: var(--accent);
}

@media (max-width: 720px){
  .author-note__inner{
    grid-template-columns: 72px 1fr; padding:1.1rem; border-radius:16px
  }
  .author-note__avatar img{ width:72px; height:72px; border-radius:12px }
  .author-note__title{ font-size:1.05rem }
  .author-note__social a{ width:34px; height:34px; border-radius:9px }
}

/* ===== Część gówna kategorii na blogu ===== */

.ch{
  margin:0 auto 40px;max-width:1050px;
  color:#d7dfeb;text-align:center;padding:0 18px;
}
.ch *{box-sizing:border-box;}

.ch__shell{
  border-radius:22px;background:#15181c;
  border:1px solid #20252e;overflow:hidden;
  box-shadow:0 24px 64px rgba(0,0,0,.45);
  text-align:left;
}

.ch__header{
  padding:36px 36px 32px;background:#0d1014;
  border-bottom:1px solid #1c2128;
  text-align:left;position:relative;overflow:hidden;
}
.ch__header::before{
  content:'';position:absolute;
  top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent 0%,#2eea66 40%,rgba(46,234,102,.4) 70%,transparent 100%);
  box-shadow:0 0 20px rgba(46,234,102,.25);
}
.ch__header::after{
  content:'';position:absolute;
  top:0;left:50%;transform:translateX(-50%);
  width:600px;height:200px;
  background:radial-gradient(ellipse at 50% 0%,rgba(46,234,102,.06),transparent 70%);
  pointer-events:none;
}

.ch__breadcrumb{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
  box-shadow:inset 0 0 0 1px #232a36;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:600;
  letter-spacing:.06em;color:#95a1b3;
  margin-bottom:22px;
  flex-wrap:wrap;
  position:relative;z-index:1;
}
.ch__breadcrumb-dot{
  width:8px;height:8px;border-radius:999px;
  background:#2eea66;box-shadow:0 0 0 5px rgba(46,234,102,.15);
}
.ch__breadcrumb a{
  color:#95a1b3;text-decoration:none;transition:color .2s;
}
.ch__breadcrumb a:hover{color:#2eea66;}
.ch__breadcrumb-sep{color:#3a4350;margin:0 2px;}
.ch__breadcrumb-current{color:#c8d8cc;font-weight:700;}

.ch__title{
  font-family:'Syne',sans-serif !important;
  font-weight:800 !important;
  font-size:clamp(28px,3.6vw,46px) !important;
  line-height:1.15 !important;
  margin:0 0 14px !important;
  padding:0 !important;
  color:#dce8de !important;
  max-width:90ch;
  position:relative;z-index:1;
}

.ch__lead{
  font:17px/1.65 Inter,system-ui,sans-serif;
  color:#95a1b3;max-width:80ch;margin:0;
  position:relative;z-index:1;
}

.ch__stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid #1c2128;
}

.ch__stat{
  padding:20px 24px;
  border-right:1px solid #1c2128;
  display:flex;align-items:center;gap:14px;
  transition:background .3s;
  position:relative;overflow:hidden;
}
.ch__stat:last-child{border-right:none;}
.ch__stat:hover{background:rgba(46,234,102,.02);}

.ch__stat::before{
  content:'';position:absolute;
  top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#2eea66,transparent);
  opacity:0;transition:opacity .3s;
}
.ch__stat:hover::before{opacity:1;}

.ch__stat-icon{
  width:42px;height:42px;flex-shrink:0;
  border-radius:12px;
  background:#1a1e24;border:1px solid #252c35;
  display:flex;align-items:center;justify-content:center;
  transition:background .3s,border-color .3s;
}
.ch__stat:hover .ch__stat-icon{
  background:rgba(46,234,102,.08);
  border-color:rgba(46,234,102,.22);
}
.ch__stat-icon svg{
  width:18px;height:18px;
  stroke:#4a5a50;fill:none;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  transition:stroke .3s;
}
.ch__stat:hover .ch__stat-icon svg{stroke:#2eea66;}

.ch__stat-label{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;
  color:rgba(46,234,102,.5);
  display:block;margin-bottom:4px;
}
.ch__stat-value{
  font-family:'Syne',sans-serif;
  font-size:28px;font-weight:800;
  color:#2eea66;line-height:1;
  display:block;
}
.ch__stat-value--text{
  font-size:20px;
  color:#c8e8d0;
}
.ch__stat-desc{
  font-family:Inter,system-ui,sans-serif;
  font-size:11.5px;color:#5a6860;
  margin-top:3px;display:block;
}

@media(max-width:760px){
  .ch__stats{grid-template-columns:1fr;}
  .ch__stat{border-right:none !important;}
  .ch__stat:not(:last-child){border-bottom:1px solid #1c2128;}
}
@media(max-width:680px){
  .ch__header{padding:28px 22px 24px;}
  .ch__title{font-size:clamp(24px,5vw,34px) !important;}
  .ch__bottom{flex-direction:column;align-items:flex-start;}
}

/* ======= SIATKA WPISÓW KAT. =========== */

.et_pb_blog_0_tb_body{
  --blog-columns-desktop: 3;
  --blog-columns-tablet: 2;
  --blog-columns-mobile: 1;

  --blog-gap: 0px;

  --thumb-h-desktop: 210px;
  --thumb-h-tablet: 195px;
  --thumb-h-mobile: 180px;

  --blog-card-radius: 0px;
  --blog-card-border: #1c2128;
  --blog-card-bg: #15181c;
  --blog-card-bg-hover: #181c22;
  --blog-card-shadow: none;

  --blog-card-text: #a8b8b0;
  --blog-card-muted: #6a7870;
  --blog-accent: #2eea66;
  --blog-divider: #1c2128;
}

.et_pb_blog_0_tb_body .et_pb_ajax_pagination_container > .et_pb_posts.et_grid_module{
  display:grid !important;
  grid-template-columns:repeat(var(--blog-columns-desktop), minmax(0, 1fr)) !important;
  gap:0 !important;
  align-items:stretch !important;
  border-radius:22px;
  overflow:hidden;
  background:#15181c;
  border:1px solid #20252e;
  box-shadow:0 24px 64px rgba(0,0,0,.45);
}

/* ======= STRONA BLOG CZ. GÓRNA =========== */

:root{
  --bg:#0f1115;--card:#151922;--line:#232a36;
  --text:#d7dfeb;--muted:#95a1b3;--accent:#2eea66;
  --accent-700:#19c34e;--radius:18px;--shadow:0 10px 30px rgba(0,0,0,.35);
}

.bh{
  margin:64px auto;max-width:1200px;
  color:var(--text);text-align:center;padding:0 18px;
}
.bh *{box-sizing:border-box;}

.bh__shell{
  border-radius:22px;background:#15181c;
  border:1px solid #20252e;overflow:hidden;
  box-shadow:0 24px 64px rgba(0,0,0,.45);
  text-align:left;
}

.bh__header{
  padding:36px 36px 32px;background:#0d1014;
  border-bottom:1px solid #1c2128;
  text-align:center;position:relative;overflow:hidden;
}
.bh__header::before{
  content:'';position:absolute;
  top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent 0%,var(--accent) 40%,rgba(46,234,102,.4) 70%,transparent 100%);
  box-shadow:0 0 20px rgba(46,234,102,.25);
}
.bh__header::after{
  content:'';position:absolute;
  top:0;left:50%;transform:translateX(-50%);
  width:600px;height:200px;
  background:radial-gradient(ellipse at 50% 0%,rgba(46,234,102,.06),transparent 70%);
  pointer-events:none;
}

.bh__breadcrumb{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
  box-shadow:inset 0 0 0 1px var(--line);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:600;
  letter-spacing:.08em;color:var(--muted);
  margin-bottom:18px;
}
.bh__breadcrumb-dot{
  width:8px;height:8px;border-radius:999px;
  background:var(--accent);box-shadow:0 0 0 5px rgba(46,234,102,.15);
}
.bh__breadcrumb a{
  color:var(--muted);text-decoration:none;transition:color .2s;
}
.bh__breadcrumb a:hover{color:var(--accent);}
.bh__breadcrumb-sep{color:#3a4350;margin:0 2px;}
.bh__breadcrumb-current{color:#c8d8cc;font-weight:700;}

.bh__header h1{
  font-family:'Syne',sans-serif;font-weight:800;
  font-size:clamp(32px,4vw,52px);
  line-height:1.15;margin:0 0 14px;color:#dce8de;
}
.bh__lead{
  font:18px/1.65 Inter,system-ui,sans-serif;
  color:var(--muted);max-width:72ch;margin:0 auto;
}

.bh__stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid #1c2128;
}
@media(max-width:700px){.bh__stats{grid-template-columns:1fr;}}

.bh__stat{
  padding:22px 26px;
  border-right:1px solid #1c2128;
  position:relative;overflow:hidden;
  opacity:0;transform:translateY(8px);
  transition:opacity .5s ease,transform .5s ease,background .3s;
}
.bh__stat.is-in{opacity:1;transform:translateY(0);}
.bh__stat:last-child{border-right:none;}
.bh__stat:hover{background:rgba(46,234,102,.02);}

.bh__stat::before{
  content:'';position:absolute;
  top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--accent),transparent);
  opacity:0;transition:opacity .3s;
}
.bh__stat:hover::before{opacity:1;}

.bh__stat-label{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;
  color:rgba(46,234,102,.5);
  display:block;margin-bottom:6px;
}
.bh__stat-value{
  font-family:'Syne',sans-serif;
  font-size:32px;font-weight:800;
  color:var(--accent);line-height:1;display:block;
}
.bh__stat-value--text{
  font-size:22px;color:#c8e8d0;
}
.bh__stat-desc{
  font-family:Inter,system-ui,sans-serif;
  font-size:12px;color:#5a6860;
  margin-top:4px;display:block;
}

.bh__cats{
  padding:18px 26px;background:#111418;
  display:flex;align-items:center;gap:14px;
  flex-wrap:wrap;
}
.bh__cats-label{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;
  color:rgba(46,234,102,.5);
  white-space:nowrap;flex-shrink:0;
}
.bh__cats-list{
  display:flex;align-items:center;gap:8px;
  flex-wrap:wrap;
  list-style:none;margin:0;padding:0;
}
.bh__cats-list li{
  list-style:none;margin:0;padding:0;
  line-height:1;
}
.bh__cat{
  font-family:'JetBrains Mono',monospace;
  font-size:9px;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;
  padding:6px 14px;border-radius:8px;
  background:#1a1e24;border:1px solid #252c35;
  color:#8a9a90;text-decoration:none;
  transition:background .3s,border-color .3s,color .3s,transform .2s;
  white-space:nowrap;display:inline-block;
}
.bh__cat:hover{
  background:rgba(46,234,102,.1);
  border-color:rgba(46,234,102,.3);
  color:var(--accent);
  transform:translateY(-1px);
}

@media(max-width:680px){
  .bh__cats{flex-direction:column;align-items:flex-start;}
  .bh__header{padding:28px 24px 24px;}
}

.et_pb_blog_0_tb_body .et_pb_post{
  float:none !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  border-right:1px solid var(--blog-card-border) !important;
  border-bottom:1px solid var(--blog-card-border) !important;
  clear:none !important;
  min-height:100%;
  overflow:hidden;
  position:relative;

  display:flex !important;
  flex-direction:column !important;
  align-self:stretch !important;

  border-radius:0 !important;
  background:var(--blog-card-bg) !important;
  box-shadow:none !important;

  transition:background .3s ease;
}

.et_pb_blog_0_tb_body .et_pb_post:nth-child(3n){
  border-right:none !important;
}

.et_pb_blog_0_tb_body .et_pb_post:hover{
  transform:none;
  background:var(--blog-card-bg-hover) !important;
  box-shadow:none !important;
}

.et_pb_blog_0_tb_body .et_pb_post::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--blog-accent),transparent);
  opacity:0;
  transition:opacity .3s;
  z-index:3;
}
.et_pb_blog_0_tb_body .et_pb_post:hover::before{
  opacity:1;
}

.et_pb_blog_0_tb_body .et_pb_post::after{
  display:none !important;
}

.et_pb_blog_0_tb_body .et_pb_post .et_pb_image_container{
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  position:relative;
  overflow:hidden;
  height:var(--thumb-h-desktop);
  line-height:0;
}

.et_pb_blog_0_tb_body .et_pb_post .et_pb_image_container a.entry-featured-image-url{
  display:block;
  width:100%;
  height:100%;
  position:relative;
}

.et_pb_blog_0_tb_body .et_pb_post .et_pb_image_container a.entry-featured-image-url::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:50%;
  background:linear-gradient(180deg, transparent, rgba(21,24,28,.7));
  pointer-events:none;
}

.et_pb_blog_0_tb_body .et_pb_post .et_pb_image_container img{
  display:block;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  filter:saturate(.9) brightness(.92);
  transition:transform .4s ease, filter .4s ease;
  vertical-align:middle;
}

.et_pb_blog_0_tb_body .et_pb_post:hover .et_pb_image_container img{
  transform:scale(1.04);
  filter:saturate(1) brightness(1);
}

.et_pb_blog_0_tb_body .et_pb_post .et_overlay{
  display:none !important;
}

.et_pb_blog_0_tb_body .et_pb_post .entry-title{
  margin:0;
  padding:18px 22px 10px;
  font-family:'Syne', sans-serif !important;
  font-size:clamp(15px, 1.1vw, 17px);
  line-height:1.35;
  font-weight:800;
  text-wrap:pretty;
}

.et_pb_blog_0_tb_body .et_pb_post .entry-title a{
  color:var(--blog-card-text) !important;
  text-decoration:none !important;
  transition:color .2s ease;
}

.et_pb_blog_0_tb_body .et_pb_post:hover .entry-title a{
  color:var(--blog-accent) !important;
}

.et_pb_blog_0_tb_body .et_pb_post .post-meta{
  margin:0;
  padding:0 22px 14px;
  font-family:'JetBrains Mono', monospace !important;
  color:#5a6860;
  font-size:10px;
  font-weight:600;
  letter-spacing:.04em;
  line-height:1.6;
  border-bottom:1px solid var(--blog-divider);
}

.et_pb_blog_0_tb_body .et_pb_post .post-meta a{
  color:#5a6860 !important;
  text-decoration:none !important;
  transition:color .2s;
}

.et_pb_blog_0_tb_body .et_pb_post .post-meta a:hover{
  color:var(--blog-accent) !important;
}

.et_pb_blog_0_tb_body .et_pb_post .post-meta .published{
  color:#8a9a90;
  font-weight:700;
}

.et_pb_blog_0_tb_body .et_pb_post .post-meta .entry-categories a{
  color:var(--blog-accent) !important;
  font-weight:700;
}

.et_pb_blog_0_tb_body .et_pb_post .post-content{
  padding:16px 22px 22px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  flex:1 1 auto;
}

.et_pb_blog_0_tb_body .et_pb_post .post-content,
.et_pb_blog_0_tb_body .et_pb_post .post-content-inner{
  background:transparent !important;
  width:100%;
}

.et_pb_blog_0_tb_body .et_pb_post .post-content-inner{
  flex:1 1 auto;
}

.et_pb_blog_0_tb_body .et_pb_post .post-content-inner p{
  margin:0;
  font-family:Inter, system-ui, sans-serif !important;
  color:var(--blog-card-muted);
  font-size:13.5px;
  line-height:1.7;

  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.et_pb_blog_0_tb_body .et_pb_post .post-content .more-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
  padding:8px 16px;
  border-radius:8px;
  background:rgba(46,234,102,.08);
  border:1px solid rgba(46,234,102,.2);
  color:var(--blog-accent) !important;
  text-decoration:none !important;
  font-family:'JetBrains Mono', monospace !important;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1;
  box-shadow:none;
  transition:
    background .3s ease,
    border-color .3s ease,
    transform .2s ease;
}

.et_pb_blog_0_tb_body .et_pb_post .post-content .more-link::after{
  content:"→";
  font-size:12px;
  transform:translateY(0);
  transition:transform .2s;
}

.et_pb_blog_0_tb_body .et_pb_post .post-content .more-link:hover{
  background:rgba(46,234,102,.14);
  border-color:rgba(46,234,102,.35);
  transform:translateY(-1px);
}

.et_pb_blog_0_tb_body .et_pb_post .post-content .more-link:hover::after{
  transform:translateX(3px);
}

.et_pb_blog_0_tb_body .et_pb_post .post-content .more-link:focus-visible{
  outline:2px solid rgba(46,234,102,.6);
  outline-offset:2px;
}

.et_pb_blog_0_tb_body .et_pb_post .post-content-inner + .more-link{
  align-self:flex-start;
}


@media (max-width:980px){
  .et_pb_blog_0_tb_body .et_pb_ajax_pagination_container > .et_pb_posts.et_grid_module{
    grid-template-columns:repeat(var(--blog-columns-tablet), minmax(0, 1fr)) !important;
  }

  .et_pb_blog_0_tb_body .et_pb_post:nth-child(3n){
    border-right:1px solid var(--blog-card-border) !important;
  }
  .et_pb_blog_0_tb_body .et_pb_post:nth-child(2n){
    border-right:none !important;
  }

  .et_pb_blog_0_tb_body .et_pb_post .et_pb_image_container{
    height:var(--thumb-h-tablet);
  }
}

@media (max-width:767px){
  .et_pb_blog_0_tb_body .et_pb_ajax_pagination_container > .et_pb_posts.et_grid_module{
    grid-template-columns:repeat(var(--blog-columns-mobile), minmax(0, 1fr)) !important;
    border-radius:16px;
  }

  .et_pb_blog_0_tb_body .et_pb_post{
    border-right:none !important;
  }

  .et_pb_blog_0_tb_body .et_pb_post .et_pb_image_container{
    height:var(--thumb-h-mobile);
  }

  .et_pb_blog_0_tb_body .et_pb_post .entry-title{
    padding:16px 18px 10px;
    font-size:15px;
  }

  .et_pb_blog_0_tb_body .et_pb_post .post-meta{
    padding:0 18px 12px;
  }

  .et_pb_blog_0_tb_body .et_pb_post .post-content{
    padding:14px 18px 18px;
  }
}

/* ======= BLOG SIATKA =========== */

.et_pb_blog_1{
  --blog-columns-desktop: 3;
  --blog-columns-tablet: 2;
  --blog-columns-mobile: 1;

  --blog-gap: 0px;

  --thumb-h-desktop: 210px;
  --thumb-h-tablet: 195px;
  --thumb-h-mobile: 180px;

  --blog-card-radius: 0px;
  --blog-card-border: #1c2128;
  --blog-card-bg: #15181c;
  --blog-card-bg-hover: #181c22;
  --blog-card-shadow: none;

  --blog-card-text: #a8b8b0;
  --blog-card-muted: #6a7870;
  --blog-accent: #2eea66;
  --blog-divider: #1c2128;
}

.et_pb_blog_1 .et_pb_ajax_pagination_container > .et_pb_posts.et_grid_module{
  display:grid !important;
  grid-template-columns:repeat(var(--blog-columns-desktop), minmax(0, 1fr)) !important;
  gap:0 !important;
  align-items:stretch !important;
  border-radius:22px;
  overflow:hidden;
  background:#15181c;
  border:1px solid #20252e;
  box-shadow:0 24px 64px rgba(0,0,0,.45);
}

.et_pb_blog_1 .et_pb_post{
  float:none !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  border-right:1px solid var(--blog-card-border) !important;
  border-bottom:1px solid var(--blog-card-border) !important;
  clear:none !important;
  min-height:100%;
  overflow:hidden;
  position:relative;

  display:flex !important;
  flex-direction:column !important;
  align-self:stretch !important;

  border-radius:0 !important;
  background:var(--blog-card-bg) !important;
  box-shadow:none !important;

  transition:background .3s ease;
}

.et_pb_blog_1 .et_pb_post:nth-child(3n){
  border-right:none !important;
}

.et_pb_blog_1 .et_pb_post:hover{
  transform:none;
  background:var(--blog-card-bg-hover) !important;
  box-shadow:none !important;
}

.et_pb_blog_1 .et_pb_post::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--blog-accent),transparent);
  opacity:0;
  transition:opacity .3s;
  z-index:3;
}
.et_pb_blog_1 .et_pb_post:hover::before{
  opacity:1;
}

.et_pb_blog_1 .et_pb_post::after{
  display:none !important;
}

.et_pb_blog_1 .et_pb_post .et_pb_image_container{
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  position:relative;
  overflow:hidden;
  height:var(--thumb-h-desktop);
  line-height:0;
}

.et_pb_blog_1 .et_pb_post .et_pb_image_container a.entry-featured-image-url{
  display:block;
  width:100%;
  height:100%;
  position:relative;
}

.et_pb_blog_1 .et_pb_post .et_pb_image_container a.entry-featured-image-url::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:50%;
  background:linear-gradient(180deg, transparent, rgba(21,24,28,.7));
  pointer-events:none;
}

.et_pb_blog_1 .et_pb_post .et_pb_image_container img{
  display:block;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  filter:saturate(.9) brightness(.92);
  transition:transform .4s ease, filter .4s ease;
  vertical-align:middle;
}

.et_pb_blog_1 .et_pb_post:hover .et_pb_image_container img{
  transform:scale(1.04);
  filter:saturate(1) brightness(1);
}

.et_pb_blog_1 .et_pb_post .et_overlay{
  display:none !important;
}

.et_pb_blog_1 .et_pb_post .entry-title{
  margin:0;
  padding:18px 22px 10px;
  font-family:'Syne', sans-serif !important;
  font-size:clamp(15px, 1.1vw, 17px);
  line-height:1.35;
  font-weight:800;
  text-wrap:pretty;
}

.et_pb_blog_1 .et_pb_post .entry-title a{
  color:var(--blog-card-text) !important;
  text-decoration:none !important;
  transition:color .2s ease;
}

.et_pb_blog_1 .et_pb_post:hover .entry-title a{
  color:var(--blog-accent) !important;
}

.et_pb_blog_1 .et_pb_post .post-meta{
  margin:0;
  padding:0 22px 14px;
  font-family:'JetBrains Mono', monospace !important;
  color:#5a6860;
  font-size:10px;
  font-weight:600;
  letter-spacing:.04em;
  line-height:1.6;
  border-bottom:1px solid var(--blog-divider);
}

.et_pb_blog_1 .et_pb_post .post-meta a{
  color:#5a6860 !important;
  text-decoration:none !important;
  transition:color .2s;
}

.et_pb_blog_1 .et_pb_post .post-meta a:hover{
  color:var(--blog-accent) !important;
}

.et_pb_blog_1 .et_pb_post .post-meta .published{
  color:#8a9a90;
  font-weight:700;
}

.et_pb_blog_1 .et_pb_post .post-meta .entry-categories a{
  color:var(--blog-accent) !important;
  font-weight:700;
}

.et_pb_blog_1 .et_pb_post .post-content{
  padding:16px 22px 22px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  flex:1 1 auto;
}

.et_pb_blog_1 .et_pb_post .post-content,
.et_pb_blog_1 .et_pb_post .post-content-inner{
  background:transparent !important;
  width:100%;
}

.et_pb_blog_1 .et_pb_post .post-content-inner{
  flex:1 1 auto;
}

.et_pb_blog_1 .et_pb_post .post-content-inner p{
  margin:0;
  font-family:Inter, system-ui, sans-serif !important;
  color:var(--blog-card-muted);
  font-size:13.5px;
  line-height:1.7;

  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.et_pb_blog_1 .et_pb_post .post-content .more-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
  padding:8px 16px;
  border-radius:8px;
  background:rgba(46,234,102,.08);
  border:1px solid rgba(46,234,102,.2);
  color:var(--blog-accent) !important;
  text-decoration:none !important;
  font-family:'JetBrains Mono', monospace !important;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1;
  box-shadow:none;
  transition:
    background .3s ease,
    border-color .3s ease,
    transform .2s ease;
}

.et_pb_blog_1 .et_pb_post .post-content .more-link::after{
  content:"→";
  font-size:12px;
  transform:translateY(0);
  transition:transform .2s;
}

.et_pb_blog_1 .et_pb_post .post-content .more-link:hover{
  background:rgba(46,234,102,.14);
  border-color:rgba(46,234,102,.35);
  transform:translateY(-1px);
}

.et_pb_blog_1 .et_pb_post .post-content .more-link:hover::after{
  transform:translateX(3px);
}

.et_pb_blog_1 .et_pb_post .post-content .more-link:focus-visible{
  outline:2px solid rgba(46,234,102,.6);
  outline-offset:2px;
}

.et_pb_blog_1 .et_pb_post .post-content-inner + .more-link{
  align-self:flex-start;
}

@media (max-width:980px){
  .et_pb_blog_1 .et_pb_ajax_pagination_container > .et_pb_posts.et_grid_module{
    grid-template-columns:repeat(var(--blog-columns-tablet), minmax(0, 1fr)) !important;
  }

  .et_pb_blog_1 .et_pb_post:nth-child(3n){
    border-right:1px solid var(--blog-card-border) !important;
  }
  .et_pb_blog_1 .et_pb_post:nth-child(2n){
    border-right:none !important;
  }

  .et_pb_blog_1 .et_pb_post .et_pb_image_container{
    height:var(--thumb-h-tablet);
  }
}

@media (max-width:767px){
  .et_pb_blog_1 .et_pb_ajax_pagination_container > .et_pb_posts.et_grid_module{
    grid-template-columns:repeat(var(--blog-columns-mobile), minmax(0, 1fr)) !important;
    border-radius:16px;
  }

  .et_pb_blog_1 .et_pb_post{
    border-right:none !important;
  }

  .et_pb_blog_1 .et_pb_post .et_pb_image_container{
    height:var(--thumb-h-mobile);
  }

  .et_pb_blog_1 .et_pb_post .entry-title{
    padding:16px 18px 10px;
    font-size:15px;
  }

  .et_pb_blog_1 .et_pb_post .post-meta{
    padding:0 18px 12px;
  }

  .et_pb_blog_1 .et_pb_post .post-content{
    padding:14px 18px 18px;
  }
}
 
nav.pagination{
  margin-top:34px;
}
 
nav.pagination .page-numbers{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  justify-content:center;
  list-style:none;
  margin:0;
  padding:0;
}
 
nav.pagination .page-numbers > li{
  margin:0;
  padding:0;
  list-style:none;
  line-height:1;
}
 
nav.pagination .page-numbers a,
nav.pagination .page-numbers span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  padding:0 14px;
  border-radius:10px;
  text-decoration:none;
  font-family:'JetBrains Mono', monospace;
  font-size:12px;
  font-weight:600;
  background:#1a1e24;
  border:1px solid #252c35;
  color:#8a9a90;
  transition:
    background .3s ease,
    border-color .3s ease,
    color .3s ease,
    transform .2s ease;
}
 
nav.pagination .page-numbers a:hover{
  transform:translateY(-1px);
  color:var(--blog-accent, #2eea66);
  background:rgba(46,234,102,.08);
  border-color:rgba(46,234,102,.22);
}
 
nav.pagination .page-numbers .current{
  background:linear-gradient(135deg, rgba(46,234,102,.95), rgba(25,195,78,.88));
  color:#071a0c;
  font-weight:800;
  border-color:transparent;
  box-shadow:0 8px 24px rgba(46,234,102,.28);
}
 
nav.pagination .page-numbers .dots{
  background:transparent;
  border:none;
  min-width:auto;
  padding:0 4px;
  color:#5a6860;
}

nav.pagination .page-numbers .prev,
nav.pagination .page-numbers .next{
  min-width:42px;
  padding:0 12px;
}
 
nav.pagination .page-numbers .prev svg,
nav.pagination .page-numbers .next svg{
  display:block;
  width:16px;
  height:16px;
  stroke:currentColor;
  stroke-width:2;
  fill:none;
}

nav.pagination .page-numbers .sr-only{
  position:absolute !important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

/* ============ BLOG POST — NAGŁOWKEK, OKRUSZKI, ZW, METADANE ============= */

.ph{
  margin:0 auto 40px;max-width:1600px;
  color:#d7dfeb;text-align:center;padding:0 18px;
}
.ph *{box-sizing:border-box;}


.ph__shell{
  border-radius:22px;background:#15181c;
  border:1px solid #20252e;overflow:hidden;
  box-shadow:0 24px 64px rgba(0,0,0,.45);
  text-align:left;
}

.ph__header{
  padding:36px 36px 32px;background:#0d1014;
  border-bottom:1px solid #1c2128;
  text-align:left;position:relative;overflow:hidden;
}
.ph__header::before{
  content:'';position:absolute;
  top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent 0%,#2eea66 40%,rgba(46,234,102,.4) 70%,transparent 100%);
  box-shadow:0 0 20px rgba(46,234,102,.25);
}
.ph__header::after{
  content:'';position:absolute;
  top:0;left:50%;transform:translateX(-50%);
  width:600px;height:200px;
  background:radial-gradient(ellipse at 50% 0%,rgba(46,234,102,.06),transparent 70%);
  pointer-events:none;
}

.ph__breadcrumb{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
  box-shadow:inset 0 0 0 1px #232a36;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:600;
  letter-spacing:.06em;color:#95a1b3;
  margin-bottom:22px;
  flex-wrap:wrap;
  position:relative;z-index:1;
}
.ph__breadcrumb-dot{
  width:8px;height:8px;border-radius:999px;
  background:#2eea66;box-shadow:0 0 0 5px rgba(46,234,102,.15);
}
.ph__breadcrumb a{
  color:#95a1b3;text-decoration:none;transition:color .2s;
}
.ph__breadcrumb a:hover{color:#2eea66;}
.ph__breadcrumb-sep{color:#3a4350;margin:0 2px;}
.ph__breadcrumb-current{color:#8a9a90;font-weight:600;}
.ph__breadcrumb-current > span{
  display:inline;
}

.ph__title{
  font-family:'Syne',sans-serif !important;
  font-weight:800 !important;
  font-size:clamp(28px,3.6vw,46px) !important;
  line-height:1.15 !important;
  margin:0 0 14px !important;
  padding:0 !important;
  color:#dce8de !important;
  max-width:90ch;
  position:relative;z-index:1;
}

.ph__lead{
  font:17px/1.65 Inter,system-ui,sans-serif;
  color:#95a1b3;max-width:80ch;margin:0;
  position:relative;z-index:1;
}

.ph__meta{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-bottom:1px solid #1c2128;
}

.ph__meta-item{
  padding:18px 22px;
  border-right:1px solid #1c2128;
  display:flex;align-items:center;gap:12px;
  transition:background .3s;
  position:relative;overflow:hidden;
}
.ph__meta-item:last-child{border-right:none;}
.ph__meta-item:hover{background:rgba(46,234,102,.02);}

.ph__meta-item::before{
  content:'';position:absolute;
  top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#2eea66,transparent);
  opacity:0;transition:opacity .3s;
}
.ph__meta-item:hover::before{opacity:1;}

.ph__meta-icon{
  width:40px;height:40px;flex-shrink:0;
  border-radius:12px;
  background:#1a1e24;border:1px solid #252c35;
  display:flex;align-items:center;justify-content:center;
  transition:background .3s,border-color .3s;
}
.ph__meta-item:hover .ph__meta-icon{
  background:rgba(46,234,102,.08);
  border-color:rgba(46,234,102,.22);
}
.ph__meta-icon svg{
  width:18px;height:18px;
  stroke:#4a5a50;fill:none;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  transition:stroke .3s;
}
.ph__meta-item:hover .ph__meta-icon svg{stroke:#2eea66;}

.ph__meta-label{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;
  color:rgba(46,234,102,.5);
  display:block;margin-bottom:2px;
}
.ph__meta-value{
  font-family:'Syne',sans-serif;
  font-size:14px;font-weight:800;
  color:#a8b8b0;line-height:1.3;
  display:block;text-decoration:none;
}
a.ph__meta-value:hover{color:#2eea66;}
.ph__meta-value--cat{color:#2eea66;}
.ph__meta-value--cat:hover{color:#69f092;}

.ph__hero-img{
  position:relative;overflow:hidden;
  aspect-ratio:16/7;
  background:#111418;
}

.ph__hero-img img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  filter:brightness(.95) saturate(.95);
  transition:filter .4s,transform .6s;
}
.ph__shell:hover .ph__hero-img img{
  filter:brightness(1) saturate(1);
  transform:scale(1.02);
}

.ph__hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(13,16,20,.5) 0%,transparent 25%,transparent 70%,rgba(13,16,20,.6) 100%),
    linear-gradient(90deg,rgba(13,16,20,.3) 0%,transparent 8%,transparent 92%,rgba(13,16,20,.3) 100%);
  pointer-events:none;
}

.ph__hero-badge{
  position:absolute;
  bottom:16px;right:18px;
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 14px;border-radius:10px;
  background:rgba(15,17,21,.8);
  border:1px solid #252c35;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:600;
  color:#8a9a90;
  z-index:2;
  transition:border-color .3s,color .3s;
}
.ph__shell:hover .ph__hero-badge{
  border-color:rgba(46,234,102,.25);
  color:#2eea66;
}
.ph__hero-badge svg{
  width:14px;height:14px;
  stroke:currentColor;fill:none;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}

@media (max-width: 760px) {
  .ph {
    margin: 0 auto 28px;
    padding: 0 12px;
  }

  .ph__shell {
    border-radius: 18px;
  }

  .ph__header {
    padding: 24px 16px 20px;
    overflow: visible;
  }

  .ph__header::after {
    width: 380px;
    height: 150px;
  }

  .ph__breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    max-width: 100%;
    width: auto;
    padding: 6px 12px;
    gap: 6px;
    margin-bottom: 16px;
    font-size: 10px;
    line-height: 1.2;
    overflow: hidden;
  }

  .ph__breadcrumb a,
  .ph__breadcrumb-sep,
  .ph__breadcrumb-current {
    min-width: 0;
    white-space: nowrap;
  }

  .ph__breadcrumb-current > span {
    display: inline-block;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
  }

  .ph__title {
    font-size: clamp(22px, 8vw, 30px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em;
    margin: 0 0 10px !important;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
    text-wrap: balance;
  }

  .ph__lead {
    font-size: 14px;
    line-height: 1.65;
    max-width: 100%;
  }

  .ph__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ph__meta-item {
    padding: 14px 14px;
    gap: 10px;
    align-items: flex-start;
  }

  .ph__meta-item:nth-child(2n) {
    border-right: none;
  }

  .ph__meta-item:nth-child(-n+2) {
    border-bottom: 1px solid #1c2128;
  }

  .ph__meta-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
  }

  .ph__meta-icon svg {
    width: 16px;
    height: 16px;
  }

  .ph__meta-label {
    font-size: 9px;
    margin-bottom: 3px;
  }

  .ph__meta-value {
    font-size: 12px;
    line-height: 1.25;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .ph__hero-img {
    aspect-ratio: 16 / 9;
  }

  .ph__hero-badge {
    right: 10px;
    bottom: 10px;
    padding: 6px 10px;
    gap: 6px;
    font-size: 10px;
  }
}

@media (max-width: 640px) {
  .ph {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 0 6px !important;
    margin-bottom: 24px !important;
  }

  .ph__shell {
    border-radius: 16px !important;
  }

  .ph__header {
    padding: 18px 12px 16px !important;
    overflow: visible !important;
  }

  .ph__header::after {
    width: 280px !important;
    height: 110px !important;
  }

  .ph__breadcrumb {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    max-width: 100% !important;
    width: auto !important;
    padding: 6px 10px !important;
    margin-bottom: 14px !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.04em !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }

  .ph__breadcrumb a,
  .ph__breadcrumb-sep,
  .ph__breadcrumb-current {
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  .ph__breadcrumb-current > span {
    display: inline-block !important;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
  }

  .ph__title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
    font-size: 18px !important;
    line-height: 1.06 !important;
    letter-spacing: -0.03em !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    hyphens: auto !important;
    text-wrap: pretty !important;
  }

  .ph__lead {
    max-width: 100% !important;
    font-size: 13px !important;
    line-height: 1.58 !important;
  }

  .ph__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ph__meta-item {
    padding: 12px 10px !important;
    gap: 8px !important;
    align-items: flex-start !important;
  }

  .ph__meta-item:nth-child(2n) {
    border-right: none !important;
  }

  .ph__meta-item:nth-child(-n+2) {
    border-bottom: 1px solid #1c2128 !important;
  }

  .ph__meta-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
  }

  .ph__meta-icon svg {
    width: 15px !important;
    height: 15px !important;
  }

  .ph__meta-label {
    font-size: 8px !important;
    margin-bottom: 2px !important;
  }

  .ph__meta-value {
    font-size: 10px !important;
    line-height: 1.22 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .ph__hero-img {
    aspect-ratio: 4 / 3 !important;
  }

  .ph__hero-badge {
    right: 10px !important;
    bottom: 10px !important;
    padding: 6px 10px !important;
    font-size: 10px !important;
  }
}

@media (max-width: 520px) {
  .ph {
    padding: 0 4px !important;
  }

  .ph__header {
    padding: 18px 10px 16px !important;
  }

  .ph__breadcrumb {
    font-size: 9px !important;
    padding: 6px 8px !important;
    margin-bottom: 12px !important;
  }

  .ph__breadcrumb-current > span {
    max-width: 96px !important;
  }

  .ph__title {
    font-size: 17px !important;
    line-height: 1.06 !important;
    margin: 0 0 8px !important;
  }

  .ph__lead {
    font-size: 12.5px !important;
    line-height: 1.58 !important;
  }

  .ph__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ph__meta-item {
    padding: 11px 9px !important;
    gap: 8px !important;
  }

  .ph__meta-icon {
    width: 30px !important;
    height: 30px !important;
  }

  .ph__meta-value {
    font-size: 10px !important;
  }

  .ph__hero-img {
    aspect-ratio: 4 / 3 !important;
  }

  .ph__hero-badge {
    right: 8px !important;
    bottom: 8px !important;
    padding: 5px 9px !important;
    font-size: 9px !important;
  }
}

@media (max-width: 380px) {
  .ph {
    padding: 0 4px !important;
  }

  .ph__header {
    padding: 16px 10px 14px !important;
  }

  .ph__breadcrumb-current > span {
    max-width: 82px !important;
  }

  .ph__title {
    font-size: 16px !important;
    line-height: 1.08 !important;
  }

  .ph__meta {
    grid-template-columns: 1fr !important;
  }

  .ph__meta-item {
    border-right: none !important;
  }

  .ph__meta-item:not(:last-child) {
    border-bottom: 1px solid #1c2128 !important;
  }
}

.et_pb_post_content{
  font-family:Inter, system-ui, -apple-system, sans-serif;
  font-size:17px;line-height:1.85;
  color:#b0bec5;max-width:1020px;margin:0 auto;
}
.et_pb_post_content > *{ margin-bottom:1.1em; }
.et_pb_post_content > *:last-child{ margin-bottom:0; }
 
.et_pb_post_content p{
  font-family:Inter, system-ui, sans-serif;
  font-size:17px;line-height:1.85;
  color:#b0bec5;margin:0 0 1.1em;
}
 
.et_pb_post_content h2{
  font-family:'Syne', sans-serif !important;
  font-weight:800 !important;
  font-size:clamp(24px, 2.8vw, 32px) !important;
  line-height:1.2 !important;color:#dce8de !important;
  margin:2.4em 0 0.8em !important;padding:0 0 14px !important;
  border-bottom:1px solid #1c2128;position:relative;
}
.et_pb_post_content h2::before{
  content:'';position:absolute;bottom:-1px;left:0;
  width:60px;height:2px;background:#2eea66;border-radius:2px;
}
.et_pb_post_content h3{
  font-family:'Syne', sans-serif !important;
  font-weight:800 !important;
  font-size:clamp(19px, 2.2vw, 24px) !important;
  line-height:1.25 !important;color:#c8d8cc !important;
  margin:2em 0 0.6em !important;
}
.et_pb_post_content h4{
  font-family:'Syne', sans-serif !important;
  font-weight:800 !important;
  font-size:clamp(16px, 1.8vw, 20px) !important;
  line-height:1.3 !important;color:#a8b8b0 !important;
  margin:1.8em 0 0.5em !important;
}
.et_pb_post_content h5,
.et_pb_post_content h6{
  font-family:'JetBrains Mono', monospace !important;
  font-weight:700 !important;font-size:14px !important;
  letter-spacing:.08em !important;text-transform:uppercase !important;
  color:rgba(46,234,102,.6) !important;margin:1.6em 0 0.5em !important;
}

.et_pb_post_content a{
  color:#2eea66;text-decoration:underline;
  text-decoration-color:rgba(46,234,102,.35);
  text-underline-offset:3px;
  transition:color .2s, text-decoration-color .2s;
}
.et_pb_post_content a:hover{
  color:#69f092;text-decoration-color:#69f092;
}
 
.et_pb_post_content strong,
.et_pb_post_content b{ color:#dce8de;font-weight:700; }
.et_pb_post_content em,
.et_pb_post_content i{ color:#95a1b3;font-style:italic; }
 

.et_pb_post_content ul,
.et_pb_post_content ol{
  margin:0 0 1.1em;padding:0;list-style:none;
}
.et_pb_post_content ul li,
.et_pb_post_content ol li{
  position:relative;padding:8px 0 8px 36px;margin:0;
  font-family:Inter, system-ui, sans-serif;
  font-size:16px;line-height:1.75;color:#b0bec5;
  border-bottom:1px solid rgba(28,33,40,.6);
}
.et_pb_post_content ul li:last-child,
.et_pb_post_content ol li:last-child{ border-bottom:none; }
 
.et_pb_post_content ul li::before{
  content:'';position:absolute;left:0;top:16px;
  width:8px;height:8px;border-radius:3px;
  background:rgba(46,234,102,.4);border:1px solid rgba(46,234,102,.25);
}
.et_pb_post_content ol{ counter-reset:ol-counter; }
.et_pb_post_content ol li::before{
  counter-increment:ol-counter;content:counter(ol-counter);
  position:absolute;left:0;top:10px;
  width:24px;height:24px;border-radius:7px;
  background:rgba(46,234,102,.08);border:1px solid rgba(46,234,102,.2);
  font-family:'JetBrains Mono', monospace;
  font-size:12px;font-weight:700;color:#2eea66;
  display:flex;align-items:center;justify-content:center;line-height:1;
}
.et_pb_post_content ul ul,
.et_pb_post_content ol ol,
.et_pb_post_content ul ol,
.et_pb_post_content ol ul{ margin:6px 0 0;padding-left:8px; }
 
.et_pb_post_content blockquote{
  margin:2em 0;padding:20px 24px;border:none;
  border-left:3px solid #2eea66;
  background:linear-gradient(135deg,rgba(46,234,102,.06),rgba(46,234,102,.02));
  border-radius:0 14px 14px 0;position:relative;
}
.et_pb_post_content blockquote::before{
  content:'"';position:absolute;top:12px;right:20px;
  font-family:'Syne', sans-serif;font-size:48px;font-weight:800;
  color:rgba(46,234,102,.12);line-height:1;
}
.et_pb_post_content blockquote p{
  font-size:16px;font-style:italic;color:#c8e8d0;
  line-height:1.75;margin:0;
}
.et_pb_post_content blockquote cite{
  display:block;margin-top:10px;
  font-family:'JetBrains Mono', monospace;
  font-size:11px;font-weight:600;letter-spacing:.06em;
  color:#5a7060;font-style:normal;
}
 
.et_pb_post_content code{
  font-family:'JetBrains Mono', monospace;
  font-size:14px;padding:3px 8px;border-radius:6px;
  background:rgba(46,234,102,.06);border:1px solid rgba(46,234,102,.15);
  color:#b8e8c8;
}
.et_pb_post_content pre{
  margin:1.5em 0;padding:20px 22px;border-radius:14px;
  background:#111418;border:1px solid #1c2128;overflow-x:auto;
}
.et_pb_post_content pre code{
  padding:0;border:none;background:none;
  font-size:13.5px;line-height:1.7;color:#8a9a90;
  display:block;white-space:pre;
}
 
.et_pb_post_content table{
  width:100%;border-collapse:collapse;
  border-radius:14px;overflow:hidden;border:1px solid #1c2128;
}
.et_pb_post_content table thead th{
  font-family:'JetBrains Mono', monospace;
  font-size:11px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:rgba(46,234,102,.6);
  background:#111418;padding:14px 18px;text-align:left;
  border-bottom:2px solid #1c2128;
}
.et_pb_post_content table tbody td{
  font-family:Inter, system-ui, sans-serif;font-size:14px;
  line-height:1.65;color:#8a9a90;padding:12px 18px;
  border-bottom:1px solid #1c2128;
}
.et_pb_post_content table tbody tr:last-child td{ border-bottom:none; }
.et_pb_post_content table tbody tr:hover{ background:rgba(46,234,102,.02); }
 
.et_pb_post_content hr{
  border:none;height:1px;margin:2em 0;
  background:linear-gradient(90deg,transparent,#1c2128 20%,#1c2128 80%,transparent);
}
.et_pb_post_content mark{
  background:rgba(46,234,102,.12);color:#dce8de;
  padding:2px 6px;border-radius:4px;
}
.et_pb_post_content img{
  border-radius:14px;border:1px solid #1c2128;
  margin:1.2em 0;display:block;max-width:100%;height:auto;
}
.et_pb_post_content figcaption{
  font-family:'JetBrains Mono', monospace;
  font-size:11px;font-weight:600;letter-spacing:.04em;
  color:#5a6860;text-align:center;margin-top:8px;
}
 
/* ======== KOMPONENTY — SPIS TREŚCI ========= */
 
.toc{
  --accent:#2eea66;
  --ring:#1c2128;
  --text:#b0bec5;
  --muted:#5a6860;
  --bg:#111418;
  color:var(--text);
  font-family:Inter, system-ui, sans-serif;
}

.toc--box{
  border:1px solid var(--ring);
  border-radius:14px;
  background:var(--bg);
  margin:1.5rem 0 2rem;
  box-shadow:0 6px 22px rgba(0,0,0,.25);
  overflow:hidden;
}

.toc__toggle{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.9rem 1rem;
  font-family:'Syne', sans-serif;
  font-weight:800;
  font-size:16px;
  letter-spacing:.02em;
  cursor:pointer;
  outline:none;
  color:#dce8de;
  -webkit-tap-highlight-color:transparent;
}

.toc__toggle::-webkit-details-marker{
  display:none;
}

.toc__toggle span{
  position:relative;
  padding-left:.75rem;
}

.toc__toggle span::before{
  content:"";
  position:absolute;
  left:0;
  top:.2em;
  bottom:.2em;
  width:3px;
  border-radius:3px;
  background:var(--accent);
  box-shadow:0 0 14px rgba(46,234,102,.3);
}

.toc:not([open]) .toc__toggle svg{
  transform:rotate(-180deg);
}

.toc__toggle svg{
  stroke:#5a6860;
  transition:transform .2s;
}

.toc__body{
  border-top:1px solid var(--ring);
  padding:.5rem .5rem .75rem;
}

.toc .toc__list,
.toc .toc__list ol{
  list-style:none !important;
  padding-left:0 !important;
  margin-left:0;
}

.toc .toc__list li::marker{
  content:"";
}

.toc__list{
  counter-reset:none;
}

.toc__list li{
  margin:.15rem 0;
}

.toc__list a{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.4rem .6rem;
  border-radius:8px;
  font-family:Inter, system-ui, sans-serif;
  font-size:14px;
  color:var(--text);
  text-decoration:none;
  transition:color .15s, background .15s, transform .15s;
}

.toc__list a::before{
  display:none;
}

.toc__list ol{
  padding-left:1rem;
  margin:.2rem 0;
  border-left:1px dashed var(--ring);
}

.toc__list li:hover > a{
  color:#dce8de;
  background:rgba(46,234,102,.06);
  transform:translateX(2px);
}

.toc__list a.is-active{
  color:#dce8de;
  background:rgba(46,234,102,.12);
}

@media (max-width: 640px){
  .toc--box{
    width:calc(100% + 2px);
    margin:1.25rem -6px 1.75rem;
    border-radius:12px;
  }

  .toc__toggle{
    padding:.9rem .9rem;
    font-size:17px;
  }

  .toc__body{
    padding:.45rem .4rem .7rem;
  }

  .toc__list a{
    width:100%;
    padding:.48rem .5rem;
    font-size:14px;
    line-height:1.45;
  }

  .toc__list ol{
    padding-left:.8rem !important;
  }
}

@media (max-width: 380px){
  .toc--box{
    width:calc(100% + 12px);
    margin:1.1rem -8px 1.5rem;
    border-radius:12px;
  }

  .toc__toggle{
    padding:.85rem .8rem;
    font-size:16px;
  }

  .toc__body{
    padding:.4rem .35rem .65rem;
  }

  .toc__list a{
    padding:.46rem .45rem;
    font-size:13.5px;
  }
}
 
/* ============ KOMPONENTY — ZOBACZ TAKŻE ============ */
 
.seealso-inline{ --bg:#111418;--line:#1c2128;--text:#b0bec5;--muted:#5a6860;--accent:#2eea66;--accentGlow:rgba(46,234,102,.3);display:inline-flex;align-items:center;gap:.6rem;padding:.65rem .9rem;background:var(--bg);border:1px solid var(--line);border-radius:12px;color:var(--text);line-height:1.4;box-shadow:0 6px 18px rgba(0,0,0,.3);position:relative;font-family:Inter, system-ui, sans-serif; }
.seealso-inline::before{ content:"";position:absolute;left:10px;top:50%;width:7px;height:7px;border-radius:999px;background:var(--accent);box-shadow:0 0 12px var(--accentGlow);transform:translateY(-50%); }
.seealso-inline__label{ padding-left:18px;font-family:'JetBrains Mono', monospace;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted); }
.seealso-inline__link{ display:inline-flex;align-items:center;gap:.4rem;color:#a8b8b0;text-decoration:none;position:relative;padding-bottom:2px;transition:color .18s;font-family:'Syne', sans-serif;font-weight:800;font-size:14px; }
.seealso-inline__link::after{ content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--accent),rgba(46,234,102,.2));transform:scaleX(.5);transform-origin:left;transition:transform .2s; }
.seealso-inline__link:hover{ color:#dce8de; }
.seealso-inline__link:hover::after{ transform:scaleX(1); }
.seealso-inline__icon{ transition:transform .18s; }
.seealso-inline__link:hover .seealso-inline__icon{ transform:translateX(2px); }
@media(max-width:720px){ .seealso-inline{ display:flex; } }
 
/* ========== KOMPONENTY — TABELA CUSTOM =========== */
 
.table{ --accent:#2eea66;--ring:#1c2128;--text:#b0bec5;--muted:#5a6860;--bg:#111418;color:var(--text);font-family:Inter, system-ui, sans-serif; }
.table--box{ border:1px solid var(--ring);border-radius:14px;background:var(--bg);margin:1.5rem 0 2rem;box-shadow:0 6px 22px rgba(0,0,0,.25);overflow:hidden; }
.table__grid{ width:100%;border-collapse:separate;border-spacing:0;border:0 !important; }
.table__grid th,.table__grid td,.table__grid tr{ border:0 !important;outline:0 !important;box-shadow:none !important; }
.table__head tr{ background:rgba(255,255,255,.02); }
.table__head::after{ content:"";display:block;height:1px;background:var(--ring); }
.table__head th{ text-align:left;padding:1rem 1.15rem .85rem;font-family:'JetBrains Mono', monospace;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:rgba(46,234,102,.6) !important;position:relative; }
.table__head th::after{ content:"";position:absolute;left:1.15rem;bottom:.45rem;width:18px;height:2px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px rgba(46,234,102,.25); }
.table__row{ transition:background .15s; }
.table__row:hover{ background:rgba(46,234,102,.02); }
.table__cell{ vertical-align:top;padding:1rem 1.15rem;color:var(--text);border:0 !important;font-size:14px;line-height:1.65; }
.table__cell--muted{ color:var(--muted); }
.table__cell code{ font-family:'JetBrains Mono', monospace;font-size:13px; }
@media(max-width:760px){ .table__head{ display:none; } .table__grid,.table__body,.table__row,.table__cell{ display:block;width:100%; } .table__row{ margin:.5rem .6rem;border-radius:12px;background:rgba(255,255,255,.02);overflow:hidden; } .table__cell{ padding:.8rem 1rem .7rem; } .table__cell::before{ content:attr(data-label);display:block;font-family:'JetBrains Mono', monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(46,234,102,.5);margin-bottom:.3rem; } }
 
/* ============ KOMPONENTY — ŹRÓDŁA ============== */
 
.refs{ --accent:#2eea66;--ring:#1c2128;--text:#b0bec5;--muted:#5a6860;--bg:#111418;color:var(--text);font-family:Inter, system-ui, sans-serif; }
.refs--box{ border:1px solid var(--ring);border-radius:14px;background:var(--bg);margin:1.5rem 0 2rem;box-shadow:0 6px 22px rgba(0,0,0,.25);overflow:hidden; }
.refs__toggle{ list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;font-family:'Syne', sans-serif;font-weight:800;font-size:16px;color:#dce8de;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent; }
.refs__toggle::-webkit-details-marker{ display:none; }
.refs__toggle span{ position:relative;padding-left:.75rem; }
.refs__toggle span::before{ content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:3px;border-radius:3px;background:var(--accent);box-shadow:0 0 14px rgba(46,234,102,.3); }
.refs:not([open]) .refs__toggle svg{ transform:rotate(-180deg); }
.refs__toggle svg{ stroke:#5a6860;transition:transform .2s; }
.refs__body{ border-top:1px solid var(--ring);padding:.5rem .5rem .75rem; }
.refs .refs__list{ list-style:none;padding-left:0;margin-left:0;counter-reset:none; }
.refs__item{ margin:.2rem 0; }
.refs__entry{ display:inline-flex;align-items:flex-start;gap:.5rem;padding:.4rem .6rem;border-radius:8px;font-family:'JetBrains Mono', monospace;font-size:13px;line-height:1.6;color:var(--text);overflow-wrap:anywhere;transition:color .15s, background .15s, transform .15s; }
.refs__entry::before{ display:none; }
.refs__item:hover > .refs__entry{ color:#dce8de;background:rgba(46,234,102,.06);transform:translateX(2px); }
 
/* ================= KOMPONENTY — BLOK KODU ================= */
 
.codecard{ --bg:#111418;--surface:#0e1014;--text:#b0bec5;--muted:#5a6860;--ring:#1c2128;--accent:#2eea66;--accent-glow:rgba(46,234,102,.25);color:var(--text);font-family:Inter, system-ui, sans-serif; }
.codecard--box{ background:var(--bg);border:1px solid var(--ring);border-radius:14px;box-shadow:0 6px 22px rgba(0,0,0,.3);overflow:hidden;margin:1.5rem 0 2rem;position:relative; }
.codecard__head{ display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .95rem;border-bottom:1px solid var(--ring);background:rgba(255,255,255,.02); }
.codecard__label{ display:flex;align-items:center;gap:.6rem;font-family:'Syne', sans-serif;font-weight:800;font-size:14px;color:#a8b8b0; }
.codecard__dot{ width:7px;height:7px;border-radius:999px;background:var(--accent);box-shadow:0 0 12px var(--accent-glow); }
.codecard__copy{ display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .65rem;border-radius:8px;background:transparent;color:#8a9a90;border:1px solid var(--ring);cursor:pointer;font-family:'JetBrains Mono', monospace;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:border-color .2s, color .2s; }
.codecard__copy:hover{ border-color:rgba(46,234,102,.3);color:var(--accent); }
.codecard__body{ position:relative;background:var(--surface); }
.codecard__body::before{ content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,transparent,var(--accent),transparent);opacity:.6; }
.codecard__code{ margin:0;padding:1rem 1rem 1.1rem 1.25rem;font-family:'JetBrains Mono', monospace;font-size:14px;line-height:1.65;color:#8a9a90;overflow:auto;white-space:pre;tab-size:2;outline:none; }
.codecard__code code{ display:block;min-width:fit-content;padding:0;border:none;background:none;font-size:inherit;color:inherit; }
 
/* =============== KOMPONENTY — HIGHLIGHT / CYTAT =================== */
 
.bp-highlight{ --bg:#111418;--ring:#1c2128;--accent:#2eea66;--accent-soft:rgba(46,234,102,.2);--text:#b0bec5;--muted:#5a6860;margin:1.5em 0;color:var(--text);font-family:Inter, system-ui, sans-serif; }
.bp-highlight__inner{ position:relative;padding:1.4rem 1.6rem 1.4rem 1.8rem;background:var(--bg);border-radius:14px;border:1px solid var(--ring);box-shadow:0 6px 22px rgba(0,0,0,.3); }
.bp-highlight__inner::before{ content:"";position:absolute;left:12px;top:16px;bottom:16px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--accent),#19c34e);box-shadow:0 0 14px var(--accent-soft); }
.bp-highlight__label{ margin:0 0 .75rem;font-family:'JetBrains Mono', monospace;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(46,234,102,.6); }
.bp-highlight p{ margin:.3rem 0;line-height:1.75;font-size:15px; }
.bp-highlight p:last-child{ margin-bottom:0; }
 
/* ── UKRYJ SCROLL TO TOP ── */
#back_to_top,.et_pb_scroll_top,.scroll-to-top,.scroll-top,.nv-go-top,.go-to-top,#toTop,#backtotop{ display:none !important;visibility:hidden !important;pointer-events:none !important; }

@media(max-width:768px){
  .et_pb_post_content{ font-size:16px;line-height:1.8; }
  .et_pb_post_content p{ font-size:16px; }
  .et_pb_post_content h2{ font-size:clamp(22px,5vw,28px) !important; }
  .et_pb_post_content h3{ font-size:clamp(18px,4vw,22px) !important; }
  .et_pb_post_content blockquote{ padding:16px 18px; }
  .et_pb_post_content pre{ padding:16px 18px; }
  .bp-highlight__inner{ padding:1.2rem 1.2rem 1.25rem 1.4rem;border-radius:12px; }
  .bp-highlight__inner::before{ left:10px;top:14px;bottom:14px; }
}
@media(max-width:720px){
  .toc--box,.refs--box,.codecard--box{ border-radius:12px; }
}