/* Parteq Blog — стили страницы статьи */
.article-wrap{max-width:784px;margin:0 auto;padding:0 32px}
.crumbs{padding:128px 0 28px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-3);display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow:hidden}
.crumbs a{color:var(--ink-3);transition:color 160ms ease}
.crumbs a:hover{color:var(--accent-dark)}
.crumbs .sep{color:var(--line-strong)}
.crumbs .cur{color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.art-head{padding-bottom:36px;border-bottom:1px solid var(--line);margin-bottom:40px}
.art-head .post-tag{display:block;margin-bottom:16px}
.art-head h1{font-size:clamp(30px,4.2vw,44px);font-weight:700;letter-spacing:-1.4px;line-height:1.1;margin-bottom:18px;text-wrap:pretty}
.art-meta{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--ink-3)}
.article-body{font-size:17px;line-height:1.7;color:var(--ink);padding-bottom:56px}
.article-body p{margin:0 0 22px;text-wrap:pretty}
.article-body h2{font-size:28px;font-weight:700;letter-spacing:-0.6px;line-height:1.2;margin:52px 0 18px}
.article-body h3{font-size:21px;font-weight:600;letter-spacing:-0.3px;margin:36px 0 14px}
.article-body ul,.article-body ol{margin:0 0 22px;padding-left:24px}
.article-body li{margin-bottom:8px}
.article-body em{color:var(--ink-2)}
.article-body a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:2px;transition:color 160ms ease}
.article-body a:hover{color:var(--accent)}
.tbl-scroll{overflow-x:auto;margin:26px 0}
.article-body table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.article-body th{background:var(--bg-alt);text-align:left;padding:10px 14px;font-size:13px;font-weight:600;letter-spacing:0.2px;border-bottom:1px solid var(--line-strong);white-space:nowrap}
.article-body td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.article-body td:not(:first-child),.article-body th:not(:first-child){font-family:'JetBrains Mono',monospace;font-size:13.5px}
.article-body th:not(:first-child){font-size:12px}
.tbl-note{font-size:14px;color:var(--ink-3);margin-top:-14px}
.callout{background:var(--bg-alt);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:20px 24px;margin:26px 0}
.callout .co-cap{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-dark);display:block;margin-bottom:8px}
.callout p{margin:0}
.callout p + p{margin-top:12px}
.callout ol,.callout ul{margin:0;padding-left:20px}
.inline-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--accent-soft);border:1px solid rgba(0,107,69,0.18);border-radius:var(--radius);padding:20px 24px;margin:44px 0}
.inline-cta p{margin:0;font-size:16px;font-weight:500;color:var(--ink)}
.inline-cta .btn{display:inline-flex;align-items:center;gap:6px;padding:11px 18px;background:var(--ink);color:var(--paper);border-radius:100px;font-size:14px;font-weight:500;white-space:nowrap;transition:transform 160ms ease,background 160ms ease}
.inline-cta .btn:hover{transform:translateY(-1px);background:#1a1b19}
.pub-note{display:none;background:var(--draft-bg);border-left:3px solid var(--draft);border-radius:0 var(--radius) var(--radius) 0;padding:16px 20px;margin:40px 0 0;font-size:14px;color:var(--ink-2)}
body.draft .pub-note{display:block}
.pub-note .pn-cap{display:block;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--draft);margin-bottom:6px}
.more{padding:72px 0 96px;background:var(--bg-alt)}
.more h2{font-size:28px;font-weight:700;letter-spacing:-0.8px;margin-bottom:28px}
.more-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:28px}
.more-head h2{margin-bottom:0}
.more-back{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--ink-3);white-space:nowrap;transition:color 160ms ease}
.more-back:hover{color:var(--accent-dark)}
.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.more-grid.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:960px){.more-grid.three{grid-template-columns:1fr}}
.more .post-card{border-color:var(--line-strong)}
@media (max-width:640px){.article-wrap{padding:0 20px}.crumbs{padding-top:104px}.art-head h1{font-size:30px;letter-spacing:-1px}.article-body{font-size:16.5px}.article-body h2{font-size:24px}.inline-cta{flex-direction:column;align-items:stretch;text-align:center}.inline-cta .btn{justify-content:center;padding:13px}.more-grid{grid-template-columns:1fr}}