.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4);margin:var(--s5) 0 0;font-size:var(--step--1);color:#D7E4EF}
.blog-meta a{color:var(--white);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,200,61,.75)}
.blog-meta a:hover{color:var(--zhovtyj)}

.blog-stattya{padding:var(--s6) 0 var(--s8)}
.blog-setka{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6)}
.blog-setka>*{min-width:0}
.blog-tekst{max-width:780px;font-size:1.0625rem;line-height:1.7;overflow-wrap:break-word}
.blog-tekst>:first-child{margin-top:0}
.blog-tekst h2{margin:var(--s7) 0 var(--s4);scroll-margin-top:96px}
.blog-tekst h3{margin:var(--s5) 0 var(--s2)}
.blog-tekst p{margin:0 0 var(--s4)}
.blog-tekst ul,.blog-tekst ol{margin:0 0 var(--s4);padding-left:1.4em}
.blog-tekst ul{list-style:disc}
.blog-tekst ol{list-style:decimal}
.blog-tekst li{margin-bottom:var(--s2);padding-left:.2em}
.blog-tekst li::marker{color:var(--blue-dk);font-weight:700}
.blog-tekst strong{color:var(--ink)}

.blog-zmist{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:var(--s4) var(--s5)}
.blog-zmist__zag{margin:0 0 var(--s3);font:600 var(--step--1)/1.2 var(--tekst);text-transform:uppercase;letter-spacing:.12em;color:var(--blue-dk)}
.blog-zmist ol{margin:0;padding-left:1.4em;list-style:decimal}
.blog-zmist li{margin:0 0 var(--s2);color:var(--muted);line-height:1.4}
.blog-zmist li:last-child{margin-bottom:0}
.blog-zmist a{color:var(--body);text-decoration:none}
.blog-zmist a:hover{color:var(--blue-dk);text-decoration:underline}

.prymitka{background:var(--zhovtyj-tlo);border:1px solid var(--zhovtyj-kraj);border-left-width:5px;border-radius:var(--r);padding:var(--s4) var(--s5);color:var(--ink)}

.blog-foto{margin:var(--s6) 0}
.blog-foto img{width:auto;max-width:100%;height:auto;max-height:560px;margin-inline:auto;border-radius:var(--r-l);box-shadow:var(--ten-2)}

.tablytsya{margin:var(--s5) 0 var(--s5)}
.tablytsya table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.5}
.tablytsya th,.tablytsya td{padding:var(--s3);border:1px solid var(--line);text-align:left;vertical-align:top}
.tablytsya th{background:var(--deep);color:var(--white);font-weight:600}
.tablytsya tbody tr:nth-child(even){background:var(--surface)}

.blog-vrizka{margin:var(--s6) 0;padding:var(--s5);background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--blue);border-radius:var(--r-l)}
.blog-vrizka p{margin:0 0 var(--s3)}
.blog-vrizka .blog-vrizka__zag{font:600 var(--step-1)/1.25 var(--zag);color:var(--ink);margin-bottom:var(--s2)}
.blog-vrizka__diyi{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s4)}

.blog-faq{margin-top:var(--s7)}
.blog-faq h2{margin-bottom:var(--s2)}

.blog-dali__zag{margin-top:var(--s7)}
.blog-grupa h2{margin-bottom:0}

@media (min-width:1100px){
  .blog-setka{grid-template-columns:260px minmax(0,780px);gap:var(--s7);justify-content:center}
  .blog-bik{order:0}
  .blog-zmist{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto}
}

@media (max-width:640px){
  .blog-tekst{font-size:1rem}
  .blog-zmist{padding:var(--s4)}
  .blog-vrizka{padding:var(--s4)}
  .blog-vrizka__diyi .knopka{width:100%}
  .tablytsya thead{display:none}
  .tablytsya table,.tablytsya tbody,.tablytsya tr,.tablytsya td{display:block;width:100%}
  .tablytsya tr{margin:0 0 var(--s3);padding:var(--s2) var(--s4);background:var(--white);border:1px solid var(--line);border-radius:var(--r)}
  .tablytsya tbody tr:nth-child(even){background:var(--white)}
  .tablytsya td{border:0;padding:var(--s2) 0}
  .tablytsya td+td{border-top:1px solid var(--line)}
  .tablytsya td::before{content:attr(data-l);display:block;margin-bottom:2px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
}

@media print{
  .blog-bik,.blog-vrizka{display:none}
}