/* Blog and trust pages (written by blog_build.js). Article typography on the dark theme of style.css: colors come from its :root tokens. */
.post-wrap{max-width:760px;}
.post-hero{padding:48px 0 22px;}
.post-hero h1{font-size:36px;line-height:1.18;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere;}
@media(max-width:560px){.post-hero h1{font-size:27px;}}
.post-hero .lede{color:var(--text-dim);font-size:16px;margin-top:16px;max-width:none;}
.post-meta{color:var(--text-faint);font-size:13.5px;margin-top:14px;}

.post-body{font-size:16.5px;line-height:1.72;color:var(--text-dim);overflow-wrap:anywhere;}
.post-body>*:first-child{margin-top:0;}
.post-body h2{font-size:25px;line-height:1.25;letter-spacing:-.01em;color:var(--text);margin:48px 0 14px;scroll-margin-top:84px;}
.post-body h3{font-size:19px;line-height:1.3;font-weight:600;color:var(--text);margin:32px 0 10px;scroll-margin-top:84px;}
.post-body h4,.post-body h5,.post-body h6{font-size:16.5px;font-weight:600;color:var(--text);margin:24px 0 8px;}
.post-body p{margin:14px 0;}
.post-body strong{color:var(--text);font-weight:600;}
.post-body em{color:var(--text);}
.post-body a{color:var(--gold);text-decoration:underline;text-decoration-color:rgba(224,178,90,.4);text-underline-offset:3px;}
.post-body a:hover{text-decoration-color:var(--gold);}
.post-body ul,.post-body ol{margin:14px 0;padding-inline-start:24px;}
.post-body li{margin:7px 0;padding-inline-start:2px;}
.post-body li::marker{color:var(--text-faint);}
.post-body li>ul,.post-body li>ol{margin:8px 0 4px;}
.post-body hr{border:0;border-top:1px solid var(--line-strong);margin:36px 0;}

.post-body code{font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;font-size:.86em;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--text);overflow-wrap:anywhere;}
.post-body pre{background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;padding:16px 18px;margin:20px 0;overflow-x:auto;line-height:1.55;}
.post-body pre code{background:none;border:0;padding:0;font-size:13.5px;color:var(--text);overflow-wrap:normal;white-space:pre;}

.post-body blockquote{margin:22px 0;padding:14px 18px;border-inline-start:3px solid var(--gold-deep);background:rgba(224,178,90,.06);border-radius:0 10px 10px 0;color:var(--text-dim);}
.post-body blockquote>*:first-child{margin-top:0;}
.post-body blockquote>*:last-child{margin-bottom:0;}
[dir="rtl"] .post-body blockquote{border-radius:10px 0 0 10px;}

.table-wrap{margin:22px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);}
.post-body table{border-collapse:collapse;width:100%;min-width:480px;font-size:14.5px;line-height:1.5;}
.post-body th{background:var(--surface-2);color:var(--text);font-weight:600;text-align:start;padding:10px 14px;border-bottom:1px solid var(--line-strong);white-space:nowrap;}
.post-body td{padding:10px 14px;border-top:1px solid var(--line);vertical-align:top;color:var(--text-dim);}
.post-body tbody tr:first-child td{border-top:0;}
.post-body tbody tr:nth-child(even) td{background:rgba(255,255,255,.015);}

/* related articles under a post */
.post-related{margin-top:56px;padding-top:28px;border-top:1px solid var(--line-strong);}
.post-related h2{font-size:19px;color:var(--text);margin:0 0 12px;}
.post-related ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.post-related a{display:block;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none;font-size:15px;line-height:1.4;transition:border-color .15s,background .15s;}
.post-related a:hover{border-color:var(--gold-deep);background:var(--surface-2);}

/* Blog directory: previews and task navigation before opening an article. */
.blog-index .post-wrap{max-width:1120px;}
.blog-index .post-hero{padding:28px 0 12px;}
.blog-index .post-hero .lede{max-width:740px;}
.blog-index .post-body .blog-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.blog-list>li{margin:0;padding:0;min-width:0;}
.post-body .blog-card{display:flex;flex-direction:column;height:100%;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);text-decoration:none;overflow:hidden;transition:border-color .15s;}
.post-body .blog-card:hover{border-color:var(--gold-deep);}
.blog-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px;}
.blog-card-image{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;background:var(--surface-2);}
.blog-card-copy{padding:20px;display:flex;flex-direction:column;flex:1;}
.blog-card-title{display:block;color:var(--text);font-weight:600;font-size:19px;line-height:1.35;text-wrap:pretty;}
.blog-card-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-dim);font-size:14px;line-height:1.6;margin-top:10px;}
.blog-card-go{color:var(--gold);font-size:14px;padding-top:18px;margin-top:auto;}
.blog-index .post-body .catalog-group h2{margin:0 0 18px;}
.blog-index .post-body .catalog-categories a{text-decoration:none;}
.post-toc{margin:28px 0;padding:16px 20px;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;color:var(--text);}
.post-toc summary{cursor:pointer;font-weight:600;min-height:28px;}
.post-toc summary span{color:var(--text-dim);font-weight:400;}
.post-toc ol{columns:2;column-gap:32px;font-size:14px;line-height:1.5;}
.post-toc li{break-inside:avoid;}
.post-body img{max-width:100%;height:auto;}
.post-body .table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
@media(max-width:900px){.blog-index .post-body .blog-list{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.blog-index .post-body .blog-list{grid-template-columns:1fr;}.blog-card-copy{padding:18px;}.post-toc ol{columns:1;}.post-body h2{font-size:23px;margin-top:36px;}.post-body{font-size:16px;line-height:1.65;}}

@media print{
  .post-body{color:#222;}
  .post-body a{color:#222;}
}
.post-emu{margin-top:48px;padding:18px 20px;border:1px solid var(--line-strong);border-radius:14px;background:rgba(224,178,90,.06);}   /* 24.10: ссылка на эмулятор в конце статьи */
.post-emu p{margin:0;line-height:1.6;}
.post-emu a{color:var(--gold,#E0B25A);font-weight:600;}
.post-emu + .post-related{margin-top:40px;}

/* 26.10: CTA-блок статьи MT4 vs MT5 (середина и конец; js/mt4mt5-cta.js) */
.post-body .mm-cta{margin:40px 0;padding:24px 26px;border:1px solid rgba(224,178,90,.28);border-radius:16px;background:radial-gradient(120% 140% at 0% 0%,rgba(156,122,51,.30),rgba(156,122,51,0) 60%),var(--surface);}
.mm-cta p{margin:0;}
.post-body .mm-cta .mm-h{font-size:21px;line-height:1.3;font-weight:700;color:var(--text);letter-spacing:-.01em;}
.post-body .mm-cta .mm-p{margin-top:10px;font-size:15.5px;line-height:1.6;color:var(--text-dim);}
.mm-cta .mm-act{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:18px;}
.post-body .mm-cta .btn{text-decoration:none;white-space:normal;text-align:center;}
.mm-cta .br-arrow{display:inline-block;margin-inline-start:8px;}
[dir="rtl"] .mm-cta .br-arrow{transform:scaleX(-1);}
.post-body .mm-cta .mm-r{margin-top:14px;font-size:13px;line-height:1.5;color:var(--text-faint);}
.post-body th:first-child,.post-body td:first-child{overflow-wrap:normal;min-width:7.5em;color:var(--text);}   /* 26.10: первый столбец таблицы сравнения не рвём посреди слова */
.post-body table{min-width:620px;}
.post-body .mm-cta a.btn-primary{color:#1A1406;text-decoration:none;}   /* .post-body a красит ссылки в золото: на золотой кнопке текст должен быть тёмным */

/* 30.10 (hub3010): article cover under the one-sentence answer (tools/covers_apply.py) */
.post-body .post-cover { margin: 20px 0 28px; }
.post-body .post-cover img { display: block; width: 100%; height: auto; aspect-ratio: 1200 / 630; border-radius: 14px; background: #000; }
.post-body .post-cover figcaption { margin-top: 8px; font-size: .86rem; line-height: 1.4; opacity: .72; }