/* XCOMNS: раздел блога и инструкций */
.blog-intro__text{margin-bottom:24px;color:#333;line-height:1.6}
.blog-grid{margin-top:8px}
.blog-grid__col{margin-bottom:24px;display:flex}
.blog-card{display:flex;flex-direction:column;width:100%;border:1px solid #e7e9ed;border-radius:6px;overflow:hidden;background:#fff;transition:box-shadow .18s ease,transform .18s ease}
.blog-card:hover{box-shadow:0 6px 18px rgba(20,25,40,.12);transform:translateY(-2px)}
.blog-card__media{display:block;position:relative;padding-top:56.25%;background:#f3f4f6;overflow:hidden}
.blog-card__media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.blog-card__body{display:flex;flex-direction:column;flex:1 1 auto;padding:16px 18px 18px}
.blog-card__meta{display:flex;gap:10px;align-items:center;font-size:12px;color:#7b8190;margin-bottom:8px;flex-wrap:wrap}
.blog-card__cat{background:#f1f3f7;color:#c20e1a;border-radius:3px;padding:3px 8px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.blog-card__title{display:block;font-size:17px;line-height:1.35;font-weight:600;color:#1b2030;margin-bottom:8px}
.blog-card__title:hover{color:#c20e1a}
.blog-card__desc{font-size:14px;line-height:1.55;color:#5c6270;margin:0 0 14px}
.blog-card__more{margin-top:auto;font-size:14px;font-weight:600;color:#c20e1a}
@media (max-width:575px){.blog-card__body{padding:14px}.blog-card__title{font-size:16px}}
/* страница статьи */
.article-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#7b8190;margin:0 0 18px}
.article-body{max-width:760px;font-size:16px;line-height:1.65;color:#242833}
.article-body h2{font-size:24px;margin:32px 0 12px}
.article-body h3{font-size:19px;margin:24px 0 10px}
.article-body ul,.article-body ol{padding-left:22px;margin:0 0 16px}
.article-body li{margin-bottom:6px}
.article-body img{max-width:100%;height:auto;border-radius:4px;margin:12px 0}
.article-body table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.article-body th,.article-body td{border:1px solid #e0e3e9;padding:8px 10px;text-align:left}
.article-body th{background:#f6f7f9}
.article-note{border-left:3px solid #c20e1a;background:#fff6f6;padding:12px 16px;margin:18px 0;border-radius:0 4px 4px 0}
.article-toc{background:#f7f8fa;border:1px solid #e7e9ed;border-radius:6px;padding:16px 20px;margin:0 0 24px;max-width:760px}
.article-toc__title{font-weight:600;margin-bottom:8px}
.article-toc ol{margin:0;padding-left:20px}
.article-toc li{margin-bottom:4px}
.blog-card__media--empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b2030 0%,#39415a 100%)}
.blog-card__media--empty span{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;color:#fff;font-weight:700;letter-spacing:.14em;font-size:15px;opacity:.55}
.article-meta__author{font-weight:600;color:#3a4050}
.article-ask{max-width:760px;margin:36px 0 8px;padding:24px;border:1px solid #e7e9ed;border-radius:8px;background:#fafbfc}
.article-ask__title{font-size:20px;margin:0 0 8px}
.article-ask__text p{color:#5c6270;font-size:15px;margin:0 0 16px}
.article-ask__form{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.article-ask__form input,.article-ask__form textarea{width:100%;border:1px solid #d9dde4;border-radius:6px;padding:11px 13px;font-size:15px;background:#fff}
.article-ask__form textarea{grid-column:1/-1;min-height:92px;resize:vertical}
.article-ask__form input[name="model"]{grid-column:1/-1}
.article-ask__form .xreq-submit{grid-column:1/-1;justify-self:start;background:#c20e1a;color:#fff;border:none;border-radius:6px;padding:12px 26px;font-size:15px;font-weight:600;cursor:pointer}
.article-ask__form .xreq-submit:hover{background:#a30c16}
.article-ask__form .xhp{position:absolute;left:-9999px;width:1px;height:1px}
.xfaq__item{border-bottom:1px solid #e7e9ed;padding:12px 0}
.xfaq__item summary{cursor:pointer;font-weight:600;color:#1b2030}
.xfaq__a{padding-top:8px;color:#4a505e}
@media (max-width:575px){.article-ask__form{grid-template-columns:1fr}.article-ask{padding:18px}}