/* ============================================================
   TGENOME — блог. Те же токены, лёгкие страницы без app.js.
   ============================================================ */
.blog-main{position:relative;z-index:1;max-width:860px;margin:0 auto;
  padding:clamp(28px,6vh,64px) calc(var(--inset) + clamp(16px,3vw,40px)) clamp(48px,8vh,90px)}
.post-kicker{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.22em;
  text-transform:uppercase;color:var(--green);margin-bottom:1.2em}
.post-title{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:1.06;
  font-size:clamp(1.9rem,4.6vw,3.4rem);color:var(--ink);margin-bottom:.5em}
.post-meta{font-family:var(--mono);font-size:var(--fs-tiny);letter-spacing:.16em;
  text-transform:uppercase;color:var(--dim);margin-bottom:2.4em}
.post-body p{color:#cfcfc9;font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.75;
  margin-bottom:1.35em;max-width:70ch}
.post-body h2{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;
  font-size:clamp(1.3rem,2.6vw,1.9rem);color:var(--ink);margin:1.8em 0 .7em}
.post-body b{color:#fff}
.post-body a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.post-body ul{margin:0 0 1.35em;display:flex;flex-direction:column;gap:10px;list-style:none}
.post-body ul li{position:relative;padding-left:24px;color:#cfcfc9;line-height:1.6;max-width:70ch}
.post-body ul li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;
  background:var(--green);box-shadow:0 0 9px var(--green);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.post-cta{margin-top:2.6em;border:1px solid var(--line);background:rgba(26,77,255,.05);
  padding:clamp(18px,2.6vw,30px);display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.post-cta .t{font-family:var(--mono);font-size:var(--fs-ui);letter-spacing:.16em;
  text-transform:uppercase;color:var(--green-dim)}
.post-cta .t b{color:var(--green)}

/* индекс блога */
.blog-list{display:flex;flex-direction:column;gap:clamp(14px,2vw,22px);margin-top:2em}
.bcard{display:block;border:1px solid var(--line);background:rgba(26,77,255,.045);
  padding:clamp(16px,2.4vw,28px);text-decoration:none;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
  transition:border-color .25s var(--ease),transform .25s var(--ease)}
.bcard:hover{border-color:rgba(43,240,122,.5);transform:translateY(-3px)}
.bcard .bk{font-family:var(--mono);font-size:var(--fs-tiny);letter-spacing:.18em;
  text-transform:uppercase;color:var(--green);margin-bottom:.6em}
.bcard h2{font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(1.2rem,2.4vw,1.8rem);color:#fff;line-height:1.1;margin-bottom:.45em}
.bcard p{color:#a9a9a3;font-size:var(--fs-ui);line-height:1.55;max-width:75ch}

/* шапка на блоге: без бургера и JS, ссылки видимы и на мобиле */
.blog-head .sh-nav{display:flex!important}
.blog-head .sh-nav a{padding:14px 10px;font-size:.95rem}
.blog-head .sh-cta{display:flex!important;padding:0 18px}
@media (max-width:640px){
  .blog-head .sh-logo{padding:12px 12px;font-size:1.1rem}
  .blog-head .sh-nav a{font-size:.78rem;padding:12px 6px}
  .blog-head .sh-cta{font-size:.62rem;padding:0 10px}
}