/* ============ WATCHDOG · СТАТЬИ ============ */
.nav{position:sticky;background:rgba(10,15,20,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:14px 48px}
.art-wrap{max-width:860px;margin:0 auto;padding:70px 22px 40px}
.art-head{margin-bottom:44px}
.art-head h1{font-family:var(--serif);font-weight:300;font-size:clamp(32px,4.4vw,52px);line-height:1.06;letter-spacing:-.025em;margin:18px 0 20px}
.art-head h1 em{font-style:italic;color:var(--accent2)}
.art-meta{display:flex;gap:18px;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;color:var(--faint)}
.art-lead{font-size:19px;line-height:1.6;color:var(--dim);font-weight:300}
article.art{font-size:16.5px;line-height:1.75;color:rgba(234,242,248,.86)}
article.art h2{font-family:var(--serif);font-weight:400;font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:-.015em;margin:52px 0 18px}
article.art h3{font-size:19px;font-weight:600;margin:36px 0 12px}
article.art p{margin:0 0 18px}
article.art ul,article.art ol{margin:0 0 20px;padding-left:24px;display:flex;flex-direction:column;gap:8px}
article.art li::marker{color:var(--accent)}
article.art strong{color:var(--ink)}
article.art a{color:var(--accent2);text-decoration:underline;text-underline-offset:3px}
article.art blockquote{border-left:3px solid var(--accent);padding:14px 22px;margin:26px 0;background:linear-gradient(90deg,rgba(143,198,240,.06),transparent);font-size:17px;color:var(--ink)}
article.art figure{margin:30px 0}
article.art figure img{border-radius:5px;border:1px solid var(--line)}
article.art figcaption{font-size:13px;color:var(--faint);margin-top:10px;font-family:var(--mono);letter-spacing:.06em}
.art-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14.5px}
.art-table th,.art-table td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top}
.art-table th{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--accent);background:var(--bg2)}
.art-cta{margin:60px 0 20px;border:1px solid var(--line2);border-radius:6px;padding:38px;background:linear-gradient(120deg,rgba(143,198,240,.07),transparent 60%)}
.art-cta h2{font-family:var(--serif);font-weight:300;font-size:30px;margin-bottom:12px}
.art-cta p{color:var(--dim);margin-bottom:24px}
/* карточки списка статей */
.blog-grid{display:grid;grid-template-columns:1fr;gap:22px;margin-top:50px}
.blog-card{border:1px solid var(--line);border-radius:5px;padding:32px 34px;display:block;transition:border-color .3s,transform .3s,box-shadow .3s;background:linear-gradient(180deg,rgba(143,198,240,.04),transparent 60%)}
.blog-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(143,198,240,.4)}
.blog-card b{display:block;font-size:22px;font-weight:600;margin:12px 0 10px}
.blog-card p{font-size:15px;line-height:1.6;color:var(--dim)}
.blog-card .mono{font-size:11px;letter-spacing:.2em;color:var(--accent)}
.art-foot{border-top:1px solid var(--line);margin-top:40px;padding:26px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--faint)}
.art-foot a{color:var(--dim)}
@media (max-width:700px){.nav{padding:12px 18px}.art-cta{padding:26px 20px}}