/* Страницы-гайды (статьи) */
.article-page{padding:56px 0 24px;min-height:70vh}
.article{max-width:780px;margin:0 auto;font-size:16px;line-height:1.75;color:#c9d0e0}
.article h1{font:clamp(34px,5vw,56px)/1.05 'Work Sans',sans-serif;color:#f7f8ff;margin:10px 0 18px}
.article h2{font:24px/1.3 'Work Sans',sans-serif;color:#f7f8ff;margin:38px 0 12px}
.article h3{font:18px/1.4 'Work Sans',sans-serif;color:#f7f8ff;margin:24px 0 8px}
.article p{margin:0 0 14px}
.article a{color:var(--accent,#8ea8ff);text-decoration:none}
.article a:hover{text-decoration:underline}
.article ol,.article ul{margin:0 0 16px;padding-left:22px}
.article ol li,.article ul li{margin:0 0 8px}
.article li strong{color:#f7f8ff}
.article .crumbs{display:flex;gap:8px;align-items:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8b93a7;margin-bottom:20px;flex-wrap:wrap}
.article .crumbs a{color:#8b93a7}
.article .crumbs b{color:#f7f8ff;font-weight:600}
.article .callout{position:relative;border:1px solid rgba(255,255,255,.08);border-left:3px solid #7aa2ff;background:rgba(20,26,40,.45);border-radius:12px;padding:14px 18px;margin:0 0 18px}
.article .callout b{color:#f7f8ff}
.article .steps{counter-reset:step;list-style:none;padding:0}
.article .steps li{counter-increment:step;position:relative;padding:0 0 22px 54px}
.article .steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:-2px;width:36px;height:36px;border:1px solid rgba(255,255,255,.14);border-radius:10px;display:grid;place-items:center;font:13px 'Work Sans',sans-serif;color:#e5e9f5;background:rgba(15,19,30,.6)}
.article .steps li:after{content:'';position:absolute;left:18px;top:38px;bottom:2px;width:1px;background:rgba(255,255,255,.1)}
.article .steps li:last-child:after{display:none}
.article .faq-mini{border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;margin:0 0 22px}
.article .faq-mini details{border-bottom:1px solid rgba(255,255,255,.06)}
.article .faq-mini details:last-child{border-bottom:0}
.article .faq-mini summary{list-style:none;cursor:pointer;padding:14px 18px;font-weight:600;color:#f7f8ff;display:flex;justify-content:space-between;gap:12px}
.article .faq-mini summary::-webkit-details-marker{display:none}
.article .faq-mini summary:after{content:'+';color:#8b93a7;font-weight:400}
.article .faq-mini details[open] summary:after{content:'–'}
.article .faq-mini p{padding:0 18px 14px;margin:0;font-size:14.5px}
.article .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 8px}
.article-mascot{float:right;width:74px;margin:0 0 8px 16px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}
@media(max-width:640px){.article{font-size:15px}}