/* KozakFit Blog */
:root{
  --ink:#0B0E0F; --cream:#F2EFE9; --surface:#fff; --line:#E2DED6;
  --text:#0B0E0F; --text2:#5C6366; --acc:#D8FF3E; --accd:#87A312;
  --font:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue','Segoe UI',Roboto,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--text);font:16px/1.65 var(--font);-webkit-text-size-adjust:100%}
a{color:var(--accd);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
.wrap{max-width:820px;margin-inline:auto;padding-inline:20px}
.site-head{position:sticky;top:0;z-index:50;background:rgba(242,239,233,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.site-head .in{max-width:1100px;margin-inline:auto;padding:10px 20px;display:flex;align-items:center;gap:22px}
.site-head img.logo{height:34px;width:auto;display:block}
.site-head nav{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}
.site-head nav a{color:var(--text2);font-weight:600;font-size:14px}
.site-head nav a:hover{color:var(--text);text-decoration:none}
.lang{border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-weight:700;font-size:13px;color:var(--text)!important;background:var(--surface)}
article{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:clamp(20px,4vw,48px);margin:28px 0}
.breadcrumbs{font-size:13px;color:var(--text2);margin:20px 0 0}
.breadcrumbs a{color:var(--text2)}
h1{font-size:clamp(26px,4.4vw,38px);line-height:1.15;letter-spacing:-.02em;margin:.2em 0 .4em}
.meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--text2);border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:8px}
.meta b{color:var(--text)}
h2{font-size:clamp(21px,2.8vw,27px);letter-spacing:-.01em;margin:1.6em 0 .5em;line-height:1.2}
h3{font-size:18px;margin:1.4em 0 .4em}
p{margin:.8em 0}
ul,ol{margin:.8em 0;padding-left:1.3em}
li{margin:.35em 0}
table{width:100%;border-collapse:collapse;margin:1em 0;font-size:14.5px;display:block;overflow-x:auto}
th,td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
th{background:var(--cream);font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.note,.warn,.tip{border-radius:12px;padding:14px 18px;margin:1.1em 0;font-size:15px}
.note{background:rgba(216,255,62,.16);border:1px solid rgba(135,163,18,.35)}
.warn{background:#FBEBE9;border:1px solid #E5B5AE}
.tip{background:#EDF3FB;border:1px solid #C4D6EC}
.cta{background:var(--ink);color:#F7F5F1;border-radius:14px;padding:22px 24px;margin:1.6em 0}
.cta h4{margin:0 0 6px;font-size:18px}
.cta p{margin:0 0 14px;color:#B9C1C4;font-size:14.5px}
.cta a.btn{display:inline-block;background:var(--acc);color:var(--ink);font-weight:700;padding:11px 22px;border-radius:999px;font-size:15px}
.cta a.btn:hover{text-decoration:none;background:#E6FF6B}
.cta .code{font-weight:800;letter-spacing:.1em;background:rgba(216,255,62,.15);border:1px dashed rgba(216,255,62,.6);color:var(--acc);padding:3px 10px;border-radius:8px}
details.faq{border-bottom:1px solid var(--line)}
details.faq summary{cursor:pointer;font-weight:700;padding:13px 0;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";color:var(--accd);font-weight:800}
details.faq[open] summary::after{content:"–"}
details.faq p{margin-top:0;color:var(--text2)}
.disclaimer{font-size:13px;color:var(--text2);border-top:1px solid var(--line);margin-top:2em;padding-top:14px}
.related{margin:34px 0}
.related h2{margin-top:0}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;padding:0;list-style:none;margin:14px 0 0}
.related-grid a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--text);font-weight:600;font-size:14.5px;line-height:1.35}
.related-grid a:hover{border-color:var(--accd);text-decoration:none}
.related-grid a span{display:block;font-size:12px;color:var(--text2);font-weight:500;margin-top:6px}
.site-foot{border-top:1px solid var(--line);margin-top:40px;padding:26px 0 40px;font-size:13px;color:var(--text2)}
.site-foot .in{max-width:1100px;margin-inline:auto;padding-inline:20px;display:grid;gap:8px}
/* індекс блогу */
.blog-hero{padding:44px 0 8px}
.blog-hero h1{margin-bottom:6px}
.blog-hero p{color:var(--text2);max-width:64ch}
.cat-block h2{margin:34px 0 10px;font-size:22px}
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;list-style:none;padding:0;margin:0}
.post-grid a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;color:var(--text)}
.post-grid a:hover{border-color:var(--accd);text-decoration:none}
.post-grid b{display:block;font-size:16px;line-height:1.3;margin-bottom:8px}
.post-grid span{font-size:13px;color:var(--text2);display:block}
@media(max-width:640px){.site-head nav{gap:12px}.site-head nav a:not(.lang){display:none}}

.cat-block{scroll-margin-top:84px}

.lang-group{display:inline-flex;align-items:center}.lang-group .lang{border-radius:0;border-right-width:0}.lang-group .lang:first-child{border-radius:999px 0 0 999px}.lang-group .lang:last-child{border-radius:0 999px 999px 0;border-right-width:1px}.lang-group .is-act{background:var(--text,#111);color:var(--surface,#fff)!important;border-color:var(--text,#111)}

.cover{margin:22px 0 6px;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.cover img{display:block;width:100%;height:auto}

.related-grid li{display:flex}.related-grid a{display:flex;flex-direction:column;width:100%;height:100%}.related-grid a span{margin-top:auto;padding-top:8px}

.hub-sec{margin-top:34px}
.hub-sec h2{font-size:22px;margin:0 0 14px}
.cat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding:0;margin:0;list-style:none}
.cat-cards li{display:flex}
.cat-card{display:flex;flex-direction:column;gap:8px;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;color:var(--text)}
.cat-card:hover{border-color:var(--accd);text-decoration:none}
.cc-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px}
.cc-n{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700;color:var(--text2)}
.cc-d{font-size:13px;color:var(--text2);line-height:1.45}
.cc-go{margin-top:auto;font-size:13px;font-weight:700;color:var(--accd)}
.prev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;padding:0;margin:14px 0 0;list-style:none}
.prev-grid li{display:flex}
.prev-card a{display:flex;flex-direction:column;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--text)}
.prev-card a:hover{border-color:var(--accd);text-decoration:none}
.prev-card img{display:block;width:100%;height:auto;border-bottom:1px solid var(--line)}
.pc-body{display:flex;flex-direction:column;gap:6px;padding:13px 14px 15px}
.pc-cat{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accd)}
.pc-body b{font-size:15px;line-height:1.35}
.pc-desc{font-size:12.5px;color:var(--text2);line-height:1.45}

.author-hero{display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:start;margin-top:18px}
.a-photo{width:100%;height:auto;border-radius:16px;border:1px solid var(--line);display:block}
.a-body h1{margin:0 0 6px;font-size:34px}
.a-sub{color:var(--accd);font-weight:700;margin:0 0 14px}
.a-body p{margin:0 0 12px;line-height:1.6}
.a-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.a-btn{display:inline-block;padding:11px 18px;border-radius:10px;border:1px solid var(--line);font-weight:700;color:var(--text);background:var(--surface)}
.a-btn--dark{background:var(--text);color:var(--surface);border-color:var(--text)}
.a-btn:hover{text-decoration:none;border-color:var(--accd)}
.a-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 10px}
.a-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}
.a-card h2{margin:0 0 10px;font-size:18px}
.a-facts{margin:0;padding-left:18px}
.a-facts li{margin-bottom:7px;line-height:1.5}
.a-socs{display:flex;gap:8px;flex-wrap:wrap}
.a-soc{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-weight:700;font-size:13.5px;color:var(--text);background:var(--bg)}
.a-soc:hover{border-color:var(--accd);text-decoration:none}
@media (max-width:760px){.author-hero{grid-template-columns:1fr}.a-photo{max-width:420px}.a-cols{grid-template-columns:1fr}}