/* Блог Base: типографика статей поверх /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:var(--body)}
.article h1{font:700 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:var(--body);margin:0 0 24px}
.article p{margin:0 0 1.05em}
.article h2{font:700 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(31,91,255,.4);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:var(--body)}
.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(31,91,255,.10),transparent 80%),var(--card);border:1px solid var(--edge);border-radius:var(--r);padding:18px 22px 6px;margin:0 0 30px}
.tldr .eyebrow{color:var(--blue);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(59,123,255,.20) 0%,rgba(59,123,255,.05) 50%,transparent 75%),var(--card);border:1px solid var(--edge)}
.cta-box .cta-title{font:700 clamp(22px,3vw,28px)/1.15 var(--head);color:var(--text);margin:8px 0 10px}
.cta-box p{color:var(--body);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(31,91,255,.45);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:700 clamp(34px,5.5vw,56px)/1.04 var(--head);margin:12px 0 14px}
.blog-head .lead{font-size:19px;color:var(--body);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}
}
.article h1,.article h2,.blog-head h1,.cta-box .cta-title{letter-spacing:-.03em}
.tldr,.cta-box{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.blog-group{border-top-color:var(--line)}