/* Блог Cheburnet.NET: типографика статей поверх /site.css. */
.post{padding:26px 0 64px}
.narrow{max-width:760px;margin:0 auto;padding:0 20px}
.crumbs{font-size:13.5px;color:var(--faint);margin:4px 0 22px}
.crumbs a{color:var(--dim)}
nav.top a[aria-current]{color:var(--text)}

/* статья */
.article{font-size:17.5px;line-height:1.7;color:#d6e1da}
.article h1{font:600 clamp(32px,5vw,48px)/1.08 var(--head);margin:12px 0 10px;color:var(--text)}
.article .meta{color:var(--faint);font-size:14px;margin:0 0 22px}
.article .lead{font-size:19.5px;line-height:1.6;color:#c9d6ce;margin:0 0 24px}
.article p{margin:0 0 1.05em}
.article h2{font:600 clamp(24px,3.2vw,31px)/1.2 var(--head);margin:1.9em 0 .55em;color:var(--text);scroll-margin-top:84px}
.article h3{font-size:19px;line-height:1.35;font-weight:650;margin:1.5em 0 .45em;color:var(--text)}
.article ul,.article ol{padding-left:1.35em;margin:0 0 1.15em}
.article li{margin:.4em 0}
.article li::marker{color:var(--exit-hi)}
.article ol li::marker{font-weight:650}
.article a{text-decoration:underline;text-decoration-color:rgba(39,208,122,.45);text-underline-offset:3px}
.article a:hover{text-decoration-color:var(--exit-hi)}
.article strong{color:var(--text);font-weight:650}
.article blockquote{margin:1.4em 0;padding:14px 18px;border-left:3px solid var(--exit-hi);background:var(--card);border-radius:0 14px 14px 0;color:#c9d6ce}
.article blockquote p:last-child{margin-bottom:0}
.article code{font-family:ui-monospace,SFMono-Regular,"Cascadia Mono",Menlo,monospace;font-size:.88em;background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:1px 6px}

/* «Коротко» */
.tldr{background:linear-gradient(180deg,rgba(16,163,82,.11),transparent 80%),var(--card);border:1px solid rgba(39,208,122,.28);border-radius:var(--r);padding:18px 22px 6px;margin:0 0 30px}
.tldr .eyebrow{color:#a9f0c8;margin-bottom:6px}
.tldr ul{margin:0 0 12px;padding-left:1.2em;font-size:16.5px;line-height:1.6}

/* таблицы */
.table{overflow-x:auto;margin:1.2em 0 1.5em;border:1px solid var(--line);border-radius:14px}
.article table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5;min-width:480px}
.article th,.article td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.article tr:last-child td{border-bottom:0}
.article th{color:var(--text);font-weight:650;background:var(--card2)}

/* вопросы в конце статьи */
.faq details p{font-size:16px;line-height:1.65}
.faq summary{line-height:1.4}

/* призыв */
.cta-box{margin:44px 0 0;padding:26px;border-radius:24px;background:radial-gradient(120% 140% at 0% 0%,rgba(16,163,82,.24) 0%,rgba(16,163,82,.05) 50%,transparent 75%),var(--card);border:1px solid rgba(39,208,122,.3)}
.cta-box .cta-title{font:600 clamp(22px,3vw,28px)/1.15 var(--head);color:var(--text);margin:8px 0 10px}
.cta-box p{color:#c9d6ce;margin:0;line-height:1.6}
.cta-box .cta{margin:20px 0 0}

/* карточки статей */
.more{margin-top:44px}
.list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}
.post-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;color:var(--text)}
.post-card:hover{text-decoration:none;border-color:rgba(39,208,122,.5);background:var(--card2)}
.post-card b{display:block;font-size:16.5px;line-height:1.35;font-weight:650;margin-bottom:6px}
.post-card span{display:block;color:var(--dim);font-size:14.5px;line-height:1.5}

/* список статей */
.blog-head{padding:18px 0 26px;max-width:760px}
.blog-head h1{font:600 clamp(34px,5.5vw,56px)/1.04 var(--head);margin:12px 0 14px}
.blog-head .lead{font-size:19px;color:#c9d6ce;margin:0}
.blog-group{padding:34px 0 8px;border-top:1px solid var(--line)}
.blog-group h2{margin:0 0 6px}
.blog-group .dim{margin:0}
.blog-group .list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:18px}
.post .wrap .cta-box{max-width:760px}

@media (max-width:600px){
  .article{font-size:16.5px}
  .article .lead{font-size:18px}
  .cta-box{padding:20px}
  .cta-box .btn{flex:1 1 100%}
  .blog-group .list{grid-template-columns:1fr}
}
