/* Дополнения статей блога: «Что делать дальше», инлайн-CTA, оглавление, расширенная форма */

/* --- Что делать дальше --- */
.next-steps{background:var(--tint,#EDF3FA);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:56px 0;}
.next-steps h2{font-size:clamp(24px,3vw,32px);margin:0 0 24px;text-align:center;}
.next-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:1000px;margin:0 auto;}
.next-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.next-card h3{font-size:18px;margin:0;}
.next-card p{font-size:14px;color:var(--gray-text);margin:0;flex:1;}
.next-card .btn{align-self:flex-start;}
@media (hover:hover) and (pointer:fine){.next-card:hover{transform:translateY(-3px);border-color:#FF6B1A;box-shadow:0 12px 26px rgba(15,42,77,.1);}}
@media (prefers-reduced-motion:reduce){.next-card{transition:none;}.next-card:hover{transform:none;}}

/* --- Инлайн-CTA в середине длинных статей --- */
.inline-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--blue-pale);
  border:1px solid #C7DEF3;border-left:5px solid #FF6B1A;border-radius:12px;padding:18px 20px;margin:28px 0;}
.inline-cta p{margin:0;font-weight:600;color:var(--blue-deep);font-size:16px;}
.article-body .inline-cta p{font-size:16px;margin:0;}

/* --- Оглавление --- */
details.toc{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin:0 0 28px;}
details.toc summary{cursor:pointer;font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;color:var(--blue-deep);font-size:16px;}
details.toc ol{margin:12px 0 0 20px;padding:0;font-size:14px;columns:1;}
details.toc li{margin-bottom:6px;}
details.toc a{color:var(--blue-sky);}
details.toc a:hover{text-decoration:underline;}
.article-body h2[id]{scroll-margin-top:90px;}

/* --- Расширенная форма --- */
.final-cta select{padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;background:#fff;}
.form-note{font-size:12px;color:var(--gray-text);margin:-4px 0 0;}
.form-thanks{background:#fff;border-radius:16px;padding:28px;font-weight:600;color:var(--blue-deep);font-size:18px;line-height:1.4;}
.form-error{color:#B3261E;font-size:13px;margin:0;}