/* ===== Blog — CRM pro neziskovky ===== */

.bloghero{
  padding: clamp(28px,5vw,64px) 0 clamp(16px,2vw,28px);
}
.bloghero__lbl{
  font: 600 13px/1 'Manrope',sans-serif;
  letter-spacing:.14em; text-transform:uppercase;
  color: var(--c-blue, #1FA8E0);
  margin-bottom: 18px;
}
.bloghero__h{
  font: 700 clamp(34px,5vw,60px)/1.04 'Manrope',sans-serif;
  letter-spacing:-.02em; color: var(--c-ink,#0A1F33);
  margin:0 0 18px; max-width: 18ch;
}
.bloghero__h em{ font-style:normal; color: var(--c-blue,#1FA8E0); }
.bloghero__lede{
  font: 400 clamp(17px,1.5vw,20px)/1.6 'Manrope',sans-serif;
  color: var(--c-muted,#5b6b7a); max-width: 58ch; margin:0;
}

/* year filter chips */
.blogyears{
  display:flex; flex-wrap:wrap; gap:8px;
  margin: 28px 0 8px;
}
.blogyears__chip{
  appearance:none; cursor:pointer;
  font: 600 13px/1 'Manrope',sans-serif;
  padding:9px 15px; border-radius:999px;
  border:1px solid var(--c-rule-strong,#d7dee5);
  background:#fff; color: var(--c-ink,#0A1F33);
  transition: all .15s ease;
}
.blogyears__chip:hover{ border-color: var(--c-ink,#0A1F33); }
.blogyears__chip.is-on{
  background: var(--c-ink,#0A1F33); color:#fff; border-color: var(--c-ink,#0A1F33);
}

/* article list */
.bloglist{ margin: 8px 0 24px; }
.blogyear{
  display:grid; grid-template-columns: 120px 1fr; gap: clamp(16px,3vw,48px);
  padding: clamp(20px,3vw,36px) 0;
  border-top:1px solid var(--c-rule,#e8edf1);
}
.blogyear__lbl{
  font: 700 clamp(28px,3vw,40px)/1 'Manrope',sans-serif;
  color: var(--c-ink,#0A1F33); letter-spacing:-.02em;
  position:sticky; top: 96px; align-self:start;
}
.blogyear__items{ display:flex; flex-direction:column; }
.blogrow{
  display:grid; grid-template-columns: 116px 1fr 24px; align-items:baseline;
  gap: 20px; padding: 16px 4px; text-decoration:none;
  border-bottom:1px solid var(--c-rule,#e8edf1);
  transition: background .15s ease, padding .15s ease;
}
.blogyear__items .blogrow:last-child{ border-bottom:0; }
.blogrow:hover{ background: var(--c-tint,#f4f7f9); padding-left:12px; }
.blogrow__date{
  font: 500 13px/1.4 'Manrope',sans-serif;
  color: var(--c-muted,#5b6b7a); white-space:nowrap;
}
.blogrow__title{
  font: 600 clamp(17px,1.6vw,21px)/1.35 'Manrope',sans-serif;
  color: var(--c-ink,#0A1F33); letter-spacing:-.01em;
}
.blogrow:hover .blogrow__title{ color: var(--c-blue,#1FA8E0); }
.blogrow__arrow{
  color: var(--c-muted-2,#9aa7b2); display:flex; align-items:center;
  opacity:0; transform: translateX(-4px); transition: all .15s ease;
}
.blogrow:hover .blogrow__arrow{ opacity:1; transform: translateX(0); color: var(--c-blue,#1FA8E0); }

@media (max-width: 720px){
  .blogyear{ grid-template-columns: 1fr; gap: 8px; }
  .blogyear__lbl{ position:static; }
  .blogrow{ grid-template-columns: 1fr; gap:4px; }
  .blogrow__arrow{ display:none; }
}

/* ===== Article page ===== */
.artwrap{ max-width: 760px; margin: 0 auto; }
.art__breadcrumb{
  font: 600 13px/1 'Manrope',sans-serif; letter-spacing:.04em;
  color: var(--c-muted,#5b6b7a); margin-bottom: 22px; text-transform:uppercase;
}
.art__breadcrumb a{ color:inherit; text-decoration:none; border-bottom:1px solid var(--c-rule-strong,#d7dee5); }
.art__breadcrumb a:hover{ color: var(--c-ink,#0A1F33); }
.art__date{
  font: 500 14px/1 'Manrope',sans-serif; color: var(--c-blue,#1FA8E0);
  letter-spacing:.02em; margin-bottom:14px;
}
.art__h{
  font: 700 clamp(30px,4vw,46px)/1.08 'Manrope',sans-serif;
  letter-spacing:-.02em; color: var(--c-ink,#0A1F33); margin:0 0 28px;
}
.art__body{ font: 400 18px/1.72 'Manrope',sans-serif; color:#243443; }
.art__body > p{ margin: 0 0 20px; }
.art__lead{
  font-size: 21px; line-height:1.6; color: var(--c-ink,#0A1F33); font-weight:500;
  margin-bottom: 28px !important;
}
.art__body h3{
  font: 700 23px/1.3 'Manrope',sans-serif; color: var(--c-ink,#0A1F33);
  letter-spacing:-.01em; margin: 38px 0 14px;
}
.art__body ul, .art__body ol{ margin: 0 0 22px; padding-left: 24px; }
.art__body li{ margin-bottom: 10px; }
.art__body ul li::marker{ color: var(--c-blue,#1FA8E0); }
.art__by{
  margin-top: 36px !important; padding-top: 20px;
  border-top:1px solid var(--c-rule,#e8edf1);
  font: 500 15px/1.5 'Manrope',sans-serif; color: var(--c-muted,#5b6b7a);
  font-style: italic;
}
.art__nav{
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
  margin-top: 48px; padding-top: 28px; border-top:1px solid var(--c-rule,#e8edf1);
}
.art__nav a{
  font: 600 14px/1.4 'Manrope',sans-serif; color: var(--c-ink,#0A1F33);
  text-decoration:none; max-width: 46%; display:flex; flex-direction:column; gap:4px;
}
.art__nav a span{ font-weight:500; font-size:12px; color: var(--c-muted-2,#9aa7b2); text-transform:uppercase; letter-spacing:.08em; }
.art__nav a:hover{ color: var(--c-blue,#1FA8E0); }
.art__nav a.next{ text-align:right; align-items:flex-end; }
.art__back{
  display:inline-flex; align-items:center; gap:8px; margin-top:40px;
  font: 600 14px/1 'Manrope',sans-serif; color: var(--c-blue,#1FA8E0); text-decoration:none;
}
.art__back:hover{ text-decoration:underline; }