/* plg_system_dpblog 1.0.13 — deterministic card inject + self-contained sage hero.
   Helix-robust grid via .article-list + display:contents on .row/cols.
   Card pill/meta/readmore injected by ListEnhancer (DOM). Article page unchanged. */
.dp-blog{--dpb-cream:#FAF8F3;--dpb-sage:#E8EFE9;--dpb-gold:#836338;--dpb-text:#263B35;--dpb-muted:#4F625C;--dpb-link:#2A4A3D;--dpb-green:#519682;--dpb-green-d:#427E6D;--dpb-white:#fff;--dpb-line:#E4D8C3;--dpb-r:12px;color:var(--dpb-text);font-family:"Noto Sans",system-ui,sans-serif;font-weight:400;line-height:1.6}
.dp-blog{--dpb-cream:#FAF8F3;--dpb-sage:#E8EFE9;--dpb-gold:#836338;--dpb-text:#263B35;--dpb-muted:#4F625C;--dpb-link:#2A4A3D;--dpb-green:#519682;--dpb-green-d:#427E6D;--dpb-white:#fff;--dpb-line:#E4D8C3;--dpb-r:12px;color:var(--dpb-text);font-family:"Noto Sans",system-ui,sans-serif;font-weight:400;line-height:1.6}
.dp-blog img{display:block;max-width:100%;height:auto}
.dp-blog a{color:var(--dpb-link);text-decoration:none}
.dp-blog a:hover{color:var(--dpb-green)}

/* 1.0.13: mirror list rules onto .blog.dp-blog-list (pageclass on .blog, not body) */
#sp-main-body .blog.dp-blog-list{display:block!important;width:100%!important;max-width:100%!important;float:none!important;background:var(--dpb-cream,#FAF8F3);padding-bottom:40px}
#sp-main-body .blog.dp-blog-list .cat-children{display:none!important}
#sp-main-body .blog.dp-blog-list .article-list{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;
  width:100%!important;max-width:100%!important;margin:0 0 24px!important;padding:0!important;float:none!important
}
#sp-main-body .blog.dp-blog-list .article-list>.row,
#sp-main-body .blog.dp-blog-list .article-list>.row>[class*="col-"],
#sp-main-body .blog.dp-blog-list .article-list [class*="col-lg-"],
#sp-main-body .blog.dp-blog-list .article-list [class*="col-md-"],
#sp-main-body .blog.dp-blog-list .article-list [class*="col-sm-"],
#sp-main-body .blog.dp-blog-list .article-list [class*="col-12"]{display:contents!important}
#sp-main-body .blog.dp-blog-list .article-list .article,
#sp-main-body .blog.dp-blog-list .article-list .dp-blog-card{
  display:flex!important;flex-direction:column!important;min-width:0;height:auto;min-height:100%;
  background:var(--dpb-white,#fff);border:1px solid var(--dpb-line,#E4D8C3);border-radius:var(--dpb-r,12px);overflow:visible
}
@media (max-width:1023px){#sp-main-body .blog.dp-blog-list .article-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){#sp-main-body .blog.dp-blog-list .article-list{grid-template-columns:1fr}}


/* ===== HERO full-bleed sage band ===== */
body.dp-blog-page.dp-blog-list #sp-main-body{background:var(--dpb-cream)}
body.dp-blog-page.dp-blog-list #sp-main-body .blog{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  float:none!important;
  background:var(--dpb-cream);
  padding-bottom:40px
}
body.dp-blog-page.dp-blog-list #sp-main-body .blog .cat-children,
body.dp-blog-page.dp-blog-list #sp-main-body .cat-children{display:none!important}

/* Full-bleed sage hero — painted on .dp-blog-hero itself (plugin-injected).
   Also paint category-desc as fallback if wrap missed. Uses site sage token #E8EFE9
   (= --dp-sage / .dp-alt-s from dp-design-v2). Does NOT depend on body.dp-blog-list. */
#sp-main-body .blog.dp-blog-list > .category-desc,
#sp-main-body .blog.dp-blog-page.dp-blog-list > .category-desc,
body.dp-blog-page.dp-blog-list #sp-main-body .blog > :is(.category-desc,.page-header){
  grid-column:1/-1;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  float:none!important;
  clear:both;
  background:var(--dp-sage, var(--dpb-sage, #E8EFE9));
  border-bottom:1px solid var(--dpb-gold, #836338);
  box-sizing:border-box;
  padding:0
}
#sp-main-body .blog.dp-blog-list .category-desc .dp-blog,
#sp-main-body .blog.dp-blog-list .category-desc .dp-blog-list,
body.dp-blog-page.dp-blog-list #sp-main-body .blog .category-desc .dp-blog,
body.dp-blog-page.dp-blog-list #sp-main-body .blog .category-desc .dp-blog-list{
  width:min(1200px,100%);
  margin:0 auto;
  padding:0 40px;
  box-sizing:border-box;
  background:transparent
}
@media (max-width:767px){
  #sp-main-body .blog.dp-blog-list .category-desc .dp-blog,
  #sp-main-body .blog.dp-blog-list .category-desc .dp-blog-list,
  body.dp-blog-page.dp-blog-list #sp-main-body .blog .category-desc .dp-blog,
  body.dp-blog-page.dp-blog-list #sp-main-body .blog .category-desc .dp-blog-list{padding:0 16px}
}

/* Plugin-owned hero band — full-bleed sage regardless of Helix wrappers */
section.dp-blog-hero,
.dp-blog-hero{
  display:block;
  width:100%;
  max-width:min(1200px,100%);
  margin:0 auto;
  padding:48px 0 24px;
  box-sizing:border-box;
  background:transparent;
  border-bottom:0;
  color:var(--dpb-text, #263B35)
}
/* When hero is NOT nested in already-painted category-desc, paint + full-bleed itself */
#sp-main-body .blog > section.dp-blog-hero,
#sp-main-body .blog.dp-blog-list > section.dp-blog-hero{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:48px max(40px, calc(50vw - 600px)) 24px;
  background:var(--dp-sage, var(--dpb-sage, #E8EFE9))!important;
  border-bottom:1px solid var(--dpb-gold, #836338);
  box-sizing:border-box
}
@media (max-width:767px){
  #sp-main-body .blog > section.dp-blog-hero,
  #sp-main-body .blog.dp-blog-list > section.dp-blog-hero{padding:32px 16px 20px}
}
/* Dark text title — beat colorscheme brown/gold H with 9 IDs */
html:not(#dpbl1):not(#dpbl2):not(#dpbl3):not(#dpbl4):not(#dpbl5):not(#dpbl6):not(#dpbl7):not(#dpbl8):not(#dpbl9) body.dp-v2.dp-blog-page.dp-blog-list #sp-main-body .blog .dp-blog-hero h1,
html:not(#dpbl1):not(#dpbl2):not(#dpbl3):not(#dpbl4):not(#dpbl5):not(#dpbl6):not(#dpbl7):not(#dpbl8):not(#dpbl9) body.dp-v2.dp-blog-page.dp-blog-list #sp-main-body .dp-blog-hero h1{
  font-family:"Noto Sans",system-ui,sans-serif!important;
  font-weight:600!important;
  font-size:44px!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
  color:var(--dpb-text,#263B35)!important;
  max-width:min(760px,18ch)!important;
  width:auto!important;
  margin:0!important
}
.dp-blog-hero p{
  margin:16px 0 0;
  font-size:22px;
  line-height:1.6;
  max-width:min(760px,42ch);
  width:auto;
  color:var(--dpb-muted);
  font-weight:400
}
.dp-blog-filters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:8px 0 24px;
  padding-bottom:8px
}
.dp-blog-chip{
  display:inline-flex;
  align-items:center;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid var(--dpb-gold);
  background:var(--dpb-white);
  color:var(--dpb-text);
  font-size:15px;
  font-weight:500;
  min-height:40px;
  white-space:nowrap
}
.dp-blog-chip.is-on{background:var(--dpb-green);border-color:var(--dpb-green);color:#fff}

/* ===== LIST GRID (Helix-robust) =====
   Variants:
   A) .article-list > .row > .col-* > .article  (one row, many cols)
   B) .article-list > .row > .col-* > .article  (one row per article)
   C) .article-list > .article
   Strategy: grid on .article-list; display:contents on .row and cols so .article become cells.
*/
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 24px!important;
  padding:0!important;
  float:none!important
}
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list>.row,
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list>.row>[class*="col-"],
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list [class*="col-lg-"],
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list [class*="col-md-"],
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list [class*="col-sm-"],
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list [class*="col-12"],
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .items-row,
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .blog-items{
  display:contents!important;
  float:none!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  flex:none!important
}

/* Card shell */
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article,
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .item,
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .dp-blog-card{
  display:flex!important;
  flex-direction:column;
  min-width:0;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:100%;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  background:var(--dpb-white);
  border:1px solid var(--dpb-line);
  border-radius:var(--dpb-r);
  overflow:visible!important;
  box-shadow:0 1px 3px rgba(38,59,53,.05)
}

/* Image */
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article :is(.dp-blog-card__img,.item-image,.article-intro-image,.blog-item-image,.article-image),
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .dp-blog-card__img,
#sp-main-body .blog.dp-blog-list .article-list .article :is(.article-intro-image,.item-image){
  display:block;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  overflow:hidden;
  border-radius:var(--dpb-r,12px) var(--dpb-r,12px) 0 0
}
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article :is(.dp-blog-card__img,.item-image,.article-intro-image,.blog-item-image,.article-image) img,
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article img{
  aspect-ratio:16/10;
  object-fit:cover;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  background:var(--dpb-sage)
}

/* Body column */
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article :is(.dp-blog-card__body,.article-body,.item-content){
  display:flex!important;
  flex-direction:column;
  flex:1 1 auto;
  gap:12px;
  padding:20px!important;
  margin:0!important;
  float:none!important;
  width:auto!important;
  min-width:0
}

/* Hide leftover Helix chrome inside rebuilt cards */
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article .article-info:not(.dp-blog-card-meta),
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article dl.article-info{display:none!important}

.dp-blog-badge,
.dp-blog-pill,
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article .dp-blog-badge,
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article .dp-blog-pill{
  display:inline-flex!important;
  align-self:flex-start;
  padding:4px 12px;
  border-radius:999px;
  background:var(--dpb-sage);
  color:var(--dpb-link);
  font-size:13px;
  font-weight:600;
  letter-spacing:.02em;
  margin:0!important;
  width:auto!important;
  float:none!important
}

/* Card title — 9 IDs beat colorscheme 44px */
html:not(#dpbl1):not(#dpbl2):not(#dpbl3):not(#dpbl4):not(#dpbl5):not(#dpbl6):not(#dpbl7):not(#dpbl8):not(#dpbl9) body.dp-v2.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article :is(h2,.article-header h2,.page-header h2),
html:not(#dpbl1):not(#dpbl2):not(#dpbl3):not(#dpbl4):not(#dpbl5):not(#dpbl6):not(#dpbl7):not(#dpbl8):not(#dpbl9) body.dp-v2.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article :is(h2,.article-header h2,.page-header h2) a{
  font-family:"Noto Sans",system-ui,sans-serif!important;
  font-weight:600!important;
  font-size:22px!important;
  line-height:1.3!important;
  letter-spacing:normal!important;
  margin:0!important;
  padding:0!important;
  color:var(--dpb-link,#2A4A3D)!important;
  overflow-wrap:anywhere;
  word-break:normal
}
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article .article-header{
  padding:0!important;
  margin:0!important;
  float:none!important;
  width:auto!important
}

/* Excerpt flush with title (no indent) */
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article :is(.dp-blog-card__ex,.article-introtext),
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article .dp-blog-card__body>p,
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article .article-body>p{
  font-size:17px;
  line-height:1.55;
  color:var(--dpb-muted);
  font-weight:400;
  margin:0!important;
  padding:0!important;
  float:none!important;
  width:auto!important;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden
}

/* Meta: date · N хв (optional author · …) */
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article .dp-blog-card-meta{
  display:inline-flex!important;
  flex-wrap:wrap;
  align-items:center;
  gap:0;
  margin-top:auto!important;
  margin-bottom:0!important;
  padding:0!important;
  font-size:14px;
  line-height:1.4;
  color:var(--dpb-muted);
  float:none!important;
  width:auto!important
}
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article .dp-blog-card-meta .dp-blog-meta-dot{
  margin:0 8px;
  opacity:.9
}

body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article :is(.readmore,.dp-blog-card-more),
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article a.dp-blog-card-more{
  margin-top:0;
  padding:0!important;
  font-weight:600!important;
  font-size:15px!important;
  color:var(--dpb-green)!important;
  align-self:flex-start
}
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article .readmore a{
  font-weight:600!important;
  font-size:15px!important;
  color:var(--dpb-green)!important
}

/* Pagination */
body.dp-blog-page.dp-blog-list #sp-main-body .blog>:is(.pagination,.pager,.w-100){
  display:flex!important;
  justify-content:center;
  gap:8px;
  padding:8px 0 56px;
  width:100%!important;
  float:none!important;
  clear:both
}
body.dp-blog-page.dp-blog-list #sp-main-body .blog :is(.pagination,.pager) ul{
  display:flex!important;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0
}
body.dp-blog-page.dp-blog-list #sp-main-body .blog :is(.pagination,.pager) :is(li,a,span){
  min-width:40px;height:40px;display:inline-flex!important;align-items:center;justify-content:center;
  border-radius:8px;border:1px solid var(--dpb-line);background:var(--dpb-white);
  font-weight:600;font-size:15px;color:var(--dpb-text);float:none!important;padding:0 10px
}
body.dp-blog-page.dp-blog-list #sp-main-body .blog :is(.pagination,.pager) :is(.active,.is-cur) :is(a,span),
body.dp-blog-page.dp-blog-list #sp-main-body .blog :is(.pagination,.pager) :is(a,span)[aria-current="page"]{
  background:var(--dpb-green)!important;border-color:var(--dpb-green)!important;color:#fff!important
}

@media (max-width:1023px) and (min-width:768px){
  body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px
  }
}
@media (max-width:767px){
  .dp-blog-hero{padding:32px 0 16px}
  html:not(#dpbl1):not(#dpbl2):not(#dpbl3):not(#dpbl4):not(#dpbl5):not(#dpbl6):not(#dpbl7):not(#dpbl8):not(#dpbl9) body.dp-v2.dp-blog-page.dp-blog-list #sp-main-body .blog .dp-blog-hero h1,
  html:not(#dpbl1):not(#dpbl2):not(#dpbl3):not(#dpbl4):not(#dpbl5):not(#dpbl6):not(#dpbl7):not(#dpbl8):not(#dpbl9) body.dp-v2.dp-blog-page.dp-blog-list #sp-main-body .dp-blog-hero h1{
    font-size:30px!important
  }
  .dp-blog-hero p{font-size:17px;margin-top:12px}
  .dp-blog-filters{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    gap:8px;
    margin:8px 0 16px;
    padding-bottom:12px;
    scrollbar-width:thin
  }
  body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list{
    grid-template-columns:1fr;
    gap:20px
  }
  html:not(#dpbl1):not(#dpbl2):not(#dpbl3):not(#dpbl4):not(#dpbl5):not(#dpbl6):not(#dpbl7):not(#dpbl8):not(#dpbl9) body.dp-v2.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article :is(h2,.article-header h2,.page-header h2),
  html:not(#dpbl1):not(#dpbl2):not(#dpbl3):not(#dpbl4):not(#dpbl5):not(#dpbl6):not(#dpbl7):not(#dpbl8):not(#dpbl9) body.dp-v2.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article :is(h2,.article-header h2,.page-header h2) a{
    font-size:20px!important
  }
}


/* ===== ARTICLE page (unchanged) ===== */
.dp-blog-crumbs{padding:24px 0 8px;font-size:17px;color:var(--dpb-muted)}
.dp-blog-crumbs a{color:var(--dpb-link)}
.dp-blog-art__grid{display:grid;grid-template-columns:minmax(0,720px) 280px;gap:48px;align-items:start;padding-bottom:48px}
.dp-blog-art__main{min-width:0}
.dp-blog-art h1{font-weight:600;font-size:44px;line-height:1.2;letter-spacing:-.02em;margin:0 0 16px}
.dp-blog-art h2{font-weight:600;font-size:44px;line-height:1.2;margin:40px 0 16px}
.dp-blog-art h3{font-weight:600;font-size:44px;line-height:1.2;margin:28px 0 12px}
.dp-blog-art p,.dp-blog-art li{font-size:22px;line-height:1.6;font-weight:400;margin:0 0 16px}
.dp-blog-art ul,.dp-blog-art ol{margin:0 0 16px 1.2em;font-size:22px}
.dp-blog-answer{background:var(--dpb-sage);border-left:3px solid var(--dpb-gold);padding:16px 20px;margin:0 0 24px;border-radius:0 var(--dpb-r) var(--dpb-r) 0}
.dp-blog-answer p{margin:0 0 8px;font-size:22px;line-height:1.6}
.dp-blog-answer p:last-child{margin:0}
.dp-blog-updated{font-size:17px;color:var(--dpb-muted);margin:0 0 20px}
.dp-blog-byline{display:flex;align-items:center;gap:12px;margin:0 0 28px;font-size:17px;color:var(--dpb-muted)}
.dp-blog-byline img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.dp-blog-byline strong{color:var(--dpb-text);font-weight:600}
.dp-blog-heroimg{width:100%;border-radius:var(--dpb-r);margin:0 0 32px;aspect-ratio:16/9;object-fit:cover;background:var(--dpb-sage)}
.dp-blog-toc{background:var(--dpb-sage);border:1px solid var(--dpb-line);border-radius:var(--dpb-r);padding:20px}
.dp-blog-toc--d{position:sticky;top:24px}
.dp-blog-toc--m{display:none;margin:0 0 16px;padding:0;border:0;background:transparent}
.dp-blog-toc__title{font-weight:600;font-size:22px;margin:0 0 12px}
.dp-blog-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dp-blog-toc a{font-size:17px;color:var(--dpb-link);line-height:1.4}
.dp-blog-faq{margin:40px 0;display:flex;flex-direction:column;gap:12px}
.dp-blog-faq details{background:var(--dpb-white);border:1px solid var(--dpb-gold);border-radius:10px}
.dp-blog-faq summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:600;font-size:22px;display:flex;justify-content:space-between;gap:12px;line-height:1.2}
.dp-blog-faq summary::-webkit-details-marker{display:none}
.dp-blog-faq summary::after{content:'+';color:var(--dpb-green);font-weight:600}
.dp-blog-faq details[open] summary::after{content:'−'}
.dp-blog-faq__ans{padding:0 20px 18px;font-size:22px;line-height:1.6;color:var(--dpb-muted)}
.dp-blog-price{background:var(--dpb-white);border:1px solid var(--dpb-gold);border-radius:var(--dpb-r);padding:24px;margin:32px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.dp-blog-price__lab{font-size:17px;color:var(--dpb-muted);margin-bottom:4px}
.dp-blog-price__val{font-weight:600;font-size:44px;line-height:1.2;color:var(--dpb-text)}
.dp-blog-price__note{font-size:17px;color:var(--dpb-muted);margin-top:6px;max-width:36ch}
.dp-blog-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--dpb-green);color:#fff!important;font-weight:600;font-size:17px;padding:14px 28px;border-radius:999px;min-height:48px}
.dp-blog-btn:hover{background:var(--dpb-green-d);color:#fff!important}
.dp-blog-loc{background:var(--dpb-sage);border-radius:var(--dpb-r);padding:20px 24px;margin:24px 0 32px}
.dp-blog-loc__title{font-weight:600;font-size:22px;margin:0 0 10px;line-height:1.2}
.dp-blog-loc ul{list-style:none;margin:0;padding:0}
.dp-blog-loc li{font-size:22px;margin:0 0 8px;line-height:1.6}
.dp-blog-cta{background:var(--dpb-sage);border:1px solid var(--dpb-gold);border-radius:var(--dpb-r);padding:32px;text-align:center;margin:40px 0}
.dp-blog-cta h2{margin:0 0 12px}
.dp-blog-cta p{margin:0 0 20px;font-size:22px;color:var(--dpb-muted)}
.dp-blog-rel{margin:40px 0 24px}
.dp-blog-rel__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dp-blog-rel a{display:block;background:var(--dpb-white);border:1px solid var(--dpb-line);border-radius:10px;padding:16px 18px;font-weight:600;font-size:22px;line-height:1.2;color:var(--dpb-text)}
.dp-blog-rel a span{display:block;font-weight:400;font-size:17px;color:var(--dpb-muted);margin-top:4px;line-height:1.6}
.dp-blog-tablewrap{overflow-x:auto;margin:0 0 24px}
.dp-blog-table{width:100%;border-collapse:collapse;background:var(--dpb-white);border:1px solid var(--dpb-gold)}
.dp-blog-table th,.dp-blog-table td{border:1px solid var(--dpb-gold);padding:12px 14px;font-size:17px;line-height:1.5;text-align:left;vertical-align:top}
.dp-blog-table th{background:var(--dpb-sage);font-weight:600}

@media (max-width:767px){
  .dp-blog-hero{padding:32px 0 28px}
  .dp-blog-hero h1{font-size:30px}
  .dp-blog-hero p{font-size:17px;margin-top:12px}
  .dp-blog-filters{margin:24px 0 16px}
  body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list>.row,
  body.dp-blog-page.dp-blog-list #sp-main-body .blog .blog-items>.row,
  body.dp-blog-page.dp-blog-list #sp-main-body .blog>.items-row{
    grid-template-columns:1fr;
    gap:20px
  }
  html:not(#dpbl1):not(#dpbl2):not(#dpbl3):not(#dpbl4):not(#dpbl5):not(#dpbl6):not(#dpbl7):not(#dpbl8):not(#dpbl9) body.dp-v2.dp-blog-page.dp-blog-list #sp-main-body .blog :is(.item,.article-list .article) :is(h2,.page-header h2,.article-header h2),
  html:not(#dpbl1):not(#dpbl2):not(#dpbl3):not(#dpbl4):not(#dpbl5):not(#dpbl6):not(#dpbl7):not(#dpbl8):not(#dpbl9) body.dp-v2.dp-blog-page.dp-blog-list #sp-main-body .blog :is(.item,.article-list .article) :is(h2,.page-header h2,.article-header h2) a{
    font-size:20px!important
  }
  body.dp-blog-page.dp-blog-list #sp-main-body .blog :is(.item,.article-list .article) .article-info{
    display:inline-flex!important;
    flex-wrap:wrap;
    font-size:14px
  }
  body.dp-blog-page.dp-blog-list #sp-main-body .blog :is(.item,.article-list .article) .article-info>dd+dd::before{
    content:"·"!important;
    margin:0 8px!important
  }
  .dp-blog-art__grid{grid-template-columns:1fr;gap:24px}
  .dp-blog-toc--d{display:none}
  .dp-blog-toc--m{display:block;border:1px solid var(--dpb-line);border-radius:var(--dpb-r);background:var(--dpb-sage)}
  .dp-blog-toc--m .dp-blog-toc__sum{list-style:none;font-weight:600;font-size:17px;padding:14px 16px;cursor:pointer}
  .dp-blog-toc--m .dp-blog-toc__sum::-webkit-details-marker{display:none}
  .dp-blog-toc--m[open] .dp-blog-toc__body{display:block;padding:0 16px 16px}
  .dp-blog-toc--m .dp-blog-toc__body{display:none}
  .dp-blog-art h1,.dp-blog-art h2,.dp-blog-art h3{font-size:30px}
  .dp-blog-art p,.dp-blog-art li,.dp-blog-art ul,.dp-blog-art ol,.dp-blog-answer p,.dp-blog-faq__ans,.dp-blog-cta p,.dp-blog-loc li{font-size:17px}
  .dp-blog-faq summary{font-size:17px;padding:14px 16px}
  .dp-blog-price{flex-direction:column;align-items:stretch;padding:18px}
  .dp-blog-price__val{font-size:30px}
  .dp-blog-rel__grid{grid-template-columns:1fr}
  .dp-blog-cta{padding:24px 16px}
}

/* ===== 1.0.13 client-injected card chrome (.dp-blog-pill / .dp-blog-meta / .dp-blog-more) ===== */
#sp-main-body .blog.dp-blog-list .article-list .article .dp-blog-pill,
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article .dp-blog-pill,
.dp-blog-pill{
  display:inline-flex!important;
  align-self:flex-start;
  padding:4px 12px;
  border-radius:999px;
  background:var(--dpb-sage,#E8EFE9);
  color:var(--dpb-link,#2A4A3D);
  font-size:13px;
  font-weight:600;
  letter-spacing:.02em;
  margin:0!important;
  text-decoration:none!important;
  width:auto!important;
  float:none!important
}
#sp-main-body .blog.dp-blog-list .article-list .article .dp-blog-pill:hover,
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article .dp-blog-pill:hover{
  color:var(--dpb-green,#519682)!important
}

#sp-main-body .blog.dp-blog-list .article-list .article .dp-blog-meta,
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article .dp-blog-meta,
.dp-blog-meta{
  display:block!important;
  margin-top:auto!important;
  margin-bottom:0!important;
  padding:0!important;
  font-size:14px!important;
  line-height:1.4!important;
  color:var(--dpb-muted,#4F625C)!important;
  font-weight:400!important;
  float:none!important;
  width:auto!important;
  white-space:normal
}

html:not(#dpbl1):not(#dpbl2):not(#dpbl3):not(#dpbl4):not(#dpbl5):not(#dpbl6):not(#dpbl7):not(#dpbl8):not(#dpbl9) body.dp-v2 #sp-main-body .blog.dp-blog-list .article-list .article a.dp-blog-more,
html:not(#dpbl1):not(#dpbl2):not(#dpbl3):not(#dpbl4):not(#dpbl5):not(#dpbl6):not(#dpbl7):not(#dpbl8):not(#dpbl9) body.dp-v2.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article a.dp-blog-more,
#sp-main-body .blog.dp-blog-list .article-list .article a.dp-blog-more,
.dp-blog-more{
  display:inline-block!important;
  margin-top:0!important;
  padding:0!important;
  font-weight:600!important;
  font-size:15px!important;
  color:var(--dpb-green,#519682)!important;
  text-decoration:none!important;
  align-self:flex-start;
  float:none!important
}
#sp-main-body .blog.dp-blog-list .article-list .article a.dp-blog-more:hover{
  color:var(--dpb-green-d,#427E6D)!important
}

/* Hide Joomla readmore/info only on successfully enhanced cards */
#sp-main-body .blog.dp-blog-list .article-list .article.dp-blog-card :is(.readmore,p.readmore,.article-info,dl.article-info),
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article.dp-blog-card :is(.readmore,p.readmore,.article-info,dl.article-info){
  display:none!important
}

/* 1.0.13 card chrome visible — no fixed card height; flex pins more */
#sp-main-body .blog.dp-blog-list .article-list .article,
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article{
  overflow:visible!important;
  height:auto!important;
  max-height:none!important
}
#sp-main-body .blog.dp-blog-list .article-list .article :is(.article-body,.dp-blog-card__body),
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article :is(.article-body,.dp-blog-card__body){
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  overflow:visible!important;
  min-height:0
}
#sp-main-body .blog.dp-blog-list .article-list .article .dp-blog-meta,
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article .dp-blog-meta{
  margin-top:auto!important
}
#sp-main-body .blog.dp-blog-list .article-list .article .dp-blog-more,
body.dp-blog-page.dp-blog-list #sp-main-body .blog .article-list .article .dp-blog-more{
  margin-top:8px!important;
  flex-shrink:0
}