/* ==========================================================================
   Blog single (post) page
   ========================================================================== */
.bs-layout{display:flex;align-items:flex-start;padding:48px 10px}

/* Left rail ------------------------------------------------------------- */
.bs-rail{
  width:calc(33.3333% + 15px);flex:0 0 auto;
  position:sticky;top:calc(var(--header-h) + 15px);
  padding-right:28px;
}
.bs-rail__back{
  display:inline-flex;align-items:center;gap:10px;
  font-size:16px;font-weight:500;line-height:22px;color:var(--green);
  margin-bottom:28px;
}
.bs-rail__back svg{width:24px;height:24px;flex:0 0 auto}
.bs-rail__rt{font-size:16px;line-height:22px;color:var(--body);margin:0 0 24px 15px}
.bs-rail__div{border:0;border-top:1px solid #E8EAEC;margin:0 0 24px}
.bs-rail__share-label{font-size:16px;font-weight:400;line-height:22px;color:var(--body);margin:0 0 22px}
.bs-share{display:flex;align-items:center;gap:30px;margin-bottom:44px}
.bs-share a{color:var(--green);transition:color .3s}
.bs-share a:hover{color:var(--heading)}
.bs-share svg{width:20px;height:20px;fill:currentColor}
.bs-rate__label{font-size:16px;color:var(--body);margin:0 0 12px}
.bs-rate__stars{display:flex;gap:6px}
.bs-rate__stars svg{width:19px;height:19px;fill:#D5D8DB;cursor:pointer;transition:fill .2s}
.bs-rate__stars svg:hover{fill:#F6BB06}

/* Main column ----------------------------------------------------------- */
.bs-main{width:740px;max-width:100%;flex:0 1 auto;min-width:0;display:flex;flex-direction:column}
.bs-chip{
  align-self:flex-start;display:inline-block;
  font-size:13px;line-height:14px;color:var(--green);
  background:rgba(0,171,79,.1);border-radius:20px;
  padding:8px 10px;margin-bottom:20px;
}
.bs-title{font-size:32px;line-height:36px;font-weight:600;color:var(--heading);margin-bottom:20px}
.bs-date{font-size:16px;line-height:22px;color:var(--body);margin:40px 0 5px}
.bs-authors{display:flex;flex-wrap:wrap;gap:32px;align-items:center;margin:22px 0 20px}
.bs-author{display:flex;align-items:center;gap:14px}
.bs-author__img{width:64px;height:64px;border-radius:50%;object-fit:cover;display:block}
.bs-author__meta{display:flex;flex-direction:column;line-height:1.3}
.bs-author__name{font-weight:700;font-size:18px;color:#2e8b57}
.bs-author__name:hover{text-decoration:underline}
.bs-author__exp{font-size:14px;color:#444;margin-top:2px}
.bs-hero{width:100%;border-radius:12px;margin:20px 0}

/* "Summarize with" AI row (apaone plugin) -------------------------------- */
.ai-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 24px}
.ai-bar__heading{font-weight:600;font-size:15px;color:var(--heading)}
.ai-bar__list{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ai-bar__link{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 10px;border:1px solid rgba(0,0,0,.12);border-radius:999px;
  background:var(--white);line-height:1;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.ai-bar__link:hover{border-color:rgba(0,0,0,.28);box-shadow:0 1px 5px rgba(0,0,0,.1);transform:translateY(-1px)}
.ai-bar__link img{display:block;width:28px;height:28px}
.ai-bar__name{font-size:14px;font-weight:500;color:var(--green);white-space:nowrap}

/* Article body (matches original in-post styles) ------------------------- */
.bs-content{color:var(--body);font-size:18px;line-height:27px;max-width:710px}
.zl-wrap{font-size:17px;line-height:1.7;color:var(--body)}
.zl-wrap p{margin:0 0 35px;font-size:17px;line-height:1.7;color:var(--body)}
.zl-wrap h2{font-size:32px;font-weight:500;color:var(--body);margin:48px 0 40px;line-height:34px;scroll-margin-top:110px}
.zl-wrap h3{font-size:28px;font-weight:500;color:var(--body);margin:32px 0 24px;line-height:38px}
.zl-wrap a{color:var(--green-btn);text-decoration:underline}
.zl-wrap ul,.zl-wrap ol{margin:10px 0 16px;padding-left:22px;font-size:17px;line-height:1.7;color:var(--body)}
.zl-wrap ul{list-style:disc}
.zl-wrap ol{list-style:decimal}
.zl-wrap li{margin-bottom:6px}
.zl-wrap sup{line-height:0}
.zl-wrap p.zl-meta{font-size:13px;color:#7a8793;margin-bottom:35px}
.zl-meta strong{color:#7a8793}
.zl-toc{background:#F9F9F9;border:1px solid #E0E0E0;border-top:4px solid var(--green-btn);padding:20px 24px;margin:28px 0;border-radius:0 0 6px 6px}
.zl-wrap .zl-toc > p{font-weight:600;font-size:16px;margin:0 0 35px;color:var(--body)}
.zl-toc ol{margin:0;padding-left:20px;line-height:2.2}
.zl-toc a{color:var(--green-btn);text-decoration:none;font-size:16px}
.zl-toc a:hover{text-decoration:underline}
.zl-ukratko{border-left:5px solid var(--green-btn);background:#E8F8EF;padding:14px 18px;margin:24px 0 40px;border-radius:0 6px 6px 0;font-size:17px;line-height:1.7;color:var(--body)}
.zl-ukratko strong{color:var(--green-btn);font-weight:600}
.zl-primer{background:#f7f9fb;border-left:4px solid var(--green-btn);padding:14px 16px;margin:18px 0;font-style:italic;font-size:16px;line-height:1.7}
.zl-primer strong{font-style:normal;color:var(--green-btn)}
.zl-wrap p.zl-label{font-size:14px;font-weight:600;color:var(--body);margin:0 0 4px}
.zl-wrap p.zl-label--top{margin:32px 0 8px}
.zl-author{margin-top:16px;padding:20px;background:#f6f9f7;border-radius:8px}
.zl-author + .zl-author{margin-top:8px}
.zl-author h4{margin:0 0 6px;color:var(--body);font-size:18px;font-weight:700}
.zl-author p{margin:0;font-size:15px}
.zl-footnotes{margin-top:32px;padding-top:16px;border-top:1px solid #dbe3ea;font-size:14px;color:#7a8793}
.zl-footnotes ol{padding-left:18px}
.zl-footnotes li{scroll-margin-top:110px}
.bs-gbadge{display:inline-block;line-height:0;margin:16px 0}
.bs-gbadge img{width:200px;height:auto}

/* Related / latest posts ------------------------------------------------- */
.bs-related{padding:38px 10px}
.bs-related__title{font-size:32px;line-height:35px;font-weight:600;color:var(--heading);margin-bottom:24px}
.bs-related__title--latest{margin-top:50px}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.rel-card{
  display:flex;flex-direction:column;
  background:var(--white);border:1px solid #D1D5D9;border-radius:12px;
  box-shadow:0 2px 3px rgba(140,150,160,.01);overflow:hidden;
}
.rel-card__img{display:block}
.rel-card__img img{width:100%;aspect-ratio:3/2;object-fit:cover}
.rel-card__body{display:flex;flex-direction:column;flex:1 0 auto;justify-content:space-between;gap:20px;padding:24px}
.rel-card__chip{
  align-self:flex-start;display:inline-block;
  font-size:13px;line-height:14px;color:var(--green);
  background:rgba(0,171,79,.1);border-radius:20px;padding:8px 10px;
}
.rel-card__title{font-size:20px;line-height:26px;font-weight:600;color:var(--heading);flex:1 0 auto}
.rel-card__title a:hover{color:var(--green)}
.rel-card__rt{font-size:18px;color:var(--body);margin:6px 0 -14px}
.rel-card__meta{display:flex;align-items:center;gap:15px}
.rel-card__meta img{width:48px;height:48px;border-radius:50%}
.rel-card__meta strong{display:block;font-size:18px;line-height:22px;font-weight:500;color:var(--heading)}
.rel-card__meta time{font-size:16px;line-height:18px;color:var(--body)}

/* Consultation CTA banner ------------------------------------------------ */
.bs-cta{
  margin-top:80px;min-height:380px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  background:#EFF0F1 url('../../images/backgrounds/Frame-1107.png') center/cover no-repeat;
  border:1px solid var(--border-card);border-radius:12px;
  padding:30px 20px;text-align:center;
}
.bs-cta__title{
  font-size:32px;line-height:40px;font-weight:600;
  background:linear-gradient(93.15deg,#00AB4E 32.36%,#93FEC4 57.03%,#00AB4E 72.97%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:#00AB4E;
}
.bs-cta__text{font-size:20px;line-height:26px;font-weight:500;color:var(--white);margin:0}
.bs-cta__faces{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:10px 0;padding:0 40px}
.bs-cta__faces img{width:64px;height:64px;border-radius:100px;object-fit:cover}
.bs-cta__btn{
  display:inline-block;margin-top:21px;
  font-size:14px;font-weight:600;line-height:14px;color:var(--white);
  background:#009947;border:1px solid #009947;border-radius:3px;
  padding:14px 24px;
  transition:background-color .3s,color .3s,border-color .3s;
}
.bs-cta__btn:hover,.bs-cta__btn:focus{background:#F2F4F5;color:var(--gray);border-color:var(--green)}

/* Responsive ------------------------------------------------------------- */
@media (max-width:1024px){
  .bs-rail{padding-right:28px}
  .rel-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  .bs-layout{flex-direction:column;padding-top:34px}
  .bs-rail{width:100%;position:static;padding-right:0;margin-bottom:30px}
  .bs-main{width:100%}
  .bs-title{font-size:24px;line-height:30px}
  .zl-wrap h2{font-size:26px;line-height:30px}
  .zl-wrap h3{font-size:22px;line-height:28px}
  .rel-grid{grid-template-columns:1fr}
  .rel-card__meta{justify-content:flex-start}
  .bs-cta{margin-top:50px}
  .bs-cta__title{font-size:26px;line-height:32px}
  .bs-cta__text{font-size:17px;line-height:23px}
}